:root{color:#172033;font-synthesis:none;--navy:#0c2554;--blue:#1659b7;--green:#14915e;--line:#e5eaf0;--muted:#6b7587;background:#f3f6fa;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Arial,sans-serif}*{box-sizing:border-box}body{background:#f4f6f9;min-width:320px;min-height:100vh;margin:0}button,input,select,textarea{font:inherit}button{cursor:pointer}.app-shell{grid-template-columns:252px 1fr;min-height:100vh;display:grid}.sidebar{color:#fff;z-index:20;background:linear-gradient(#0d2758 0%,#081a3b 100%);flex-direction:column;width:252px;padding:22px 14px;display:flex;position:fixed;inset:0 auto 0 0}.brand{border-bottom:1px solid #ffffff17;align-items:center;gap:10px;padding:4px 8px 22px;display:flex}.brand img{object-fit:contain;background:#fff;border-radius:8px;width:48px;height:38px;padding:3px}.brand div{flex-direction:column;line-height:1.05;display:flex}.brand strong{letter-spacing:.5px;font-size:24px;font-weight:800}.brand span{color:#b9c7df;margin-top:4px;font-size:11px}.workspace-label{color:#6f88b2;letter-spacing:1.3px;padding:25px 12px 9px;font-size:10px;font-weight:700}nav{flex-direction:column;gap:4px;display:flex}nav button,.sidebar-foot>button{color:#c5d0e3;text-align:left;background:0 0;border:0;border-radius:9px;align-items:center;gap:12px;padding:11px 12px;font-size:14px;font-weight:500;display:flex}nav button:hover,nav button.active{color:#fff;background:#ffffff14}nav button.active{box-shadow:inset 3px 0 #39b778}nav button span{flex:1}nav button em{color:#fff;background:#d25d5d;border-radius:10px;place-items:center;min-width:21px;height:21px;font-size:11px;font-style:normal;display:grid}.sidebar-foot{border-top:1px solid #ffffff18;margin-top:auto;padding-top:14px}.sync{align-items:flex-start;gap:9px;padding:10px 9px 14px;display:flex}.sync-dot{background:#39c47c;border-radius:50%;width:8px;height:8px;margin-top:4px;box-shadow:0 0 0 4px #39c47c22}.sync div{flex-direction:column;gap:3px;display:flex}.sync strong{font-size:11px;font-weight:600}.sync span{color:#8296b7;font-size:10px}main{grid-column:2;min-width:0}.topbar{border-bottom:1px solid var(--line);z-index:10;background:#fff;justify-content:space-between;align-items:center;height:70px;padding:0 32px;display:flex;position:sticky;top:0}.global-search{color:#8b95a4;background:#f3f5f8;border:1px solid #edf0f4;border-radius:8px;align-items:center;gap:9px;width:min(420px,44vw);height:39px;padding:0 11px;display:flex}.global-search input{color:#26334b;background:0 0;border:0;outline:0;flex:1;min-width:0;font-size:13px}kbd{color:#8b95a4;background:#fff;border:1px solid #dfe4ea;border-radius:5px;padding:2px 6px;font-size:10px}.top-actions{align-items:center;gap:16px;display:flex}.icon-button{color:#4d596c;background:#fff;border:0;padding:8px;position:relative}.icon-button i{color:#fff;background:#df5757;border:2px solid #fff;border-radius:50%;place-items:center;width:15px;height:15px;font-size:9px;font-style:normal;display:grid;position:absolute;top:2px;right:2px}.user-switch{border-left:1px solid var(--line);align-items:center;gap:9px;padding-left:15px;display:flex}.avatar{color:#155a8d;background:#ddebfa;border-radius:50%;flex:none;place-items:center;width:34px;height:34px;font-size:11px;font-weight:700;display:inline-grid}.user-switch>div{flex-direction:column;display:flex}.user-switch strong{font-size:12px}.user-switch select{appearance:none;color:#778194;background:0 0;border:0;outline:0;padding:0;font-size:10px}.menu-button,.mobile-close{background:0 0;border:0;display:none}.content{max-width:1500px;margin:0 auto;padding:30px 34px 60px}.page-title{justify-content:space-between;align-items:flex-end;gap:24px;margin-bottom:25px;display:flex}.page-title span{letter-spacing:1px;color:#6b7890;text-transform:uppercase;font-size:10px;font-weight:700}h1,h2,h3{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Arial,sans-serif}.page-title h1{letter-spacing:-.5px;color:#17233b;margin:3px 0 5px;font-size:26px}.page-title p{color:var(--muted);margin:0;font-size:13px}.primary,.secondary,.ghost,.approve{white-space:nowrap;border-radius:8px;align-items:center;gap:7px;font-size:12px;font-weight:600;display:inline-flex}.primary{background:var(--navy);border:1px solid var(--navy);color:#fff;padding:10px 14px;box-shadow:0 3px 8px #0c255422}.primary:hover{background:#12336d}.secondary{color:#27354b;background:#fff;border:1px solid #d9e0e8;padding:10px 14px}.ghost{color:#285ca8;background:0 0;border:0;padding:6px}.metrics{grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:16px;display:grid}.metric{border:1px solid var(--line);background:#fff;border-radius:11px;align-items:flex-start;gap:14px;padding:18px;display:flex;box-shadow:0 2px 5px #1b2b4a05}.metric-icon{border-radius:9px;place-items:center;width:42px;height:42px;display:grid}.metric-icon.blue{color:#2368bb;background:#e7f1fc}.metric-icon.amber{color:#aa6f10;background:#fff3d8}.metric-icon.violet{color:#6b54b5;background:#efebff}.metric-icon.green{color:#17835b;background:#e2f6ed}.metric>div:last-child{grid-template-columns:1fr auto;gap:3px;width:100%;display:grid}.metric span{color:#6d7888;grid-column:1/3;font-size:11px}.metric strong{color:#152139;font-size:23px;font-weight:700}.metric small{color:#778397;align-self:end;padding-bottom:3px;font-size:10px}.dashboard-grid{grid-template-columns:1.35fr 1fr;gap:16px;margin-bottom:16px;display:grid}.card{border:1px solid var(--line);background:#fff;border-radius:11px;box-shadow:0 2px 6px #1b2b4a07}.card-head{border-bottom:1px solid #edf0f4;justify-content:space-between;align-items:flex-start;padding:18px 20px;display:flex}.card-head h2{margin:0 0 3px;font-size:14px}.card-head p{color:#7d8797;margin:0;font-size:11px}.chart-wrap{grid-template-columns:30px 1fr;height:205px;padding:22px 20px 4px;display:grid}.y-axis{color:#a1a9b5;flex-direction:column;justify-content:space-between;padding-bottom:27px;font-size:9px;display:flex}.bars{background:repeating-linear-gradient(#edf0f4 0 1px,#0000 1px 25%);border-bottom:1px solid #edf0f4;border-left:1px solid #edf0f4;justify-content:space-around;align-items:flex-end;display:flex}.bar-col{flex-direction:column;justify-content:flex-end;align-items:center;width:13%;height:100%;display:flex;position:relative}.bar{background:#b6c8e4;border-radius:5px 5px 0 0;width:52%;max-width:38px;transition:all .3s;position:relative}.bar:hover,.bar.highlighted{background:#2a66b9}.bar b{color:#fff;background:#172c50;border-radius:4px;padding:2px 5px;font-size:9px;display:none;position:absolute;top:-22px;left:50%;transform:translate(-50%)}.bar:hover b,.bar.highlighted b{display:block}.bar-col>span{color:#768194;font-size:9px;position:absolute;bottom:-20px}.chart-legend{color:#677287;border-top:1px solid #f0f2f5;align-items:center;gap:10px;padding:17px 50px 15px;font-size:10px;display:flex}.chart-legend i{background:#2a66b9;border-radius:2px;width:7px;height:7px;margin-right:5px;display:inline-block}.chart-legend strong{color:#1e2c42;margin-left:auto;font-size:13px}.chart-legend small{color:#8a94a3}.approval-item{border-bottom:1px solid #eff2f5;grid-template-columns:36px 1fr auto 24px;align-items:center;gap:10px;padding:13px 18px;display:grid}.approval-item:last-child{border-bottom:0}.approval-item>div{flex-direction:column;gap:3px;display:flex}.approval-item strong,.approval-item b{font-size:11px}.approval-item span,.approval-item small{color:#7a8597;font-size:10px}.approval-item>div:nth-child(3){text-align:right}.approval-item button,.row-button{color:#8590a0;background:0 0;border:0;padding:3px}.table-card{overflow:hidden}.table-scroll{width:100%;overflow:auto}table{border-collapse:collapse;width:100%;min-width:900px;font-size:11px}th{text-align:left;color:#7d8796;border-bottom:1px solid var(--line);text-transform:uppercase;letter-spacing:.4px;background:#fafbfd;padding:10px 15px;font-size:9px}td{color:#3d485b;vertical-align:middle;border-bottom:1px solid #edf0f4;padding:12px 15px}tbody tr{transition:all .15s}tbody tr:hover{background:#fafcff}tbody tr:last-child td{border-bottom:0}td>strong,td>span{display:block}td>strong{color:#26344b;font-size:11px}td>span{color:#808b9c;margin-top:4px;font-size:9.5px}td>span svg{vertical-align:-2px;margin-right:2px}td>span em{color:#a56717;font-style:normal}.status{white-space:nowrap;border-radius:13px;align-items:center;gap:6px;width:max-content;margin:0;padding:4px 8px;font-size:9px;font-weight:600;display:inline-flex!important}.status span{border-radius:50%;width:5px;height:5px}.status.success{color:#16714f;background:#e5f5ed}.status.success span{background:#239468}.status.warning{color:#9a681b;background:#fff4dd}.status.warning span{background:#d99b35}.status.danger{color:#a64747;background:#fdeaea}.status.danger span{background:#d65a5a}.status.neutral{color:#556276;background:#eef1f5}.status.neutral span{background:#7d8998}.avatar-stack{display:flex}.avatar-stack .avatar{border:2px solid #fff;margin-left:-8px}.avatar-stack .avatar:first-child{margin-left:0}.filterbar{border-bottom:1px solid var(--line);gap:9px;padding:14px 16px;display:flex}.filterbar label{color:#8791a0;border:1px solid #dfe4ea;border-radius:7px;align-items:center;gap:8px;width:min(380px,45%);padding:0 10px;display:flex}.filterbar input{background:0 0;border:0;outline:0;flex:1;min-width:0;padding:9px 0;font-size:11px}.filterbar button{color:#516075;background:#fff;border:1px solid #dfe4ea;border-radius:7px;align-items:center;gap:6px;padding:8px 10px;font-size:10px;display:flex}.empty{text-align:center;color:#7e8999;padding:45px}.mini-metrics{border:1px solid var(--line);background:#fff;border-radius:10px;grid-template-columns:repeat(4,1fr);margin-bottom:15px;display:grid}.mini-metrics div{border-right:1px solid var(--line);flex-direction:column;gap:4px;padding:16px 20px;display:flex}.mini-metrics div:last-child{border:0}.mini-metrics span{color:#7a8595;font-size:10px}.mini-metrics strong{color:#25334b;font-size:18px;font-weight:700}.person{align-items:center;gap:8px;display:flex}.person .avatar{width:30px;height:30px;font-size:9px}.person>div{flex-direction:column;display:flex}.person span{color:#7e899a;font-size:9px}.approve{color:#147552;background:#effaf5;border:1px solid #b7decf;padding:6px 9px}.info-strip{color:#28537e;background:#edf6ff;border:1px solid #cee1f5;border-radius:9px;gap:11px;margin-bottom:15px;padding:12px 15px;display:flex}.info-strip div{flex-direction:column;gap:2px;display:flex}.info-strip strong{font-size:11px}.info-strip span{color:#587795;font-size:10px}.report-tabs{border-bottom:1px solid #dfe4eb;gap:4px;margin-bottom:15px;display:flex}.report-tabs button{color:#6d7889;background:0 0;border:0;border-bottom:2px solid #0000;padding:10px 16px;font-size:11px}.report-tabs button.active{color:#154d91;border-color:#1a5caf;font-weight:700}.donut-area{justify-content:center;align-items:center;gap:42px;min-height:245px;padding:22px;display:flex}.donut{background:conic-gradient(#245faf 0 62%,#35a57a 62% 91%,#f0b751 91%);border-radius:50%;place-items:center;width:150px;height:150px;display:grid}.donut:after{content:"";background:#fff;border-radius:50%;grid-area:1/1;width:92px;height:92px}.donut>span{z-index:1;text-align:center;flex-direction:column;grid-area:1/1;display:flex}.donut strong{font-size:18px;font-weight:700}.donut small{color:#8690a0;font-size:9px}.donut-legend p{color:#647084;font-size:10px}.donut-legend i{border-radius:2px;width:8px;height:8px;margin-right:8px;display:inline-block}.donut-legend b{color:#26344b;margin-left:12px}.c1{background:#245faf}.c2{background:#35a57a}.c3{background:#f0b751}.rank-list{padding:22px 25px}.rank-list>div{margin-bottom:15px}.rank-list p{color:#546175;justify-content:space-between;margin:0 0 6px;font-size:10px;display:flex}.rank-list p b{color:#26344b}.rank-list>div>i{background:#eef1f5;border-radius:4px;height:6px;display:block;overflow:hidden}.rank-list em{background:#356cb7;border-radius:4px;height:100%;display:block}.parameter-grid{grid-template-columns:1fr 1fr;gap:13px;margin-bottom:16px;display:grid}.parameter-card{text-align:left;border:1px solid var(--line);color:#657084;background:#fff;border-radius:10px;grid-template-columns:44px 1fr 18px;align-items:start;gap:13px;padding:18px;display:grid}.parameter-card:hover{border-color:#b7c8dd;box-shadow:0 4px 13px #20395f0c}.parameter-card>span{color:#235fa8;background:#eaf2fc;border-radius:9px;place-items:center;width:42px;height:42px;display:grid}.parameter-card h3{color:#203049;margin:0 0 5px;font-size:13px}.parameter-card p{margin:0 0 8px;font-size:10px;line-height:1.5}.parameter-card small{color:#288061;font-size:9px;font-weight:600}.history .timeline{padding:8px 22px 18px}.timeline p{border-bottom:1px solid #eef1f4;grid-template-columns:14px 1fr auto;align-items:center;gap:8px;margin:0;padding:12px 0;font-size:10px;display:grid}.timeline p:last-child{border:0}.timeline i{background:#2b6dbb;border-radius:50%;width:7px;height:7px}.timeline small{color:#8791a0}.modal-layer,.drawer-layer{z-index:50;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#0b183c77;place-items:center;display:grid;position:fixed;inset:0}.modal{background:#fff;border-radius:13px;width:min(690px,100vw - 30px);overflow:hidden;box-shadow:0 25px 60px #07142a55}.modal-head,.modal-foot{border-bottom:1px solid var(--line);justify-content:space-between;align-items:flex-start;padding:20px 22px;display:flex}.modal-head span,.drawer-head>div>span{letter-spacing:1px;color:#728097;font-size:9px;font-weight:700}.modal-head h2{margin:3px 0;font-size:18px}.modal-head p{color:#7b8697;margin:0;font-size:10px}.modal-head>button,.drawer-head>button{color:#687588;background:0 0;border:0}.form-grid{grid-template-columns:1fr 1fr;gap:14px;padding:22px;display:grid}.form-grid label{color:#46546a;flex-direction:column;gap:6px;font-size:10px;font-weight:600;display:flex}.form-grid select,.form-grid input,.form-grid textarea{color:#2c3950;background:#fff;border:1px solid #dce2e9;border-radius:7px;outline:0;padding:10px;font-size:11px}.form-grid textarea{resize:vertical;height:70px}.form-grid input:disabled{background:#f4f6f8}.wide{grid-column:1/3}.upload{border:1px dashed #bdc8d6;border-radius:8px;align-items:center;padding:16px;color:#527199!important;flex-direction:row!important;gap:12px!important;display:flex!important}.upload div{flex-direction:column;flex:1;gap:3px;display:flex}.upload div span{color:#8490a0;font-size:9px;font-weight:400}.upload button{background:#fff;border:1px solid #d5dce5;border-radius:7px;padding:7px 10px;font-size:10px}.modal-foot{border-top:1px solid var(--line);background:#fafbfd;border-bottom:0;justify-content:flex-end;gap:8px;padding:14px 22px}.drawer-layer{-webkit-backdrop-filter:none;backdrop-filter:none;background:0 0;place-items:stretch end}.drawer{z-index:2;background:#fff;width:min(440px,92vw);height:100%;position:relative;overflow:auto;box-shadow:-15px 0 45px #1021402d}.drawer-scrim{background:#07142a66;position:absolute;inset:0}.drawer-head{border-bottom:1px solid var(--line);justify-content:space-between;padding:24px;display:flex}.drawer-head h2{margin:3px 0 8px;font-size:19px}.drawer-section{border-bottom:1px solid var(--line);padding:19px 24px}.drawer-section h3{margin:0 0 14px;font-size:12px}.drawer-section dl{grid-template-columns:1fr 1fr;gap:14px;margin:0;display:grid}.drawer-section dl div{flex-direction:column;gap:4px;display:flex}.drawer-section dt{color:#8290a0;font-size:9px}.drawer-section dd{color:#2d3a50;margin:0;font-size:11px;font-weight:600}.drawer-person{align-items:center;gap:10px;margin:10px 0;display:flex}.drawer-person div{flex-direction:column;display:flex}.drawer-person strong{font-size:11px}.drawer-person span{color:#7d8899;font-size:9px}.process-row{color:#37669e;border:1px solid #e6eaf0;border-radius:8px;align-items:center;gap:11px;margin-bottom:8px;padding:11px;display:flex}.process-row div{flex:1;justify-content:space-between;align-items:center;display:flex}.process-row div>span:first-child{color:#4b596e;font-size:10px}.source-note{color:#45709c;background:#edf6ff;border-radius:8px;gap:10px;margin:18px 24px;padding:12px;font-size:9px;line-height:1.5;display:flex}.toast{z-index:100;color:#fff;background:#163e32;border-radius:8px;align-items:center;gap:8px;padding:11px 16px;font-size:11px;display:flex;position:fixed;bottom:25px;left:50%;transform:translate(-50%);box-shadow:0 8px 25px #0a1a1433}.scrim{display:none}@media (width<=1050px){.metrics{grid-template-columns:1fr 1fr}.dashboard-grid{grid-template-columns:1fr}.app-shell{grid-template-columns:220px 1fr}.sidebar{width:220px}.parameter-grid{grid-template-columns:1fr}.report-metrics{grid-template-columns:1fr 1fr}}@media (width<=760px){.app-shell{display:block}.sidebar{width:270px;transition:all .25s;transform:translate(-100%)}.sidebar.open{transform:translate(0)}.mobile-close{color:#fff;display:block;position:absolute;top:8px;right:8px}.scrim{z-index:15;background:#07142a77;display:block;position:fixed;inset:0}.topbar{padding:0 15px}.menu-button{display:block}.global-search{background:0 0;border:0;width:45px}.global-search input,.global-search kbd,.user-switch>div,.user-switch>svg{display:none}.content{padding:23px 15px 50px}.page-title{flex-direction:column;align-items:flex-start}.metrics,.mini-metrics{grid-template-columns:1fr 1fr}.mini-metrics div:nth-child(2){border-right:0}.mini-metrics div:nth-child(-n+2){border-bottom:1px solid var(--line)}.filterbar label{width:100%}.filterbar button{display:none}.form-grid{grid-template-columns:1fr}.wide{grid-column:1}.modal-foot{flex-wrap:wrap}.parameter-grid{grid-template-columns:1fr}.donut-area{flex-direction:column;gap:12px}.drawer-section dl,.report-metrics{grid-template-columns:1fr}.page-title .primary,.page-title .secondary{justify-content:center;width:100%}}@media (width<=430px){.metrics,.mini-metrics{grid-template-columns:1fr}.mini-metrics div{border-right:0!important;border-bottom:1px solid var(--line)!important}.top-actions{gap:4px}.content{padding-inline:10px}}