:root{--platform-blue:#8B0D22;--platform-ink:#1d1d1f;--platform-soft:#f5f5f7;--platform-line:rgba(0,0,0,.09)}
@keyframes platformGradient{0%,100%{background-position:0% 45%}50%{background-position:100% 55%}}@keyframes platformGlow{to{transform:translate3d(-70px,55px,0) scale(1.12)}}
.dashboard-hero,.project-head{background:linear-gradient(125deg,#00552E 0%,#8B0D22 25%,#00552E 50%,#171717 76%,#171717 100%)!important;background-size:220% 220%!important;animation:platformGradient 14s ease-in-out infinite}.dashboard-hero:after{animation:platformGlow 10s ease-in-out infinite alternate}
@media(prefers-reduced-motion:reduce){.dashboard-hero,.project-head,.dashboard-hero:after{animation:none!important}}
.dashboard-body{color:var(--platform-ink);background:var(--platform-soft)}.app-sidebar{background:#171717}.app-topbar{background:rgba(255,255,255,.86);backdrop-filter:saturate(180%) blur(20px)}.workspace-card,.stat-grid article{border-color:var(--platform-line);border-radius:22px;box-shadow:none}.small-button{background:var(--platform-blue)}
.dashboard-hero{position:relative;overflow:hidden;padding:34px 36px;border-radius:24px;background:linear-gradient(145deg,#00552E 0%,#00552E 48%,#171717 100%);color:#fff}.dashboard-hero:after{content:"";position:absolute;right:-80px;top:-120px;width:360px;height:360px;border-radius:50%;background:radial-gradient(circle,#F5A800 0,rgba(110,200,255,.18) 36%,transparent 68%);pointer-events:none}.dashboard-hero>*,.dashboard-hero .today{position:relative;z-index:1}.dashboard-hero .eyebrow{color:#FFFFFF}.dashboard-hero p,.dashboard-hero .today{color:rgba(255,255,255,.68)}.dashboard-hero .today strong{color:#fff}.workspace-card.workspace-primary{background:linear-gradient(180deg,#fff 0%,#f7fbff 100%)}
.app-content{max-width:1440px;margin-inline:auto;padding-top:32px}.stat-grid{gap:16px}.stat-grid article{position:relative;overflow:hidden;min-height:138px;padding:25px;background:#fff}.stat-grid article:after{content:"";position:absolute;right:-35px;bottom:-55px;width:120px;height:120px;border-radius:50%;background:rgba(139,13,34,.045)}.stat-grid strong{font-size:30px}.workspace-grid{gap:16px}.workspace-card{padding:28px}.card-heading{padding-bottom:4px}.data-row{min-height:70px;transition:background .2s ease,padding .2s ease}.data-row:hover{margin-inline:-10px;padding-inline:12px;border-radius:12px;background:#f5f9fc}.status{white-space:nowrap}.project-head{padding:36px;border-radius:24px;background:linear-gradient(145deg,#00552E,#171717);color:#fff}.project-head .eyebrow{color:#FFFFFF}.project-head p,.project-progress>span{color:rgba(255,255,255,.7)}.project-progress>div{background:rgba(255,255,255,.2)}.project-progress i{background:#fff}.project-topbar{height:68px;background:rgba(255,255,255,.88);backdrop-filter:saturate(180%) blur(20px)}
.whatsapp-widget{position:fixed;right:22px;bottom:22px;z-index:120;display:flex;align-items:center;gap:10px;min-height:54px;padding:0 10px 0 17px;border:1px solid rgba(255,255,255,.35);border-radius:999px;background:#25d366;color:#fff!important;box-shadow:0 14px 35px rgba(0,100,45,.25);font-size:12px;font-weight:700;transition:transform .2s ease,box-shadow .2s ease}.whatsapp-widget:hover{transform:translateY(-3px);box-shadow:0 18px 42px rgba(0,100,45,.32)}.whatsapp-widget svg{width:36px;height:36px}.whatsapp-label{white-space:nowrap}
.staff-stats{grid-template-columns:repeat(3,1fr)}
.service-row{display:grid;grid-template-columns:46px minmax(0,1fr) auto;gap:14px;align-items:center;padding:17px 0;border-top:1px solid var(--line)}.service-icon{display:grid;width:42px;height:42px;place-items:center;border-radius:13px;background:#eef5f8;color:var(--blue);font-size:11px;font-weight:800}.service-row strong,.service-row small{display:block}.service-row strong{font-size:13px}.service-row small,.service-row p{margin:4px 0 0;color:var(--muted);font-size:11px}.service-actions{display:grid;justify-items:end;gap:8px}.service-actions a{color:var(--blue);font-size:10px;font-weight:700}.service-pending{background:#fff6dc;color:#775719}.service-suspended,.service-expired{background:#feecef;color:#9d2639}
.document-body{background:#f5f5f7}.document-body>.account-nav,.document-body>main>main{position:relative}.document-shell{width:min(980px,calc(100% - 32px));margin:auto;padding:42px 0 90px}.document-actions{display:flex;justify-content:space-between;align-items:center;margin-bottom:18px;font-size:12px;font-weight:700}.document-actions button{padding:10px 17px;border:0;border-radius:999px;background:var(--platform-blue);color:#fff;cursor:pointer}.document-messages p{padding:13px 16px;border-radius:12px;background:#e8f4df;color:#385f19}.commercial-document{padding:54px;border-radius:24px;background:#fff;box-shadow:0 18px 60px rgba(0,0,0,.07)}.commercial-document>header{display:flex;justify-content:space-between;gap:30px;padding-bottom:35px;border-bottom:1px solid var(--platform-line)}.commercial-document header img{height:54px}.commercial-document header p,.document-meta p{color:#6e6e73;font-size:11px;line-height:1.6}.document-title{text-align:right}.document-title span{color:#8B0D22;font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.12em}.document-title h1{margin:7px 0 0;font-size:28px}.document-meta{display:grid;grid-template-columns:2fr 1fr 1fr;gap:30px;padding:35px 0}.document-meta small,.document-notes small{display:block;margin-bottom:7px;color:#86868b;font-size:10px;text-transform:uppercase;letter-spacing:.1em}.document-meta strong{font-size:13px}.commercial-document table{width:100%;border-collapse:collapse;font-size:12px}.commercial-document th,.commercial-document td{padding:14px 10px;border-bottom:1px solid var(--platform-line);text-align:right}.commercial-document th:first-child,.commercial-document td:first-child{text-align:left}.commercial-document th{color:#86868b;font-size:10px;text-transform:uppercase}.document-totals{width:min(360px,100%);margin:30px 0 0 auto}.document-totals div{display:flex;justify-content:space-between;padding:9px 0;font-size:12px}.document-totals .grand{margin-top:7px;padding-top:15px;border-top:1px solid var(--platform-line);font-size:15px}.document-totals .balance{color:var(--platform-blue);font-size:17px}.document-notes{margin-top:30px;padding-top:25px;border-top:1px solid var(--platform-line);font-size:12px}.payment-panel{display:grid;margin-top:18px;padding:30px;border-radius:22px;background:#171717;color:#fff;grid-template-columns:1.3fr 1fr;gap:40px}.payment-panel span{color:#F5A800;font-size:10px;font-weight:800;text-transform:uppercase}.payment-panel h2{margin:8px 0}.payment-panel p{color:rgba(255,255,255,.6);font-size:12px;line-height:1.6}.payment-panel form{display:grid;gap:10px;align-content:center}.payment-panel label{padding:12px;border:1px solid rgba(255,255,255,.15);border-radius:10px;font-size:12px}.payment-panel button{padding:13px;border:0;border-radius:999px;background:#8B0D22;color:#fff;font-weight:800;cursor:pointer}
@media(max-width:1200px){.staff-stats{grid-template-columns:repeat(3,1fr)}}@media(max-width:700px){.app-content{padding-inline:14px}.dashboard-hero{padding:28px 22px}.workspace-card{padding:20px}.service-row{grid-template-columns:42px 1fr}.service-actions{grid-column:2;justify-items:start}.commercial-document{padding:25px}.commercial-document>header,.document-actions{align-items:flex-start;flex-direction:column}.document-title{text-align:left}.document-meta{grid-template-columns:1fr 1fr}.document-meta>div:first-child{grid-column:1/-1}.commercial-document{overflow-x:auto}.commercial-document table{min-width:620px}.payment-panel{grid-template-columns:1fr}.staff-stats{grid-template-columns:1fr}.whatsapp-widget{right:14px;bottom:14px;width:54px;padding:0;justify-content:center}.whatsapp-label{display:none}}
@media print{.account-nav,.document-actions,.payment-panel,.document-messages{display:none!important}.document-body{background:#fff}.document-shell{width:100%;padding:0}.commercial-document{padding:20px;box-shadow:none}}

.app-brand img,.account-nav img,.project-topbar img{height:34px!important;max-width:145px!important;object-fit:contain}
.app-sidebar .app-brand img{filter:brightness(0) invert(1)!important}
.primary,.nav-button,.small-button,.top-estimate,.resume-card .primary{background-color:#8B0D22!important;color:#FFFFFF!important}
.hr-summary{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin:22px 0}.hr-summary div{display:grid;gap:5px;padding:18px;border-radius:16px;background:#eef1ec}.hr-summary strong{font-size:24px;color:#00552e}.hr-summary span{color:#68716c;font-size:11px}.hr-stat-grid{grid-template-columns:repeat(5,minmax(0,1fr))}.hr-stat-grid article{display:grid;align-content:start}.metric-icon{display:grid!important;width:36px;height:36px;margin-bottom:14px;place-items:center;border-radius:11px;background:#e8f0eb;color:#00552e!important}.metric-icon svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.email-value{overflow-wrap:anywhere;font-size:17px!important}.hr-form{display:grid;grid-template-columns:1fr 1fr;gap:15px;margin-top:20px}.hr-form .field{display:grid;gap:7px}.hr-form .field:last-of-type,.hr-form .errorlist,.hr-form>button{grid-column:1/-1}.hr-form label{font-size:11px;font-weight:750;color:#4d5953}.hr-form input,.hr-form select,.hr-form textarea{width:100%;padding:12px 13px;border:1px solid rgba(20,24,22,.12);border-radius:11px;background:#fff;font:inherit}.hr-form textarea{resize:vertical}.hr-form .primary{justify-self:start;padding:12px 18px;border:0;border-radius:999px;font-weight:750;cursor:pointer}.hr-form .errorlist{margin:0;padding:0;list-style:none;color:#8b0d22;font-size:11px}@media(max-width:1100px){.hr-stat-grid{grid-template-columns:repeat(3,1fr)}}@media(max-width:800px){.hr-summary,.hr-stat-grid{grid-template-columns:1fr 1fr}.hr-form{grid-template-columns:1fr}.hr-form .field{grid-column:1/-1}}@media(max-width:520px){.hr-stat-grid{grid-template-columns:1fr}}

.dashboard-body,.project-page,.document-body{background-color:#f5f6f3!important}
.app-sidebar{background:linear-gradient(180deg,#003d22 0%,#00552e 72%,#02140d 100%)!important}
.app-menu a.active{background:rgba(255,255,255,.12)!important;box-shadow:inset 3px 0 #f5a800}
.app-topbar,.project-topbar{
  position:sticky!important;
  top:0!important;
  z-index:40!important;
  background:rgba(255,255,255,.96)!important;
  box-shadow:0 8px 24px rgba(12,22,16,.05)
}
.account-nav{position:sticky;top:0;z-index:50;background:rgba(255,255,255,.96)}
.dashboard-hero,.project-head{
  background:#00552e!important;
  background-image:none!important;
  animation:none!important;
  color:#fff
}
.dashboard-hero:after,.project-head:after{background:radial-gradient(circle,rgba(245,168,0,.22),transparent 68%)!important}
.workspace-card,.stat-grid article,.panel,.form-card,.commercial-document{background-color:#fff!important;border-color:rgba(20,24,22,.08)!important;box-shadow:0 10px 28px rgba(12,22,16,.04)}
.stat-grid article span{color:#00552e}
.attention-card{background:#fff!important;border-color:rgba(139,13,34,.14)!important}
.profile-card,.empty-state i{background:#eef1ec!important}
.data-row:hover{background:#eef1ec}
.app-content,.project-content,.document-shell{background-color:transparent!important}
.demo-label{display:inline-flex!important;margin-left:7px;padding:3px 6px;border-radius:999px;background:#fff2c7;color:#725100!important;font-size:8px!important;font-weight:850;letter-spacing:.1em;vertical-align:middle}