:root{--navy:#0b1739;--navy2:#111f46;--blue:#2563eb;--bg:#f4f6fa;--border:#e5e9f1;--text:#172033;--muted:#738096;--green:#0f9f6e;--red:#dc3545;--shadow:0 5px 18px rgba(26,39,68,.06)}*{box-sizing:border-box}body{margin:0;font-family:'DM Sans',sans-serif;color:var(--text);background:var(--bg);font-size:14px}.app-shell{display:grid;grid-template-columns:260px minmax(0,1fr);min-height:100vh}.sidebar{background:var(--navy);color:#d4daea;position:fixed;inset:0 auto 0 0;width:260px;padding:24px 16px 16px;display:flex;flex-direction:column;z-index:30}.brand{display:flex;align-items:center;gap:12px;padding:0 9px 24px}.brand-mark{width:36px;height:36px;background:linear-gradient(145deg,#3b82f6,#14b8a6);border-radius:10px;display:grid;place-items:center;font:800 20px Manrope;color:white;box-shadow:0 5px 15px #07112e}.brand strong{display:block;color:#fff;font:800 16px Manrope;letter-spacing:1.8px}.brand span{display:block;font-size:9px;color:#7784a5;letter-spacing:.5px}.workspace{background:#16244b;border:1px solid #23335b;border-radius:10px;padding:10px;display:flex;align-items:center;gap:10px;margin-bottom:18px}.workspace>span{width:30px;height:30px;border-radius:7px;background:#274072;display:grid;place-items:center;font-weight:700;color:#dbeafe}.workspace div{min-width:0;flex:1}.workspace small,.workspace b{display:block}.workspace small{font-size:9px;color:#8591ad}.workspace b{font-size:12px;color:white;white-space:nowrap}.workspace svg{width:14px}nav{overflow:auto;scrollbar-width:none;flex:1}.nav-label{font-size:9px;font-weight:700;letter-spacing:1.3px;color:#667394;margin:19px 12px 7px}nav a{height:40px;color:#aeb8d0;text-decoration:none;display:flex;align-items:center;gap:12px;padding:0 12px;border-radius:8px;margin:2px 0;font-size:12px;font-weight:500}nav a>svg{width:17px;height:17px}nav a span{flex:1}nav a svg:last-child{width:13px}nav a:hover,nav a.active{background:#1d3d73;color:#fff}nav a.active{box-shadow:inset 3px 0 #3b82f6;background:linear-gradient(90deg,#1f4481,#193361)}nav a em{font-style:normal;background:#2563eb;color:white;font-size:10px;border-radius:20px;padding:2px 7px}.sidebar-footer{border-top:1px solid #233052;padding:17px 5px 0;display:flex;align-items:center;gap:8px}.sidebar-footer .sync-dot{width:7px;height:7px;border-radius:50%;background:#22c55e;box-shadow:0 0 0 4px #1a3b4a}.sidebar-footer div:nth-child(2){flex:1}.sidebar-footer b,.sidebar-footer small{display:block}.sidebar-footer b{color:#d6dceb;font-size:9px}.sidebar-footer small{font-size:8px;color:#687691;margin-top:2px}.sidebar-footer svg{width:16px}main{grid-column:2;min-width:0}.topbar{height:70px;background:white;border-bottom:1px solid var(--border);display:flex;align-items:center;padding:0 30px;position:sticky;top:0;z-index:20}.search{height:38px;width:min(400px,33vw);border:1px solid var(--border);background:#f8fafc;border-radius:8px;display:flex;align-items:center;gap:10px;color:#8a95a7;padding:0 12px;font-family:inherit}.search svg{width:17px}.search span{flex:1;text-align:left}.search kbd{border:1px solid #dfe4eb;background:white;padding:2px 6px;border-radius:5px;color:#8b96a8}.top-actions{margin-left:auto;display:flex;align-items:center;gap:10px}.quick-btn,.secondary{border:1px solid var(--border);border-radius:8px;height:38px;background:white;display:flex;align-items:center;gap:7px;padding:0 12px;font-family:inherit;font-weight:600;color:#47546a}.quick-btn{background:var(--blue);color:white;border-color:var(--blue)}button{cursor:pointer}.quick-btn svg,.secondary svg{width:16px}.icon-btn{border:1px solid var(--border);background:white;border-radius:8px;width:38px;height:38px;display:grid;place-items:center;position:relative;color:#59667b}.icon-btn svg{width:18px}.badge-btn b{position:absolute;right:-3px;top:-4px;background:#ef4444;color:white;border:2px solid white;border-radius:10px;font-size:8px;min-width:16px;height:16px;display:grid;place-items:center}.profile{display:flex;align-items:center;gap:9px;margin-left:6px;padding-left:16px;border-left:1px solid var(--border)}.avatar{width:36px;height:36px;border-radius:9px;background:#dbeafe;color:#1d4ed8;display:grid;place-items:center;font-weight:700}.profile b,.profile small{display:block}.profile b{font-size:12px}.profile small{font-size:9px;color:var(--muted);margin-top:2px}.profile>svg{width:13px}.menu-btn{display:none}.content{padding:24px 30px 40px;max-width:1700px;margin:auto}.breadcrumb{display:flex;align-items:center;gap:5px;font-size:11px;color:#96a0b1;margin-bottom:18px}.breadcrumb svg{width:12px}.breadcrumb b{color:#536076}.page-head{display:flex;align-items:end;justify-content:space-between;margin-bottom:24px}.eyebrow{font-size:9px;letter-spacing:1.4px;font-weight:700;color:#6d7990;display:flex;align-items:center;gap:6px}.eyebrow span{width:7px;height:7px;border-radius:50%;background:#22c55e;box-shadow:0 0 0 3px #dcfce7}.page-head h1{font:800 25px Manrope;margin:7px 0 3px}.page-head h1 span{font-size:20px}.page-head p,.panel-head p{margin:0;color:var(--muted);font-size:12px}.head-actions{display:flex;gap:8px}.secondary{font-size:11px}.kpi-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:15px;margin-bottom:15px}.kpi,.panel{background:white;border:1px solid var(--border);border-radius:12px;box-shadow:var(--shadow)}.kpi{padding:17px 18px;position:relative;overflow:hidden;min-height:148px}.kpi-top{display:flex;align-items:center;justify-content:space-between}.kpi-icon{width:34px;height:34px;border-radius:9px;display:grid;place-items:center}.kpi-icon svg{width:17px}.blue{background:#e8f0ff;color:#2563eb}.violet,.purple{background:#f1eafe;color:#7c3aed}.cyan{background:#e3f8f8;color:#0891b2}.amber{background:#fff2dc;color:#d97706}.orange{background:#fff0e4;color:#ea580c}.yellow{background:#fff7d6;color:#ca8a04}.green{background:#e3f8ee;color:#059669}.trend{font-size:9px;font-weight:700;border-radius:10px;padding:4px 7px;display:flex;align-items:center;gap:2px}.trend svg{width:11px}.trend.up{color:#059669;background:#ecfdf5}.kpi p{font-size:11px;color:#6f7b8d;margin:14px 0 5px}.kpi h2{font:800 23px Manrope;margin:0}.kpi small{display:block;color:#8b96a6;font-size:9px;margin-top:5px}.healthy{color:#059669}.spark{position:absolute;right:13px;bottom:14px;width:83px;height:33px}.bars{display:flex;align-items:end;gap:4px}.bars i{width:6px;background:#dbeafe;border-radius:2px 2px 0 0}.bars i:nth-child(1){height:9px}.bars i:nth-child(2){height:15px}.bars i:nth-child(3){height:12px}.bars i:nth-child(4){height:23px}.bars i:nth-child(5){height:19px}.bars i:nth-child(6){height:27px}.bars i:nth-child(7){height:24px}.bars i:nth-child(8){height:33px;background:#3b82f6}.progress{height:5px;background:#ede9fe;border-radius:5px;margin-top:14px}.progress i{display:block;height:100%;background:#8b5cf6;border-radius:5px}.line-spark svg{width:100%;height:100%;overflow:visible}.line-spark path{fill:none;stroke:#06b6d4;stroke-width:2}.mini-donut{width:39px;height:39px;border:6px solid #dcfce7;border-top-color:#10b981;border-right-color:#10b981;border-bottom-color:#10b981;border-radius:50%;position:absolute;right:21px;bottom:17px}.main-grid{display:grid;grid-template-columns:1.7fr 1fr;gap:15px;margin-bottom:15px}.panel{padding:19px}.panel-head{display:flex;align-items:start;justify-content:space-between}.panel-head h3{font:700 14px Manrope;margin:0 0 4px}.legend{display:flex;align-items:center;gap:12px;font-size:9px;color:#667287}.legend span{display:flex;align-items:center;gap:5px}.legend i.actual,.legend i.forecast{width:7px;height:7px;border-radius:50%;background:#2563eb}.legend i.forecast{background:#bcd1ff}.legend button,.more{border:1px solid var(--border);border-radius:6px;background:white;padding:6px 8px;font-family:inherit;font-size:9px;color:#657188}.legend button svg{width:10px;vertical-align:middle}.more{padding:3px 6px}.more svg{width:16px}.revenue-total{margin:17px 0 3px}.revenue-total span{display:block;font-size:9px;color:#7c8798}.revenue-total strong{font:800 18px Manrope;margin-right:9px}.revenue-total em{font-style:normal;font-size:9px;color:#059669}.revenue-total svg{width:10px;vertical-align:middle}.chart-wrap{height:180px}.funnel-panel{min-height:312px}.funnel{margin-top:19px}.funnel>div{height:34px;display:grid;grid-template-columns:68px 25px 1fr 61px;align-items:center;gap:7px;font-size:9px;color:#69768a}.funnel b{color:#1e293b}.funnel i{display:block;height:13px;background:linear-gradient(90deg,#2563eb,#6da0fc);border-radius:3px}.funnel em{font-style:normal;text-align:right;color:#536176}.conversion{border-top:1px solid var(--border);padding-top:12px;margin-top:9px;display:flex;align-items:center;gap:7px}.conversion span{font-size:9px;color:#6d788b}.conversion strong{font:800 15px Manrope;margin-left:auto}.conversion em{font-style:normal;color:#059669;background:#ecfdf5;padding:3px 6px;border-radius:10px;font-size:8px}.bottom-grid{display:grid;grid-template-columns:.9fr 1.35fr;gap:15px}.panel-head a{font-size:9px;color:#2563eb;text-decoration:none;font-weight:700;display:flex;align-items:center;gap:3px}.panel-head a svg{width:11px}.panel-head h3 span{background:#fee2e2;color:#dc2626;font:700 9px 'DM Sans';border-radius:10px;padding:2px 6px}.risk-list>div,.approval-list>div{display:flex;align-items:center;gap:10px;border-top:1px solid #edf0f5;padding:12px 0}.risk-list>div:first-child,.approval-list>div:first-child{margin-top:11px}.risk-icon,.doc-icon{width:31px;height:31px;border-radius:8px;display:grid;place-items:center;flex:none}.risk-icon svg,.doc-icon svg{width:15px}.red{background:#fee9e9;color:#dc2626}.risk-list div>div,.approval-list div>div{flex:1;min-width:0}.risk-list b,.risk-list small,.approval-list b,.approval-list small{display:block}.risk-list b,.approval-list b{font-size:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.risk-list small,.approval-list small{font-size:8px;color:#8490a1;margin-top:3px}.risk-list>div>svg{width:14px;color:#9ca5b4}.tag{font-size:7px;font-weight:700;border-radius:10px;padding:3px 6px}.tag.danger{background:#fee2e2;color:#dc2626}.tag.warning{background:#fff4d6;color:#b77900}.approval-list strong{font-size:10px;min-width:60px;text-align:right}.sla{font-size:8px;color:#dc2626;background:#fee2e2;padding:3px 5px;border-radius:9px;white-space:nowrap}.sla.safe{color:#637087;background:#f0f2f5}.approve{border:1px solid #bed0fa;color:#2563eb;background:#f7faff;border-radius:6px;font:600 9px 'DM Sans';padding:6px 9px}.overlay{position:fixed;inset:0;background:rgba(8,15,35,.35);backdrop-filter:blur(2px);z-index:40;opacity:0;pointer-events:none;transition:.2s}.overlay.show{opacity:1;pointer-events:auto}.command{position:fixed;z-index:50;top:13%;left:50%;transform:translate(-50%,-10px);width:min(580px,90vw);background:white;border-radius:14px;box-shadow:0 25px 70px rgba(3,10,29,.25);opacity:0;pointer-events:none;transition:.2s;overflow:hidden}.command.show{opacity:1;pointer-events:auto;transform:translate(-50%,0)}.command>div:first-child{display:flex;align-items:center;gap:10px;border-bottom:1px solid var(--border);padding:15px}.command input{border:0;outline:0;font:500 14px 'DM Sans';flex:1}.command svg{width:18px}.command kbd{font-size:9px;color:#8490a2;border:1px solid var(--border);border-radius:4px;padding:3px 5px}.command p,.quick-menu p{font-size:8px;font-weight:700;color:#9aa4b3;letter-spacing:1px;margin:13px 16px 5px}.command>button{display:flex;width:calc(100% - 16px);margin:2px 8px;border:0;background:white;align-items:center;text-align:left;padding:10px;border-radius:8px;gap:12px}.command>button:hover{background:#f3f6fb}.command button span{flex:1}.command button b,.command button small{display:block}.command button small{color:#8490a2;margin-top:3px}.command footer{display:flex;gap:15px;padding:10px 15px;background:#f8fafc;color:#8a95a7;font-size:9px}.quick-menu{position:fixed;z-index:50;right:205px;top:61px;width:270px;background:white;border:1px solid var(--border);border-radius:12px;box-shadow:0 20px 50px rgba(20,31,55,.18);padding:7px;opacity:0;pointer-events:none;transform:translateY(-5px);transition:.15s}.quick-menu.show{opacity:1;pointer-events:auto;transform:none}.quick-menu p{margin:7px 7px}.quick-menu button{width:100%;border:0;background:white;border-radius:8px;padding:8px;display:flex;gap:10px;text-align:left}.quick-menu button:hover{background:#f5f7fb}.quick-menu button>span{width:32px;height:32px;border-radius:8px;display:grid;place-items:center}.quick-menu svg{width:15px}.quick-menu b,.quick-menu small{display:block}.quick-menu b{font-size:11px}.quick-menu small{font-size:8px;color:#8792a4;margin-top:3px}.toast{position:fixed;right:25px;bottom:25px;z-index:60;background:#102142;color:white;border-radius:10px;box-shadow:0 10px 30px #0003;padding:13px 17px;display:flex;align-items:center;gap:10px;transform:translateY(100px);opacity:0;transition:.25s}.toast.show{transform:none;opacity:1}.toast svg{color:#34d399}.toast b,.toast span{display:block}.toast b{font-size:11px}.toast span{font-size:9px;color:#aab6ce;margin-top:2px}
@media(max-width:1100px){.app-shell{grid-template-columns:80px minmax(0,1fr)}.sidebar{width:80px;padding:24px 11px}.brand{padding:0 11px 24px}.brand>div:last-child,.workspace div,.workspace>svg,nav a span,nav a>svg:last-child,nav a em,.nav-label,.sidebar-footer div:nth-child(2),.sidebar-footer>svg{display:none}.workspace{justify-content:center}.workspace>span{display:grid}.sidebar nav a{justify-content:center}.sidebar-footer{justify-content:center}.main-grid,.bottom-grid{grid-template-columns:1fr}.approval-list strong{margin-left:auto}.profile div:not(.avatar){display:none}}
@media(max-width:760px){.app-shell{display:block}.sidebar{width:260px;transform:translateX(-100%);transition:.2s}.sidebar.open{transform:none}.sidebar.open .brand>div:last-child,.sidebar.open .workspace div,.sidebar.open .workspace>svg,.sidebar.open nav a span,.sidebar.open nav a>svg:last-child,.sidebar.open nav a em,.sidebar.open .nav-label,.sidebar.open .sidebar-footer div:nth-child(2),.sidebar.open .sidebar-footer>svg{display:block}.sidebar.open nav a{justify-content:flex-start}.sidebar.open .sidebar-footer{justify-content:flex-start}main{width:100%}.topbar{padding:0 15px;height:60px}.menu-btn{display:grid}.search{margin-left:8px;width:auto;flex:1}.search span{display:none}.search kbd{display:none}.quick-btn span,.quick-btn svg:last-child,.badge-btn:first-of-type,.profile>div:not(.avatar),.profile>svg{display:none}.quick-btn{width:38px;padding:0;justify-content:center}.profile{padding-left:8px}.content{padding:18px 14px 30px}.breadcrumb{display:none}.page-head{align-items:start}.page-head h1{font-size:21px}.page-head p{max-width:250px}.head-actions .secondary:first-child{display:none}.head-actions .secondary{width:38px;padding:0;justify-content:center;font-size:0}.kpi-grid{grid-template-columns:repeat(2,1fr);gap:10px}.kpi{padding:14px;min-height:140px}.kpi h2{font-size:19px}.main-grid,.bottom-grid{gap:10px}.revenue-panel{padding:15px}.legend span{display:none}.funnel-panel{min-height:auto}.bottom-grid{grid-template-columns:1fr}.approval-list>div{display:grid;grid-template-columns:32px 1fr auto}.approval-list strong{grid-column:2}.approval-list .sla{grid-column:3;grid-row:1}.approval-list .approve{grid-column:3;grid-row:2}.quick-menu{right:14px;top:55px}.risk-list .tag{display:none}}
@media(max-width:430px){.kpi-grid{grid-template-columns:1fr 1fr}.kpi{min-height:132px}.spark,.mini-donut{display:none}.top-actions{gap:5px}.badge-btn{display:none}.profile{margin-left:0}.page-head p{font-size:10px}.revenue-total em{display:block;margin-top:4px}.chart-wrap{height:160px}.panel{padding:15px}.funnel>div{grid-template-columns:60px 22px 1fr 52px}.risk-list b{max-width:190px}}