:root{color:#162033;font-synthesis:none;background:#f4f7fb;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{background:linear-gradient(#f8fbff 0,#f4f7fb 28%,#eef3f9 100%);min-width:320px;min-height:100vh;margin:0}button,input,select,textarea{font:inherit}button{cursor:pointer;color:#26364f;background:#fff;border:1px solid #d6dde8;border-radius:11px;padding:10px 14px;font-weight:700}.primary{color:#fff;background:#0f5bd7;border-color:#0f5bd7;box-shadow:0 8px 20px #0f5bd726}.dangerBtn{color:#fff;background:#c9342f;border-color:#c9342f}.appShell{grid-template-columns:260px minmax(0,1fr);min-height:100vh;display:grid}.sidebar{color:#fff;background:#0c2340;flex-direction:column;height:100vh;padding:22px 16px;display:flex;position:sticky;top:0}.brand{align-items:center;gap:11px;padding:5px 8px 22px;display:flex}.brand img{border-radius:12px;width:42px;height:42px;box-shadow:0 8px 24px #0002}.brand b{font-size:18px;display:block}.brand small{color:#abc0dd;margin-top:3px;font-size:12px;display:block}.sidebar nav{gap:7px;display:grid}.sidebar nav button{color:#c7d4e7;text-align:left;background:0 0;border:0;align-items:center;gap:12px;min-height:46px;display:flex}.sidebar nav button span{text-align:center;width:24px;font-size:19px}.sidebar nav button.active,.sidebar nav button:hover{color:#fff;background:#163b68}.sidebarFoot{color:#8ca4c2;margin-top:auto;padding:12px;font-size:12px;line-height:1.55}.sidebarFoot span{color:#77aefc}.main{min-width:0;padding:28px 30px 86px}.mobileHeader,.mobileNav{display:none}.pageHead{justify-content:space-between;align-items:flex-start;gap:18px;margin-bottom:18px;display:flex}.pageHead h1{letter-spacing:-.6px;margin:0;font-size:28px}.pageHead p{color:#66758a;max-width:780px;margin:6px 0 0;line-height:1.5}.hero{color:#fff;background:linear-gradient(135deg,#0b4cad,#0f6be8);border-radius:22px;justify-content:space-between;align-items:center;gap:18px;padding:24px;display:flex;box-shadow:0 16px 34px #0f5bd72d}.hero span,.hero small{color:#dce9ff;display:block}.hero strong{letter-spacing:-1px;margin:6px 0;font-size:36px;display:block}.heroActions{flex-wrap:wrap;justify-content:flex-end;gap:9px;display:flex}.heroActions button{color:#fff;background:#ffffff17;border-color:#ffffff35}.metrics{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin:16px 0;display:grid}.metric,.card,.tableCard{background:#fff;border:1px solid #dce3ed;border-radius:17px;box-shadow:0 4px 16px #1b355008}.metric{padding:18px}.metric span,.metric small{color:#718096;display:block}.metric strong{letter-spacing:-.4px;margin:8px 0;font-size:22px;display:block}.twoCol{grid-template-columns:1.15fr .85fr;gap:16px;display:grid}.card{padding:18px}.cardHead{justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:10px;display:flex}.cardHead h2,.formCard h2{margin:0;font-size:18px}.cardHead p{color:#718096;margin:4px 0 0;font-size:13px}.link{color:#0f5bd7;background:0 0;border:0;padding:6px}.attention,.balanceRow,.timeItem{border-top:1px solid #e8edf3;justify-content:space-between;align-items:center;gap:14px;padding:13px 0;display:flex}.attention:first-of-type,.balanceRow:first-of-type{border-top:0}.attention>div:first-child,.balanceRow>div,.timeItem .grow{gap:4px;min-width:0;display:grid}.attention span,.balanceRow span,.timeItem .grow span{color:#718096;font-size:13px}.attention>div:last-child{align-items:center;gap:8px;display:flex}.badge{white-space:nowrap;border-radius:999px;padding:5px 9px;font-size:12px;font-weight:800;display:inline-flex}.badge.good{color:#16794b;background:#eaf8ef}.badge.warn{color:#a95a00;background:#fff4df}.badge.danger{color:#b12b26;background:#ffe9e7}.badge.neutral{color:#50617a;background:#eef2f7}.dist{padding:9px 0}.dist>div:first-child{justify-content:space-between;gap:10px;font-size:13px;display:flex}.dist span{color:#718096}.bar{background:#edf1f6;border-radius:99px;height:8px;margin:7px 0;overflow:hidden}.bar i{background:#2d7df1;border-radius:99px;height:100%;display:block}.warnText{color:#b46808}.empty{text-align:center;color:#5f7188;padding:28px 10px;font-size:28px}.empty p{margin:6px;font-size:14px}.toolbar{margin:0 0 12px}.toolbar input{max-width:520px}.tableCard{overflow:auto}.tableCard table{border-collapse:collapse;width:100%;min-width:980px}.tableCard th,.tableCard td{text-align:left;border-bottom:1px solid #e8edf3;padding:13px 14px;font-size:14px}.tableCard th{color:#65758b;background:#f8fafc;font-size:12px}.tableCard td small{color:#7b8a9d;margin-top:4px;display:block}.rowActions{gap:7px;display:flex}.rowActions button{padding:7px 9px;font-size:12px}.timeline{padding:8px 18px}.timeItem{justify-content:flex-start}.dateBox{color:#0f5bd7;background:#edf5ff;border-radius:13px;place-items:center;width:58px;height:58px;line-height:1;display:grid}.dateBox b{font-size:21px}.dateBox span{font-size:10px;font-weight:800}.grow{flex:1}.formCard label,.modal label{color:#4a5a70;gap:7px;margin:12px 0;font-size:13px;font-weight:700;display:grid}input,select,textarea{color:#17263d;background:#fff;border:1px solid #cfd8e6;border-radius:10px;width:100%;min-height:44px;padding:11px 12px}textarea{resize:vertical;min-height:88px}.full{width:100%;min-height:46px}.balanceRow .iconBtn{width:36px;height:36px;padding:0}.settings{padding:4px 18px}.setting{border-bottom:1px solid #e8edf3;justify-content:space-between;align-items:center;gap:20px;padding:17px 0;display:flex}.setting p{color:#718096;margin:4px 0 0;font-size:13px}.inline{align-items:center;gap:8px;display:flex}.inline input{width:76px}.dataWarning{background:#f1f7ff;border:1px solid #bcd3f5;border-radius:12px;margin:16px 0;padding:14px}.dataWarning p{color:#536981;margin:5px 0 0}.overlay{z-index:50;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#0b1729a8;place-items:center;padding:18px;display:grid;position:fixed;inset:0}.modal{background:#fff;border-radius:20px;width:min(760px,100%);max-height:92vh;padding:20px;overflow:auto;box-shadow:0 28px 80px #0004}.modalHead{border-bottom:1px solid #e5ebf2;justify-content:space-between;gap:16px;margin-bottom:16px;padding-bottom:13px;display:flex}.modalHead h2{margin:0;font-size:21px}.modalHead p{color:#718096;margin:5px 0 0;font-size:13px}.close{width:42px;height:42px;padding:0;font-size:24px}.formGrid{grid-template-columns:1fr 1fr;gap:0 14px;display:grid}.span2{grid-column:span 2}.split{grid-template-columns:1fr 120px;gap:7px;display:grid}.modal label small{color:#7b8a9d;font-weight:400}.modalActions{justify-content:flex-end;gap:9px;margin-top:18px;display:flex}.summaryBox{background:#f6f9fc;border-radius:13px;margin:12px 0;padding:7px 14px}.sumRow{border-bottom:1px dashed #dce4ee;justify-content:space-between;gap:14px;padding:9px 0;display:flex}.sumRow:last-child{border-bottom:0}.red{color:#c9342f}.choice{gap:8px;display:grid}.choice label{border:1px solid #dbe3ed;border-radius:11px;align-items:center;margin:0;padding:11px;display:flex}.choice input{width:18px;height:18px;min-height:auto}.renewBox{background:#f5f9ff;border-radius:12px;grid-template-columns:1fr 1fr;gap:12px;margin-top:10px;padding:12px;display:grid}.alertBox{color:#8f510c;background:#fff4e8;border-radius:11px;padding:13px;line-height:1.5}.compare{grid-template-columns:1fr auto 1fr;align-items:center;gap:14px;display:grid}.compare>div:not(:nth-child(2)){text-align:center;background:#f5f8fc;border-radius:13px;padding:18px}.compare span,.compare small,.compare b{display:block}.compare span{color:#718096;font-size:11px}.compare b{margin:6px;font-size:22px}.toast{z-index:80;color:#fff;background:#163149;border-radius:12px;padding:12px 16px;position:fixed;bottom:22px;right:22px;box-shadow:0 12px 30px #0003}@media (width<=1050px){.metrics{grid-template-columns:1fr 1fr}.twoCol{grid-template-columns:1fr}.hero{flex-direction:column;align-items:flex-start}.heroActions{justify-content:flex-start}}@media (width<=760px){body{background:#f5f7fb}.appShell{display:block}.sidebar{display:none}.main{padding:14px 12px 88px}.mobileHeader{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.brand.compact{padding:0}.brand.compact img{width:38px;height:38px}.brand.compact b{font-size:16px}.mobileHeader button{background:0 0;border:0;font-size:20px}.pageHead{align-items:center}.pageHead h1{font-size:23px}.pageHead p{font-size:14px}.pageHead>button{min-height:46px}.hero{border-radius:18px;padding:18px}.hero strong{font-size:28px}.heroActions{grid-template-columns:1fr 1fr;width:100%;display:grid}.heroActions button{min-height:48px}.metrics{grid-template-columns:1fr 1fr;gap:9px}.metric{padding:14px}.metric strong{font-size:17px}.metric span,.metric small{font-size:12px}.card{padding:14px}.attention{flex-direction:column;align-items:flex-start}.attention>div:last-child{justify-content:space-between;width:100%}.tableCard{border-radius:14px}.formGrid{grid-template-columns:1fr}.span2{grid-column:auto}.setting{flex-direction:column;align-items:flex-start}.setting>div:last-child,.setting>button,.inline{width:100%}.inline button{flex:1;min-height:44px}.mobileNav{z-index:30;left:8px;right:8px;bottom:calc(8px + env(safe-area-inset-bottom));background:#fff;border:1px solid #dbe3ed;border-radius:17px;grid-template-columns:repeat(5,1fr);padding:5px;display:grid;position:fixed;box-shadow:0 12px 36px #17314d20}.mobileNav button{color:#66758a;background:0 0;border:0;place-items:center;gap:2px;min-height:52px;padding:7px 3px;display:grid}.mobileNav button.active{color:#0f5bd7;background:#edf5ff}.mobileNav span{font-size:18px}.mobileNav small{font-size:9px}.renewBox{grid-template-columns:1fr}.modal{border-radius:17px;padding:16px}.toast{text-align:center;bottom:84px;left:12px;right:12px}.compare{grid-template-columns:1fr}.compare>div:nth-child(2){text-align:center;transform:rotate(90deg)}}
