:root{color-scheme:light;--green:#164b35;--green2:#218a5b;--bg:#f1f5f2;--card:#fff;--text:#17231c;--muted:#69766e;--line:#dce5df;--red:#b42318}*{box-sizing:border-box}body{margin:0;font-family:Arial,sans-serif;background:var(--bg);color:var(--text)}.app{display:grid;grid-template-columns:220px 1fr;min-height:100vh}.side{background:var(--green);color:#fff;padding:22px 14px}.brand{font-size:20px;font-weight:700;margin:0 10px 24px}.side a{display:block;color:#e8fff2;text-decoration:none;padding:11px 13px;border-radius:8px;margin:4px 0}.side a:hover,.side a.active{background:#2d6a4e}.main{padding:25px;min-width:0}.top{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:20px}h1{font-size:25px;margin:0}h2{font-size:17px;margin-top:0}.muted{color:var(--muted)}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:18px}.card{background:var(--card);border:1px solid var(--line);border-radius:12px;padding:16px}.stat strong{display:block;font-size:24px;margin-top:8px}.grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse;background:var(--card)}th,td{text-align:left;padding:10px;border-bottom:1px solid var(--line);font-size:13px}th{color:var(--muted)}input,select,textarea{width:100%;padding:10px;border:1px solid #cbd7cf;border-radius:8px;background:#fff;margin-top:5px}label{display:block;font-size:13px;margin-bottom:10px}.form-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.primary,.secondary{border:0;border-radius:8px;padding:10px 14px;cursor:pointer;text-decoration:none;display:inline-block}.primary{background:var(--green2);color:#fff}.secondary{background:#e6eee9;color:var(--text)}.status{padding:3px 8px;border-radius:20px;background:#e7f5ed;color:#176b47;font-size:11px}.status.rejected{background:#ffebe9;color:var(--red)}.alert{background:#fff1ef;color:var(--red);padding:10px;border-radius:8px;margin:10px 0}.login-body{display:grid;place-items:center;min-height:100vh}.login-card{width:min(420px,92vw);background:#fff;padding:28px;border-radius:14px;border:1px solid var(--line)}.login-card .primary{width:100%}.actions{display:flex;gap:7px;flex-wrap:wrap}.right{text-align:right}.good{color:#157347}.bad{color:var(--red)}@media(max-width:800px){.app{grid-template-columns:1fr}.side{position:static}.side a{display:inline-block}.main{padding:15px}.stats,.grid,.form-grid{grid-template-columns:1fr 1fr}}@media(max-width:520px){.stats,.grid,.form-grid{grid-template-columns:1fr}}
.dashboard-hero{background:linear-gradient(120deg,#103f31,#218a5b);color:#fff;border-radius:18px;padding:22px 25px;margin-bottom:16px;display:flex;justify-content:space-between;align-items:center;box-shadow:0 12px 32px #164b3524}.dashboard-hero h2{font-size:26px;margin:6px 0}.dashboard-hero p{margin:0;color:#d8f4e6}.eyebrow{text-transform:uppercase;font-size:11px;letter-spacing:1.5px;color:#9ee3bf}.live-pill{background:#ffffff18;border:1px solid #ffffff30;padding:9px 12px;border-radius:30px;font-size:12px}.live-pill i{display:inline-block;width:7px;height:7px;background:#6ee7a2;border-radius:50%;margin-right:5px}.executive-stats .stat{position:relative;overflow:hidden;padding:18px;box-shadow:0 8px 20px #173c2810}.kpi-icon{float:right;background:#e8f7ef;color:#168557;border-radius:10px;padding:7px 10px;font-size:16px}.kpi-icon.blue{background:#e8f0ff;color:#3564c6}.kpi-icon.amber{background:#fff3d9;color:#b7790b}.kpi-icon.purple{background:#f1eaff;color:#7b4ac9}.kpi-foot{display:block;margin-top:7px;color:var(--muted)}.dashboard-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-bottom:14px}.dashboard-grid .span-2{grid-column:span 2}.section-head{display:flex;justify-content:space-between;gap:12px;align-items:flex-start;margin-bottom:12px}.section-head h2{margin-bottom:4px}.text-link{font-size:12px;color:var(--green2);font-weight:700;text-decoration:none}.chart-legend{font-size:11px;color:var(--muted);white-space:nowrap}.chart-legend i,.capacity-numbers i{display:inline-block;width:9px;height:9px;border-radius:3px;margin:0 4px 0 8px}.income-dot,.available{background:#218a5b}.expense-dot,.occupied{background:#f59e0b}.total{background:#dce5df}.cash-chart{height:190px;display:flex;align-items:flex-end;gap:16px;border-bottom:1px solid var(--line);padding:10px 8px 0}.cash-column{height:100%;flex:1;display:flex;flex-direction:column;justify-content:flex-end;align-items:center;min-width:34px}.bar-pair{height:155px;display:flex;align-items:flex-end;gap:5px}.bar-pair i{display:block;width:14px;border-radius:5px 5px 1px 1px}.bar-income{background:linear-gradient(#45b97c,#218a5b)}.bar-expense{background:linear-gradient(#ffc65c,#f59e0b)}.cash-column small{margin:6px 0;color:var(--muted)}.gauge{--value:0;width:170px;height:170px;margin:12px auto;border-radius:50%;background:conic-gradient(#218a5b calc(var(--value)*1%),#e8eee9 0);display:grid;place-items:center;position:relative}.gauge:after{content:"";position:absolute;inset:18px;background:#fff;border-radius:50%}.gauge div{z-index:1;text-align:center}.gauge strong{display:block;font-size:30px}.gauge span{font-size:12px;color:var(--muted)}.mini-split{display:flex;justify-content:center;gap:25px;text-align:center;font-size:12px;color:var(--muted)}.mini-split b{display:block;font-size:18px;color:var(--text)}.alert-list a{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:9px 0;border-bottom:1px solid var(--line);text-decoration:none;color:var(--text)}.alert-list b,.alert-list small{display:block}.alert-list small{color:var(--muted);margin-top:3px}.alert-list em{font-style:normal;font-size:11px;background:#fff3d9;color:#9a6507;border-radius:20px;padding:5px 8px;white-space:nowrap}.alert-list em.critical{background:#ffebe9;color:var(--red)}.capacity-row{display:flex;align-items:center;gap:22px;margin:16px 0}.donut{width:120px;height:120px;border-radius:50%;background:conic-gradient(#f59e0b var(--occupied),#dff3e8 0);display:grid;place-items:center;flex:0 0 auto}.donut:before{content:"";width:78px;height:78px;background:#fff;border-radius:50%;position:absolute}.donut div{z-index:1;text-align:center}.donut strong,.donut span{display:block}.donut strong{font-size:22px}.donut span{font-size:10px;color:var(--muted)}.capacity-numbers p{font-size:12px;margin:9px 0}.capacity-numbers b{font-size:15px}.horizontal-chart>div{display:grid;grid-template-columns:95px 1fr 42px;gap:8px;align-items:center;margin:11px 0;font-size:11px}.horizontal-chart span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.horizontal-chart i{height:8px;background:#edf1ee;border-radius:8px;overflow:hidden}.horizontal-chart b{display:block;height:100%;background:linear-gradient(90deg,#3c78d8,#7ba6f5);border-radius:8px}.horizontal-chart em{font-style:normal;text-align:right}.expense-pie{width:120px;height:120px;border-radius:50%;background:conic-gradient(#3867d6 0 var(--petty),#a855f7 var(--petty) var(--worker),#218a5b var(--worker) 360deg);flex:0 0 auto}.project-color{background:#218a5b}.worker-color{background:#a855f7}.petty-color{background:#3867d6}.project-card{margin-bottom:78px}.action-table tr:not(:first-child){cursor:pointer}.action-table tr:not(:first-child):hover{background:#f2faf5}.action-table small{color:var(--muted)}.quick-actions{position:fixed;right:28px;bottom:22px;background:#102f25;color:#fff;border-radius:15px;padding:10px;box-shadow:0 15px 35px #0b251b55;display:flex;align-items:center;gap:7px;z-index:20}.quick-actions span{font-size:11px;padding:0 7px;color:#acd4bd}.quick-actions a{color:#fff;text-decoration:none;background:#ffffff16;padding:9px 11px;border-radius:9px;font-size:12px}.quick-actions a:hover{background:#218a5b}.empty-state{color:var(--muted);font-size:12px;padding:18px 0}@media(max-width:1050px){.dashboard-grid{grid-template-columns:1fr 1fr}.dashboard-grid .span-2{grid-column:span 2}}@media(max-width:800px){.dashboard-hero{align-items:flex-start;gap:15px}.executive-stats{grid-template-columns:1fr 1fr}.quick-actions{position:sticky;bottom:10px;right:auto;overflow:auto}.quick-actions span{display:none}}@media(max-width:600px){.dashboard-grid{grid-template-columns:1fr}.dashboard-grid .span-2{grid-column:span 1}.dashboard-hero{display:block}.live-pill{display:inline-block;margin-top:14px}.executive-stats{grid-template-columns:1fr}.chart-legend{display:none}.capacity-row{flex-direction:column;align-items:flex-start}.quick-actions a{white-space:nowrap}}

/* Manpower Pro 2026 unified experience layer */
:root{--green:#123f31;--green2:#1f8a5b;--bg:#f5f8f6;--card:#fff;--text:#14231c;--muted:#68776f;--line:#dfe8e2;--gold:#d5ae42;--focus:#2f9f70;--shadow:0 12px 38px rgba(19,63,49,.08);--shadow-hover:0 18px 46px rgba(19,63,49,.14);--radius:18px;scroll-behavior:smooth}
html{scroll-padding-top:24px}body{font-family:Inter,"Segoe UI",Arial,sans-serif;line-height:1.5;background:radial-gradient(circle at 90% 0,#e7f5ed 0,transparent 28rem),var(--bg);-webkit-font-smoothing:antialiased;overflow-x:hidden}body:before{content:"";position:fixed;inset:0;pointer-events:none;background:linear-gradient(125deg,rgba(255,255,255,.5),transparent 36%);z-index:-1}
::selection{background:#bcebd4;color:#0c3024}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:#edf3ef}::-webkit-scrollbar-thumb{background:#aac4b5;border:2px solid #edf3ef;border-radius:99px}::-webkit-scrollbar-thumb:hover{background:#789f8a}
a,button,input,select,textarea,.card{transition:color .2s ease,background .2s ease,border-color .2s ease,box-shadow .25s ease,transform .25s ease,opacity .25s ease}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid rgba(47,159,112,.24);outline-offset:2px}
h1,h2,h3{letter-spacing:-.025em;color:#11382b}h1{font-size:clamp(1.65rem,2.8vw,2.45rem);line-height:1.12}h2{font-size:clamp(1.05rem,1.5vw,1.3rem)}p{max-width:75ch}
.main,.commercial-page,.finance-page,.camp-page,.profile-page,.builder-page{animation:page-arrive .48s cubic-bezier(.2,.8,.2,1) both}.main,.commercial-page,.finance-page,.camp-page,.profile-page{width:min(100%,1600px);margin-inline:auto}.card{border-color:rgba(43,92,69,.12);border-radius:var(--radius);box-shadow:var(--shadow);background:rgba(255,255,255,.93);backdrop-filter:blur(12px)}.card:hover{border-color:rgba(31,138,91,.22);box-shadow:var(--shadow-hover)}
.primary,.secondary,button{font-weight:700;min-height:42px}.primary{background:linear-gradient(135deg,#176b49,#279d69);box-shadow:0 8px 18px rgba(31,138,91,.2)}.primary:hover{transform:translateY(-2px);box-shadow:0 12px 24px rgba(31,138,91,.28)}.secondary:hover{background:#dcebe3;transform:translateY(-1px)}button:active,.primary:active,.secondary:active{transform:translateY(0) scale(.98)}
input,select,textarea{min-height:44px;border-color:#cddbd3;background:#fbfdfc;font:inherit;color:var(--text)}textarea{min-height:96px;resize:vertical}input:hover,select:hover,textarea:hover{border-color:#9dbbac}input:focus,select:focus,textarea:focus{border-color:var(--focus);background:#fff;box-shadow:0 0 0 4px rgba(47,159,112,.1);outline:0}label{font-weight:650;color:#294438}
table{border-radius:14px;overflow:hidden}thead,th{background:#f2f7f4}th{font-size:11px;text-transform:uppercase;letter-spacing:.055em;color:#5e7267;position:sticky;top:0;z-index:1}td{font-size:13px}tbody tr:hover{background:#f4faf7}.table-wrap{border-radius:14px;scrollbar-width:thin}
.side{background:linear-gradient(180deg,#0f3a2d,#143f32 55%,#0b2c22);box-shadow:12px 0 35px rgba(13,52,40,.12);position:sticky;top:0;height:100vh;overflow:auto}.brand{letter-spacing:-.02em}.side a{border:1px solid transparent}.side a:hover,.side a.active{background:linear-gradient(135deg,rgba(255,255,255,.15),rgba(255,255,255,.08));border-color:rgba(255,255,255,.12);transform:translateX(3px)}
.top{padding-block:4px}.stats{gap:16px}.stat strong{letter-spacing:-.035em}.status,.health{font-weight:750;letter-spacing:.02em}
.dashboard-hero,.commercial-head,.finance-hero,.camp-hero,.client-hero{position:relative;overflow:hidden;border-radius:24px;box-shadow:0 18px 48px rgba(15,63,47,.18)}.dashboard-hero:after,.commercial-head:after,.finance-hero:after,.camp-hero:after,.client-hero:after{content:"";position:absolute;width:260px;height:260px;border-radius:50%;right:-90px;top:-130px;background:rgba(255,255,255,.09);pointer-events:none}
.hub-tabs{display:flex;gap:8px;overflow-x:auto;scroll-snap-type:x proximity;padding:6px 2px 10px}.hub-tabs button{white-space:nowrap;scroll-snap-align:start}.hub-panel{animation:panel-in .36s ease both}
.login-body{background:radial-gradient(circle at 50% 10%,#e1f3e9,transparent 28rem),linear-gradient(145deg,#f7faf8,#edf4f0)}.login-card{border-radius:24px;box-shadow:0 24px 70px rgba(17,63,48,.14);animation:login-rise .55s cubic-bezier(.2,.8,.2,1) both}
@keyframes page-arrive{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}@keyframes panel-in{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}@keyframes login-rise{from{opacity:0;transform:translateY(18px) scale(.985)}to{opacity:1;transform:none}}
@media(prefers-reduced-motion:reduce){*{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.01ms!important}}
@media(max-width:1000px){.stats{grid-template-columns:repeat(2,minmax(0,1fr))}.grid{grid-template-columns:1fr}.main{padding:20px}.app{grid-template-columns:190px minmax(0,1fr)}}
@media(max-width:800px){.app{display:block}.side{position:sticky;top:0;height:auto;z-index:50;display:flex;align-items:center;gap:6px;overflow-x:auto;padding:10px 12px;scroll-snap-type:x proximity}.brand{position:sticky;left:0;z-index:2;background:#103a2d;margin:0 8px 0 0;padding:9px 10px;border-radius:10px;white-space:nowrap;font-size:14px}.side a{display:block;white-space:nowrap;margin:0;padding:9px 11px;scroll-snap-align:start}.main,.commercial-page,.finance-page,.camp-page,.profile-page{padding:16px}.top{align-items:flex-start;flex-wrap:wrap}.table-wrap{margin-inline:-4px}.card{border-radius:15px}.form-grid{grid-template-columns:1fr 1fr}}
@media(max-width:560px){body{font-size:14px}.main,.commercial-page,.finance-page,.camp-page,.profile-page,.builder-page{padding:12px}.stats,.grid,.form-grid{grid-template-columns:1fr}.card{padding:14px}.top h1{width:100%}.dashboard-hero,.commercial-head,.finance-hero,.camp-hero,.client-hero{border-radius:18px;padding:18px}.primary,.secondary,button{min-height:44px}.actions .primary,.actions .secondary{flex:1;text-align:center}.table-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch}.table-wrap table{min-width:680px}.quick-actions{max-width:calc(100vw - 24px);border-radius:14px}.login-card{padding:22px}.stat strong{font-size:21px}}

/* Linear / Stripe inspired high-density SaaS theme */
:root{--bg:#f8fafc;--card:#fff;--text:#0f172a;--muted:#64748b;--line:#e2e8f0;--green:#065f46;--green2:#047857;--red:#dc2626;--radius:12px;--shadow:0 1px 2px rgba(15,23,42,.04);--shadow-hover:0 4px 12px rgba(15,23,42,.06)}
body{background:#f8fafc;color:#0f172a;font-family:Inter,"Plus Jakarta Sans","Segoe UI",sans-serif}body:before{display:none}h1,h2,h3{color:#0f172a}.card,.health-card,.cc-card{background:#fff;border:1px solid #e2e8f0;box-shadow:0 1px 2px rgba(15,23,42,.04);backdrop-filter:none}.card:hover,.health-card:hover,.cc-card:hover{box-shadow:0 4px 12px rgba(15,23,42,.06);border-color:#cbd5e1;transform:none}.primary{background:#0f172a;color:#fff;box-shadow:none}.primary:hover{background:#1e293b}.secondary{background:#f1f5f9;color:#334155;border:1px solid #e2e8f0}.status,.health{background:#d1fae5;color:#059669}.status:before,.health:before{content:"";display:inline-block;width:6px;height:6px;border-radius:50%;background:currentColor;margin-right:6px}.status.pending,.health.overdue,.status.submitted{background:#fef3c7;color:#d97706}.status.rejected,.health.blacklisted,.status.overdue{background:#fee2e2;color:#dc2626}input,select,textarea{background:#fff;border-color:#cbd5e1;border-radius:8px}input:focus,select:focus,textarea:focus{border-color:#4f46e5;box-shadow:0 0 0 3px rgba(79,70,229,.12)}table,td,th,.stat strong,.health-card b,.finance-kpis b,.commercial-kpis b{font-variant-numeric:tabular-nums lining-nums}th{background:#f8fafc;color:#64748b}.side{background:#fff;color:#334155;border-right:1px solid #e2e8f0;box-shadow:none}.side .brand{color:#0f172a}.side a{color:#475569}.side a:hover,.side a.active{background:#ecfdf5;color:#047857;border-color:#d1fae5;transform:none}.dashboard-hero,.commercial-head,.finance-hero,.camp-hero,.client-hero{background:#fff;color:#0f172a;border:1px solid #e2e8f0;box-shadow:none}.dashboard-hero p,.commercial-head p,.finance-hero p,.camp-hero p,.client-hero p{color:#64748b}.dashboard-hero:after,.commercial-head:after,.finance-hero:after,.camp-hero:after,.client-hero:after{display:none}.eyebrow{color:#047857}.live-pill{background:#ecfdf5;color:#047857;border-color:#d1fae5}
body .cc{grid-template-columns:240px minmax(0,1fr);background:#f8fafc}body .cc-nav{background:#fff;color:#334155;border-right:1px solid #e2e8f0;box-shadow:none;padding:18px 14px}body .cc-brand{color:#0f172a;font-size:18px;padding:8px 10px}body .nav-group{border:0;border-radius:8px;margin:5px 0}body .nav-group summary{background:transparent;color:#64748b;font-size:11px;text-transform:uppercase;letter-spacing:.06em;padding:10px}body .nav-group[open] summary{color:#047857}body .nav-group a{color:#475569;border-radius:7px;margin:2px 0;padding:8px 10px}body .nav-group a:hover{background:#ecfdf5;color:#047857;transform:none}body .cc-nav>a{color:#64748b!important;padding:10px;text-decoration:none}.health-card b{font-size:24px}.dock-toggle{background:#4f46e5;color:#fff;box-shadow:0 8px 22px rgba(79,70,229,.22)}
@media(max-width:900px){body .cc{display:block}body .cc-nav{position:sticky;top:0;height:auto;z-index:45;overflow-x:auto}body .nav-groups{display:flex;gap:8px}body .nav-group{min-width:220px}}

/* CRMi-inspired modular dashboard language — original SAKC implementation */
:root{--crm-purple:#7139f5;--crm-violet:#9b4de3;--crm-blue:#568cf5;--crm-yellow:#f6aa13;--crm-rose:#df3153;--crm-canvas:#f5f5f7}
body{background:var(--crm-canvas);font-family:"Segoe UI",Inter,sans-serif}.card,.cc-card,.health-card{border:0;border-radius:15px;box-shadow:0 2px 8px rgba(30,41,59,.055)}.primary{background:linear-gradient(135deg,var(--crm-purple),var(--crm-violet))}.primary:hover{background:linear-gradient(135deg,#6130df,#8a3dd1)}.text-link,a{accent-color:var(--crm-purple)}
body .cc{background:var(--crm-canvas);gap:18px;padding:10px}body .cc-nav{border:0;border-radius:15px;height:calc(100vh - 20px);top:10px;padding:20px 14px;box-shadow:0 2px 10px rgba(30,41,59,.05)}body .cc-brand{font-size:21px;padding:12px;color:#27304a}body .cc-brand:before{content:"C";display:inline-grid;place-items:center;width:36px;height:36px;margin-right:9px;border-radius:50%;color:#fff;background:conic-gradient(var(--crm-purple),#e12aca,var(--crm-purple));font-weight:800}body .nav-group summary{color:#34405b;font-size:12px;text-transform:none;letter-spacing:0;font-weight:700}body .nav-group[open] summary{color:var(--crm-purple)}body .nav-group a{color:#768098;padding:9px 12px}body .nav-group a:before{content:"•";margin-right:9px;color:#c7cbd6}body .nav-group a:hover{background:#f4f0ff;color:var(--crm-purple)}body .nav-group a:hover:before{color:var(--crm-purple)}body .cc-main{padding:20px 20px 30px 0}.cc-head{background:#fff;border-radius:14px;padding:17px 20px;margin-bottom:18px;box-shadow:0 2px 8px rgba(30,41,59,.04)}.cc-head h1{font-size:23px}.cc-head p{margin:3px 0 0}.health-bar{gap:16px}.health-card{position:relative;overflow:hidden;padding:20px}.health-card:after{content:"";position:absolute;right:-14px;top:-16px;width:64px;height:64px;border-radius:50%;background:#f0ebff}.health-card:nth-child(2):after{background:#e8f1ff}.health-card:nth-child(3):after{background:#fff0e1}.health-card:nth-child(4):after{background:#e5f7ef}.health-card b{font-size:25px}.cc-grid,.bottom-grid{gap:16px}.cc-card h2{font-size:19px;font-weight:500}.project-pnl{background:#fafafe;border:1px solid #eff0f5}.project-pnl:hover{background:#f5f1ff;border-color:#e2d7ff}.util-gauge{background:conic-gradient(from 270deg at 50% 100%,var(--crm-purple) calc(var(--p)*1.8deg),#edeef2 0 180deg,transparent 0)}.bar.in{background:linear-gradient(#9561f7,var(--crm-purple))}.bar.out{background:linear-gradient(#ffc854,var(--crm-yellow))}.dock-toggle{background:linear-gradient(135deg,var(--crm-purple),var(--crm-violet));box-shadow:0 10px 25px rgba(113,57,245,.3)}.dock-menu a:hover{background:#f1ebff;color:var(--crm-purple)}.hub-tabs button.active,.hub-tabs button:hover{background:linear-gradient(135deg,var(--crm-purple),var(--crm-violet));color:#fff}.status,.health{border-radius:999px}.commercial-kpis span,.finance-kpis span{background:#fff;border:1px solid #ececf1;border-radius:12px}
@media(max-width:1100px){body .cc{padding:0;gap:0}body .cc-nav{border-radius:0;height:auto;top:0}body .cc-main{padding:14px}.cc-head{border-radius:12px}}