@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700;800&family=Inter:wght@400;500;600;700;800&display=swap');
:root{--navy:#14263f;--navy2:#1b3351;--ink:#17283e;--muted:#77869b;--teal:#129b94;--tealDark:#087d78;--blue:#5684c8;--purple:#9476d0;--orange:#eaa453;--line:#e3e9ef;--surface:#fff;--bg:#f4f7fa;--shadow:0 5px 20px rgba(20,44,75,.035);color-scheme:light}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font:14px/1.5 'Inter','DM Sans','Microsoft Yahei',system-ui,sans-serif}button,input,select{font:inherit}button{cursor:pointer}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #6cbdb7;outline-offset:2px}button:disabled{cursor:not-allowed;opacity:.55}.startup{padding:15vh 10vw;color:var(--teal);font-weight:800}.layout{min-height:100vh;display:flex}.sidebar{width:250px;min-width:250px;background:var(--navy);color:#c4d0dd;display:flex;flex-direction:column;position:sticky;top:0;height:100vh}.brand{padding:34px 28px 38px;display:flex;align-items:center;gap:12px}.brand-logo{width:42px;height:42px;border-radius:12px;background:linear-gradient(125deg,#42b7af,#6289be);display:flex;align-items:center;justify-content:center;font-size:28px;color:white;flex:none}.brand strong{color:white;font-size:22px;letter-spacing:-1px;display:block;line-height:1}.brand small{letter-spacing:2px;font-size:9px;color:#96abc1;display:block;margin-top:7px}.nav-title{color:#6d88a5;font-size:10px;font-weight:800;letter-spacing:2px;padding:0 30px;margin:8px 0 12px}.nav-links{padding:0 17px;display:grid;gap:6px}.nav-item{border:0;background:none;color:#b5c6d7;display:flex;align-items:center;gap:12px;width:100%;text-align:left;padding:13px 14px;border-radius:9px;position:relative}.nav-item:hover{background:#203e5e;color:white}.nav-item.active{background:#2a4666;color:white;font-weight:700}.nav-item.active::before{content:'';position:absolute;left:-1px;top:8px;bottom:8px;width:3px;border-radius:4px;background:#35c9bb}.nav-icon{font-size:17px;width:21px;text-align:center;font-family:system-ui}.nav-item .mini{margin-left:auto;color:#c0eced;font-size:9px;border:1px solid #49708a;border-radius:5px;padding:2px 5px}.nav-item.locked{opacity:.55;cursor:not-allowed}.sidebar-footer{margin-top:auto;margin-left:17px;margin-right:17px;padding:23px 13px 24px;border-top:1px solid #344c64}.avatar{width:35px;height:35px;display:inline-grid;place-items:center;background:#375876;color:#fff;font-size:12px;font-weight:800;border-radius:9px}.sidebar-footer .footline{display:flex;gap:9px;align-items:center}.sidebar-footer .footline strong{font-size:12px;color:#fff;display:block}.sidebar-footer .footline small{font-size:10px;color:#97abc0}.sidebar-footer p{font-size:10px;color:#7c95ae;margin:25px 0 0}.main{min-width:0;flex:1}.topbar{height:79px;background:#fff;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 40px;gap:14px}.breadcrumb{color:#8796a8;font-size:12px}.breadcrumb b{color:var(--ink);font-weight:700}.slash{color:#c9d2dc;padding:0 9px}.topright{display:flex;align-items:center;gap:14px}.datepill{color:#72859a;font-size:11px}.top-avatar{width:33px;height:33px;border-radius:100%;background:#e1f2f0;border:1px solid #bce3de;display:grid;place-items:center;color:#177d77;font-weight:800;font-size:11px}.statuspill,.chip,.tag{border:1px solid #dbe5ed;border-radius:8px;color:#688095;background:#f7fafc;font-size:11px;font-weight:650;padding:5px 9px;display:inline-flex;align-items:center;gap:4px}.statuspill.ok{color:#008571;background:#edfbf6;border-color:#bcebdc}.statuspill.warn{color:#ac6e16;background:#fff8e9;border-color:#f3dab2}.statuspill.off{color:#9c4e4e;background:#fff4f2;border-color:#f3c4bf}.content{max-width:1580px;padding:32px 40px 80px;margin:0 auto}.eyebrow{font-size:11px;letter-spacing:2.1px;color:var(--teal);font-weight:800}.heading-row{display:flex;justify-content:space-between;gap:18px;align-items:center;margin:10px 0 25px}.heading h1{font-size:28px;letter-spacing:-.95px;margin:6px 0 8px;color:#1b2c44;line-height:1.22}.heading p{color:#8b99ab;margin:0;font-size:12px}.heading-actions{display:flex;gap:9px}.btn{border:1px solid #d9e4ee;color:#405971;background:white;padding:10px 14px;border-radius:9px;font-size:12px;font-weight:750;display:inline-flex;gap:7px;align-items:center;justify-content:center}.btn:hover{border-color:#9dc2c5}.btn.primary{background:#147e77;border-color:#147e77;color:white}.btn.primary:hover{background:#096861}.btn.slim{padding:8px 12px}.switches{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin:10px 0 21px}.segmented{display:inline-flex;align-items:center;gap:4px;background:#e9eef4;padding:4px;border-radius:10px}.segmented button{border:0;border-radius:7px;background:transparent;padding:9px 17px;color:#7d8ea1;font-size:12px;font-weight:750}.segmented button.active{background:white;color:#233c55;box-shadow:0 2px 7px rgba(20,50,80,.09)}.filters{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.select,input[type=text],input[type=email],input[type=password],select{border:1px solid #d9e3ec;background:#fff;border-radius:9px;color:#53687f;padding:10px 11px;font-size:12px;max-width:100%;min-height:38px}.select{max-width:230px}.input-large{width:100%;max-width:370px}.kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin:0 0 18px}.card{background:var(--surface);border:1px solid var(--line);border-radius:13px;box-shadow:var(--shadow)}.kpi{padding:22px 22px 20px;min-height:124px}.kpi-label{font-size:12px;font-weight:650;color:#788ba0;display:flex;align-items:center;justify-content:space-between;gap:4px}.kpi-icon{height:30px;width:30px;border-radius:9px;display:grid;place-items:center;background:#e9f6f4;color:#179e98;font-size:15px}.kpi-icon.blue{background:#eef3ff;color:#6685d3}.kpi-icon.orange{background:#fff4e8;color:#e7a04d}.kpi-icon.purple{background:#f1ecfb;color:#9780d1}.kpi-value{font-size:30px;font-weight:800;letter-spacing:-1.4px;line-height:1.2;margin:8px 0 0}.kpi-note{font-size:11px;color:#96a3b1;margin-top:5px}.cols{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(340px,.9fr);gap:17px;margin:17px 0}.cols.equal{grid-template-columns:1fr 1fr}.panel{padding:22px 23px 17px;min-width:0}.panel-head{display:flex;justify-content:space-between;gap:12px;align-items:center}.panel h2{font-size:16px;color:#1b2c44;margin:0;font-weight:800;letter-spacing:-.4px}.panel-sub{font-size:11px;color:#92a0b0;margin:3px 0 12px}.panel-foot{border-top:1px solid #edf0f4;padding-top:12px;margin-top:16px;color:#97a3b3;font-size:10px}.linkbtn{border:0;background:none;color:#128f85;font-size:11px;font-weight:750;padding:5px 0}.notice{display:flex;align-items:flex-start;gap:9px;background:#fff8e9;border:1px solid #f4e7c9;color:#8b6c2d;border-radius:9px;font-size:11px;padding:11px 13px;margin-bottom:17px}.notice.error{background:#fff3f1;border-color:#f3ccca;color:#a35f5b}.notice.info{background:#f2f8fc;border-color:#d7e8f5;color:#557d98}.notice strong{font-weight:750}.chart{width:100%;height:auto;max-height:250px}.chart-empty{height:210px;display:grid;place-items:center;color:#9baabd;font-size:12px;text-align:center;padding:24px}.legend{display:flex;gap:14px;align-items:center;flex-wrap:wrap;font-size:10px;color:#70829a;margin:12px 0}.legend i{width:8px;height:8px;border-radius:2px;display:inline-block;margin-right:4px}.donut-wrap{display:flex;gap:24px;align-items:center;justify-content:center;padding:20px 0 9px}.donut{width:180px;height:180px;flex:none;border-radius:50%;display:grid;place-items:center;position:relative}.donut::before{content:'';position:absolute;inset:26px;background:white;border-radius:50%}.donut-center{position:relative;text-align:center}.donut-center strong{font-size:23px;letter-spacing:-1px}.donut-center small{display:block;color:#9baabd;font-size:10px}.donut-legend{display:grid;gap:11px;font-size:11px;min-width:115px}.donut-legend div{display:flex;align-items:center;gap:8px}.donut-legend .num{margin-left:auto;font-weight:800}.two-third{display:grid;grid-template-columns:1.25fr .75fr;gap:16px}.article-item{padding:17px 0;border-top:1px solid #edf1f4;display:grid;gap:7px}.article-item:first-child{border-top:0;padding-top:4px}.article-top{display:flex;gap:8px;align-items:center;justify-content:space-between}.article-title{font-size:13px;font-weight:800;line-height:1.5;color:#263b53}.article-title:hover{color:var(--tealDark)}.meta{color:#91a0b1;font-size:11px}.tags{display:flex;flex-wrap:wrap;gap:5px}.tag{padding:3px 7px;font-size:10px;background:#f1f6fa;border:0;color:#617d97}.tag.teal{background:#e9f7f4;color:#0e857b}.tag.gray{background:#f1f2f4;color:#8c9aa8}.article-summary{color:#697e94;font-size:12px;line-height:1.65;margin:0}.alert-row{padding:15px 0;border-top:1px solid #edf1f5;display:flex;justify-content:space-between;gap:10px;align-items:center}.alert-row:first-of-type{border-top:0}.alert-row strong{font-size:12px}.alert-row p{font-size:11px;color:#91a1b2;margin:2px 0 0}.toggle{accent-color:var(--teal);width:17px;height:17px}.field{display:grid;gap:6px;margin-bottom:14px}.field label{font-size:12px;font-weight:750}.muted{color:#90a1b1}.small{font-size:11px}.hint{font-size:12px;color:#8291a5;line-height:1.7}.form-feedback{margin-top:10px;padding:10px 12px;border-radius:7px;background:#edf9f6;color:#0e806f;font-size:12px}.form-feedback.error{background:#fff2f1;color:#a45b51}.article-grid{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:17px}.sticky-filter{position:sticky;top:20px;align-self:start}.journal-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.journal-card{padding:18px;display:grid;gap:10px}.journal-card strong{font-size:14px}.journal-card p{color:#8d9caf;font-size:11px;margin:0}.health-line{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:7px}.dot{height:8px;width:8px;display:inline-block;border-radius:100%;background:#c2ccd6;margin-right:5px}.dot.ok{background:#22aa8a}.dot.warn{background:#eca246}.dot.error{background:#e27878}.progress-wrap{height:7px;background:#eff3f6;border-radius:10px;overflow:hidden}.progress-fill{height:100%;background:#18a29a;border-radius:10px}.barrow{display:grid;grid-template-columns:130px 1fr 28px;gap:10px;align-items:center;margin:12px 0;font-size:11px;color:#62778d}.barrow .progress-fill:nth-child(1){background:#18a29a}.bars{min-height:175px}.empty{padding:35px 12px;text-align:center;color:#92a2b5}.empty span{display:block;font-size:24px;margin-bottom:8px}.full-width{grid-column:1 / -1}.locked-block{background:#f2f4f7;border:1px dashed #cbd5df;border-radius:13px;min-height:260px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;padding:30px;color:#8c9eaf;text-align:center}.locked-block strong{font-size:20px;color:#7d90a6}.locked-block p{max-width:450px;font-size:12px}.table-wrap{width:100%;overflow:auto}table{width:100%;border-collapse:collapse;font-size:12px}th,td{text-align:left;border-bottom:1px solid #e9eff4;padding:12px 10px;vertical-align:top}th{color:#8e9cad;font-weight:650;font-size:11px}td{color:#40556b}.cta-card{background:linear-gradient(115deg,#143b53,#1b837d);border:0;color:#fff}.cta-card h2,.cta-card .panel-sub{color:#fff}.cta-card .panel-sub{opacity:.8}.cta-card .btn{background:#fff;border:0;color:#126f71}.footer{color:#9fa9b7;margin-top:25px;font-size:10px;display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap}.mobile-menu{display:none}.skeleton{background:linear-gradient(100deg,#eef3f6 20%,#e5ecf2 40%,#eef3f6 60%);background-size:200% 100%;animation:shine 1.5s infinite;border-radius:6px;height:12px;margin:12px 0}@keyframes shine{to{background-position-x:-200%}}@media(max-width:1160px){.sidebar{width:212px;min-width:212px}.topbar{padding:0 26px}.content{padding:24px 26px}.kpis{gap:10px}.kpi{padding:17px}.cols{grid-template-columns:1fr}.donut-wrap{justify-content:flex-start}.article-grid{grid-template-columns:1fr 270px}}@media(max-width:760px){.layout{display:block}.sidebar{height:auto;width:100%;position:static;min-width:0}.brand{padding:16px 18px}.brand small{letter-spacing:1px}.nav-title,.sidebar-footer{display:none}.nav-links{display:flex;overflow:auto;padding:5px 12px 13px;gap:6px;scrollbar-width:none}.nav-item{white-space:nowrap;width:auto;font-size:11px;padding:9px}.nav-item .mini{display:none}.nav-icon{font-size:14px}.topbar{height:57px;padding:0 17px}.topright{gap:6px}.datepill{display:none}.breadcrumb{font-size:11px}.content{padding:22px 14px 60px}.heading-row{display:block}.heading h1{font-size:23px}.heading-actions{margin-top:17px}.switches{gap:10px}.segmented{width:100%;justify-content:space-between}.segmented button{flex:1;padding:10px 7px}.kpis{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.kpi{min-height:105px;padding:14px}.kpi-value{font-size:25px}.cols,.cols.equal,.two-third,.article-grid{grid-template-columns:1fr}.panel{padding:17px}.journal-list{grid-template-columns:1fr}.sticky-filter{position:static}.donut-wrap{gap:10px;justify-content:center}.donut{width:154px;height:154px}.donut::before{inset:24px}.donut-legend{font-size:10px}.filters{width:100%}.filters>*{flex:1;min-width:110px}.top-avatar{display:none}}