:root{color:#172033;font-synthesis:none;--navy:#000048;--blue:#0067b9;--cyan:#00a6c7;--border:#dfe5ec;--muted:#657187;--surface:#fff;background:#f5f7fa;font-family:Segoe UI,Arial,sans-serif}*{box-sizing:border-box}body{min-width:1180px;margin:0}button,input,select{font:inherit}.shell{grid-template-columns:230px 1fr;min-height:100vh;display:grid}.sidebar{background:var(--navy);color:#fff;flex-direction:column;height:100vh;padding:24px 16px;display:flex;position:sticky;top:0}.brand{border-bottom:1px solid #ffffff25;align-items:center;gap:12px;padding:2px 8px 26px;display:flex}.brand-mark{letter-spacing:.8px;border:1px solid #ffffff80;border-radius:5px;padding:6px 8px;font-weight:800}.brand strong,.brand span{display:block}.brand span{color:#cdd6ed;margin-top:3px;font-size:12px}.sidebar nav{gap:6px;margin-top:25px;display:grid}.sidebar nav a{color:#cad4ea;border-radius:6px;align-items:center;gap:11px;padding:12px 13px;font-size:14px;text-decoration:none;display:flex}.sidebar nav a.active{color:var(--navy);background:#fff;font-weight:700}.sidebar-foot{border-top:1px solid #ffffff25;gap:7px;margin-top:auto;padding:18px 8px 0;display:grid}.sidebar-foot small{color:#aebad3}.environment{background:#ffffff16;border-radius:4px;width:max-content;padding:5px 8px;font-size:12px}.main{min-width:0}.topbar{border-bottom:1px solid var(--border);background:#fff;justify-content:space-between;align-items:center;height:86px;padding:18px 29px;display:flex}.topbar h1{color:var(--navy);margin:0;font-size:24px}.topbar p{color:var(--muted);margin:4px 0 0;font-size:13px}.top-actions{align-items:center;gap:12px;display:flex}.live{color:#475569;align-items:center;gap:8px;font-size:12px;display:flex}.live i{background:#15803d;border-radius:50%;width:8px;height:8px}.page{padding:24px 28px 40px}.icon-button{border:1px solid var(--border);color:#354257;cursor:pointer;background:#fff;border-radius:6px;place-items:center;width:38px;height:38px;display:grid}.icon-button:disabled{opacity:.35}.filter-panel{border:1px solid var(--border);background:#fff;border-radius:8px;margin-bottom:18px;padding:15px 16px}.filter-title{color:var(--navy);align-items:center;gap:8px;margin-bottom:12px;font-size:13px;display:flex}.filter-count{background:var(--blue);color:#fff;border-radius:20px;padding:2px 7px}.filter-controls{grid-template-columns:repeat(5,minmax(120px,1fr)) auto auto;align-items:end;gap:10px;display:grid}.filter-controls label{gap:5px;display:grid}.filter-controls label span{color:#64748b;font-size:11px;font-weight:600}.filter-controls select,.search input{color:#263247;background:#fff;border:1px solid #ccd5e1;border-radius:5px;height:38px;padding:0 10px}.filter-controls button,.empty-panel button,.error-state button{background:var(--blue);color:#fff;cursor:pointer;border:0;border-radius:5px;height:38px;padding:0 16px;font-weight:600}.filter-controls .secondary{color:#334155;border:1px solid var(--border);background:#fff;align-items:center;gap:6px;display:flex}.context-note{color:#2f536f;background:#eef6ff;border:1px solid #d6e9fb;border-radius:7px;align-items:center;gap:18px;margin-bottom:17px;padding:9px 12px;font-size:12px;display:flex}.context-note span:last-child{margin-left:auto}.kpi-grid{grid-template-columns:repeat(6,1fr);gap:12px;margin-bottom:16px;display:grid}.kpi-grid.four{grid-template-columns:repeat(4,1fr)}.kpi-card{border:1px solid var(--border);border-top:3px solid var(--blue);background:#fff;border-radius:7px;flex-direction:column;gap:7px;min-height:112px;padding:15px 16px;display:flex}.kpi-card>span{color:#5d687a;font-size:12px;font-weight:600}.kpi-card>strong{color:var(--navy);font-variant-numeric:tabular-nums;font-size:24px}.kpi-card>small{color:#798394;font-size:11px}.accent-green{border-top-color:#15803d}.accent-purple{border-top-color:#6d28d9}.accent-amber{border-top-color:#a16207}.accent-red{border-top-color:#b42318}.dashboard-grid{grid-template-columns:1.6fr 1fr;gap:16px;display:grid}.card{border:1px solid var(--border);background:#fff;border-radius:8px;min-width:0;padding:18px}.card header{justify-content:space-between;align-items:flex-start;margin-bottom:12px;display:flex}.card h2{color:var(--navy);margin:0;font-size:16px}.card header p{color:var(--muted);margin:4px 0 0;font-size:12px}.card header a{color:var(--blue);align-items:center;gap:5px;font-size:12px;text-decoration:none;display:flex}.attention-list{gap:11px;display:grid}.attention-list>div{border:1px solid var(--border);border-radius:6px;grid-template-columns:34px 1fr auto;align-items:center;padding:12px;display:grid}.attention-list svg{color:#a16207}.attention-list span{font-size:13px}.attention-list span strong{margin-right:4px;font-size:18px;display:inline-block}.attention-list b{color:#415169;font-size:12px}.portfolio-toolbar{justify-content:space-between;align-items:center;margin-bottom:14px;display:flex}.search{border:1px solid var(--border);background:#fff;border-radius:6px;align-items:center;gap:8px;width:440px;height:42px;padding:0 12px;display:flex}.search input{border:0;outline:0;width:100%;height:100%}.read-only{color:#6b7280;border:1px solid var(--border);background:#fff;border-radius:5px;padding:7px 10px;font-size:12px}.table-card{border:1px solid var(--border);background:#fff;border-radius:8px;overflow:hidden}.table-card table{border-collapse:collapse;width:100%}.table-card th{color:#5c687b;text-transform:uppercase;letter-spacing:.03em;text-align:left;border-bottom:1px solid var(--border);background:#f7f9fb;padding:12px 13px;font-size:11px}.table-card td{color:#344054;border-bottom:1px solid #edf0f4;padding:13px;font-size:12px}.table-card tbody tr{cursor:pointer}.table-card tbody tr:hover{background:#f7fbff}.table-card td strong,.table-card td span{display:block}.table-card td span{color:#758196;margin-top:3px;font-size:11px}.numeric{font-variant-numeric:tabular-nums;font-weight:700}.text-button{color:var(--blue);cursor:pointer;background:0 0;border:0;font-weight:700}.table-card footer{color:#64748b;justify-content:space-between;align-items:center;padding:12px 14px;font-size:12px;display:flex}.table-card footer>div{gap:7px;display:flex}.status-pill{border-radius:12px;width:max-content;padding:4px 8px;font-weight:700;font-size:10px!important;display:inline-block!important}.status-won{color:#146c3b;background:#e6f5ec}.status-lost{color:#a61b1b;background:#fdebea}.status-hold{color:#8a5b00;background:#fff4db}.status-submitted{color:#075d9d;background:#e8f2fc}.status-wip,.status-in-progress,.status-new{color:#087588;background:#e5f8fb}.status-cancelled{color:#566070;background:#eef1f4}.drawer-backdrop{z-index:20;background:#10182866;justify-content:flex-end;display:flex;position:fixed;inset:0}.drawer{background:#fff;width:580px;height:100%;overflow:auto;box-shadow:-20px 0 50px #0002}.drawer header{border-bottom:1px solid var(--border);background:#fff;justify-content:space-between;padding:22px;display:flex;position:sticky;top:0}.drawer header small{color:#64748b}.drawer h2{color:var(--navy);margin:5px 0 0;font-size:20px}.drawer-highlight{border-bottom:1px solid var(--border);background:#f5f9fd;justify-content:space-between;align-items:center;padding:18px 22px;display:flex}.drawer-highlight div{text-align:right}.drawer-highlight span,.detail-grid span{color:#718096;font-size:11px;display:block}.drawer section{border-bottom:1px solid var(--border);padding:20px 22px}.drawer h3{color:var(--navy);margin:0 0 15px;font-size:14px}.detail-grid{grid-template-columns:1fr 1fr;gap:16px;display:grid}.detail-grid strong{margin-top:4px;font-size:13px;display:block}.drawer footer{color:#64748b;padding:16px 22px;font-size:12px}.analytics-tabs{border-bottom:1px solid var(--border);gap:4px;margin-bottom:16px;display:flex}.analytics-tabs button{color:#5d687a;cursor:pointer;text-transform:capitalize;background:0 0;border:0;padding:11px 17px}.analytics-tabs button.active{color:var(--blue);border-bottom:2px solid var(--blue);font-weight:700}.analytics-grid .wide{width:100%}.data-grid{grid-template-columns:1.2fr 1fr;gap:16px;display:grid}.quality-list{gap:13px;display:grid}.quality-list>div{grid-template-columns:150px 1fr 35px;align-items:center;gap:10px;font-size:12px;display:grid}.quality-list>div>div{background:#eef1f5;border-radius:5px;height:8px;overflow:hidden}.quality-list i{background:var(--blue);border-radius:5px;height:100%;display:block}.empty-panel{text-align:center;padding:34px 20px}.empty-panel svg{color:#15803d}.empty-panel h3{color:var(--navy);font-size:16px}.empty-panel p{color:#64748b;font-size:13px;line-height:1.5}.empty-panel button:disabled{background:#cbd5e1}.skeleton-stack{grid-template-columns:repeat(3,1fr);gap:14px;display:grid}.skeleton{background:linear-gradient(90deg,#eef1f5 25%,#f8f9fb 37%,#eef1f5 63%) 0 0/400% 100%;border-radius:8px;height:135px;animation:1.3s infinite shimmer}.error-state{text-align:center;color:#8f1d16;background:#fff;border:1px solid #f0b9b4;border-radius:8px;padding:35px}.error-state p{color:#64748b}@keyframes shimmer{0%{background-position:100% 0}to{background-position:-100% 0}}@media (width<=1300px){.kpi-grid{grid-template-columns:repeat(3,1fr)}.filter-controls{grid-template-columns:repeat(4,1fr)}.dashboard-grid{grid-template-columns:1fr}}