:root{--navy:#071f34;--navy-deep:#041729;--blue:#1478ff;--blue-2:#eaf3ff;--text:#142033;--sub:#667085;--canvas:#f7f9fc;--border:#e5eaf1;--panel:#fff;--green:#15a85a;--orange:#f79009;--red:#f04438;--violet:#7a5af8;--shadow:0 4px 16px rgba(16,24,40,.055)}*{box-sizing:border-box}html,body{background:var(--canvas);color:var(--text)}.sidebar{width:270px;padding:20px 12px;background:linear-gradient(180deg,var(--navy) 0%,var(--navy-deep) 100%);border:0}.app-shell main{margin-left:270px}.brand{height:53px;margin:0 8px 21px;padding:0 0 19px;border:0;gap:11px}.brand-mark{width:40px;height:40px;background:linear-gradient(140deg,#06a6ff 0%,#1574f4 55%,#0b3a9b 56%);clip-path:polygon(0 0,100% 0,63% 100%,35% 100%);border-radius:0;color:transparent}.brand b{font-size:23px;letter-spacing:-.7px}.brand small{display:none}.nav{gap:5px}.nav button{min-height:46px;border-radius:8px;padding:0 14px;font-size:14px;font-weight:650;color:#e2ebf5}.nav button:hover{background:rgba(255,255,255,.08)}.nav button.active{background:linear-gradient(100deg,#187aff,#1670e9);box-shadow:0 6px 15px rgba(4,91,219,.34)}.nav .icon{font-size:18px;color:#f4f8ff}.nav .badge{background:#ff4f52;color:#fff;padding:3px 7px}.user-card{padding:18px 8px 0;border-color:rgba(255,255,255,.12)}.avatar{background:#1f3550;color:#fff}.user-card small{color:#94a6bc}.user-actions .icon-btn{color:#d6e1ed}.topbar{height:72px;padding:10px 30px;background:rgba(255,255,255,.96);border-bottom:1px solid var(--border);box-shadow:0 1px 5px rgba(16,24,40,.03)}.topbar p{font-size:10px;color:#667085}.topbar h1{font-size:22px;color:var(--text);font-weight:740}.top-actions{gap:13px}.search{order:-1;width:min(520px,38vw);height:42px;border:1px solid #e8edf4;border-radius:9px;background:#f8fafc;padding:0 14px}.search:before{content:'⌕';font-size:22px;color:#98a2b3}.search span{display:none}.search input{font-size:13px}.top-actions>.btn.primary{height:42px;border:0;border-radius:8px;background:linear-gradient(135deg,#2788ff,#0868e8);box-shadow:0 7px 14px rgba(20,120,255,.2)}.content{max-width:1540px;padding:24px 28px 48px}.page-heading{margin-bottom:18px;align-items:center}.page-heading h2{font-size:25px;letter-spacing:-.5px;color:#101828}.page-heading p{font-size:12px}.page-actions{gap:9px}.btn{height:38px;border-radius:7px;border-color:#e1e7ef;background:#fff;font-size:12px;font-weight:680}.btn.primary{background:#1478ff;border-color:#1478ff}.btn.secondary:hover,.filter:hover{border-color:#bed8ff;color:#0b68e5;background:#f8fbff}.metrics{gap:13px;margin-bottom:18px}.metric{min-height:111px;border:1px solid var(--border);border-radius:10px;padding:16px;background:#fff;box-shadow:var(--shadow)}.metric-head{font-size:11px;font-weight:650;color:#475467}.metric-icon{width:36px;height:36px;border-radius:50%;background:#eaf3ff;color:#1478ff;font-size:17px}.metric strong{font-size:25px;margin:10px 0 3px;letter-spacing:-.5px}.metric small{font-size:11px}.panel{border:1px solid var(--border);border-radius:10px;box-shadow:var(--shadow);overflow:hidden}.panel-header{min-height:57px;padding:15px 18px;background:#fff;border-color:#edf0f4}.panel-header h2{font-size:15px;color:#182230}.grid-main{grid-template-columns:minmax(0,1.75fr) minmax(280px,.75fr);gap:16px}.side-stack{display:grid;gap:16px;align-content:start}.quick-grid{display:grid;grid-template-columns:1fr;padding:7px 13px}.quick{display:grid;grid-template-columns:25px 1fr auto;align-items:center;gap:7px;min-height:43px;padding:8px 4px;border:0;border-bottom:1px solid #edf0f4;border-radius:0}.quick:last-child{border:0}.quick b{grid-column:2;margin:0;font-size:12px}.quick small{display:none}.quick:after{content:'›';grid-column:3;color:#667085;font-size:20px}.quick:hover{background:#f6faff}.filters{gap:9px;flex-wrap:wrap}.filter{height:38px;min-width:118px;display:flex;align-items:center;justify-content:space-between;border-radius:7px;border-color:#e2e8f0;background:#fff;font-size:11px}.filter.active{background:#1478ff}.project-grid{grid-template-columns:repeat(auto-fill,minmax(285px,1fr));gap:14px}.project-card{border:1px solid var(--border);border-radius:9px;box-shadow:var(--shadow)}.project-card:before{background:#1478ff}.project-card h3{font-size:14px}.summary-strip,.budget-hero{border:1px solid var(--border);border-radius:9px;background:#fff;box-shadow:var(--shadow)}.summary-strip span{border-color:#edf0f4}.table-wrap{background:#fff}table{min-width:690px}th{height:40px;padding:0 16px;background:#f8fafc;border-bottom:1px solid var(--border);font-size:10px;color:#667085}td{height:54px;padding:10px 16px;border-color:#eef1f5;font-size:12px}td strong{font-size:12px;color:#182230}.interactive-table tbody tr:hover{background:#f7fbff}.status{border-radius:5px;padding:4px 7px;font-size:10px}.status.green{background:#e8f8ee;color:#11934e}.status.gold{background:#fff3dc;color:#dc8b00}.status.red{background:#fff0ef;color:#e33b34}.dialog{width:min(640px,100%);padding:27px 30px;background:#fff;box-shadow:-20px 0 58px rgba(16,24,40,.14)}.dialog header{padding-bottom:17px}.dialog h2{font-size:20px}.field label{font-size:10px;color:#475467}.field input,.field select,.field textarea{min-height:42px;border-radius:7px;border-color:#dce3ec;font-size:13px}.field input:focus,.field select:focus,.field textarea:focus{border-color:#1478ff;box-shadow:0 0 0 3px rgba(20,120,255,.11)}.form-actions{border-color:#edf0f4}.calendar-toolbar,.calendar-layout,.calendar-month,.calendar-agenda{border-color:var(--border)}.calendar-toolbar{border-radius:10px;background:#fff;box-shadow:var(--shadow)}.calendar-day{border-color:#edf0f4;background:#fff}.calendar-day.today{background:#f0f7ff}.calendar-day>header span{color:#344054}.calendar-agenda{border-radius:10px;box-shadow:var(--shadow);overflow:hidden}.invoice-month,.warehouse-category{border:1px solid var(--border);border-radius:9px;background:#fff;box-shadow:var(--shadow)}.invoice-month summary,.warehouse-category summary{background:#fff}.client-card details,.history-collapsible{border-color:var(--border);border-radius:8px;background:#fff}.finance-grid article{border-color:var(--border);border-radius:9px;box-shadow:var(--shadow)}.workspace-section,.project-scope{border-color:var(--border);border-radius:9px;box-shadow:var(--shadow)}@media(max-width:1100px){.sidebar{width:218px}.app-shell main{margin-left:218px}.search{width:260px}.metrics{grid-template-columns:repeat(2,1fr)}}@media(max-width:760px){.sidebar{width:0;padding:0;overflow:hidden}.app-shell main{margin-left:0}.topbar{padding:10px 14px}.top-actions .search{display:none}.content{padding:18px 14px 80px}.metrics{grid-template-columns:1fr 1fr}.metric{min-height:95px}.metric strong{font-size:20px}.grid-main{grid-template-columns:1fr}.bottom-nav{background:#fff;border-top:1px solid var(--border);box-shadow:0 -5px 18px rgba(16,24,40,.06)}}