:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#18212f;background:#f3f5f7;line-height:1.45;font-synthesis:none}*{box-sizing:border-box}body{margin:0;min-width:320px}button,input,select{font:inherit}button{cursor:pointer}a{color:inherit;text-decoration:none}.app-shell{display:flex;min-height:100vh}.sidebar{width:250px;background:#102027;color:#dbe5e7;display:flex;flex-direction:column;flex-shrink:0}.side-brand{height:80px;padding:18px 20px;display:flex;gap:11px;align-items:center;border-bottom:1px solid rgba(255,255,255,.08)}.side-brand strong,.side-brand span{display:block}.side-brand strong{font-size:14px;color:#fff}.side-brand span{font-size:12px;color:#83b4b0}.brand-mark{width:42px;height:42px;background:#e07a35;color:#fff;font-weight:800;display:grid;place-items:center;letter-spacing:-.03em;border-radius:7px}.brand-mark.small{width:34px;height:34px;font-size:12px}.sidebar nav{padding:18px 12px;display:flex;flex-direction:column;gap:4px}.sidebar nav a{display:flex;align-items:center;gap:11px;color:#a7b8bb;font-size:13px;padding:10px 12px;border-radius:5px}.sidebar nav a:hover,.sidebar nav a.active{background:#19343b;color:#fff}.sidebar nav a.active{box-shadow:inset 3px 0 #e07a35}.nav-group{border-top:1px solid rgba(255,255,255,.08);margin-top:18px;padding-top:18px}.nav-group small{display:block;color:#668186;font-size:10px;letter-spacing:.11em;margin:0 12px 8px}.side-footer{margin-top:auto;padding:16px 14px;border-top:1px solid rgba(255,255,255,.08)}.user-chip{display:flex;align-items:center;gap:9px;padding:8px 5px}.avatar{width:30px;height:30px;background:#2d565b;color:#e9f5f3;border-radius:50%;display:grid;place-items:center;font-size:12px;font-weight:700}.user-chip strong,.user-chip span{display:block}.user-chip strong{font-size:12px;color:#fff}.user-chip span{font-size:10px;color:#87a0a4}.logout{background:none;border:0;color:#a7b8bb;padding:9px 5px;display:flex;gap:9px;align-items:center;font-size:12px;width:100%}.logout:hover{color:#fff}.main-area{flex:1;min-width:0}.topbar{height:64px;background:#fff;border-bottom:1px solid #dbe1e5;display:flex;align-items:center;padding:0 30px;gap:18px}.global-search{display:flex;align-items:center;gap:8px;color:#8b98a2;width:min(480px,60%);border:1px solid #dbe1e5;border-radius:5px;padding:8px 11px}.global-search input{border:0;outline:0;width:100%;font-size:13px;color:#18212f}.topbar-user{margin-left:auto;font-size:12px;color:#62717b;display:flex;align-items:center;gap:8px}.status-dot{width:7px;height:7px;border-radius:50%;background:#24a36b}.menu-button,.mobile-close{display:none}.filter-bar{min-height:56px;background:#fff;border-bottom:1px solid #e1e6e9;padding:10px 30px;display:flex;align-items:center;gap:8px;flex-wrap:wrap}.filter-bar input,.filter-bar select{height:34px;border:1px solid #dbe1e5;border-radius:4px;background:#fff;color:#44515d;padding:0 9px;font-size:12px}.filter-bar input{width:142px}.filter-bar .filter-text{width:130px}.filter-bar .year-input{width:70px}.filter-bar select{min-width:130px;max-width:165px}.filter-label{display:flex;align-items:center;gap:6px;color:#53636c;font-size:12px;font-weight:600;margin-right:5px}.filter-label b{background:#e07a35;color:#fff;min-width:18px;height:18px;border-radius:50%;display:grid;place-items:center;font-size:10px}.dash{color:#a1aab0}.text-button{border:0;background:none;color:#0f766e;font-weight:600;font-size:12px;padding:6px}.text-button:hover{text-decoration:underline}.content{padding:30px;max-width:1600px;margin:0 auto}.page-title{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin-bottom:26px}.page-title h1{font-size:29px;letter-spacing:0;margin:2px 0 4px;color:#17232d}.eyebrow{font-size:10px;letter-spacing:.14em;color:#0f766e;font-weight:800;margin:0}.muted{color:#71808a;font-size:13px;margin:0}.primary,.secondary{height:36px;border-radius:4px;border:1px solid transparent;padding:0 13px;display:inline-flex;align-items:center;gap:8px;font-size:12px;font-weight:700}.primary{background:#0f766e;color:#fff}.primary:hover{background:#0b625c}.primary:disabled,.secondary:disabled{opacity:.45;cursor:not-allowed}.secondary{background:#fff;color:#39515b;border-color:#d5dee2}.secondary:hover{border-color:#0f766e;color:#0f766e}.full{width:100%;justify-content:center;margin-top:7px;height:42px}.icon-button{background:#fff;border:1px solid #dbe1e5;color:#65737d;border-radius:4px;width:34px;height:34px;display:grid;place-items:center}.icon-button:hover{border-color:#0f766e;color:#0f766e}.icon-button:disabled{opacity:.4;cursor:not-allowed}.kpi-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:18px}.kpi-grid.three{grid-template-columns:repeat(3,1fr)}.kpi{background:#fff;border:1px solid #e0e6e9;border-top:3px solid #0f766e;border-radius:5px;padding:15px 17px;min-width:0}.kpi.orange{border-top-color:#e07a35}.kpi.blue{border-top-color:#2457a6}.kpi.rose{border-top-color:#b83b5e}.kpi-label{color:#687780;font-size:11px;display:flex;justify-content:space-between;gap:8px}.help{border:1px solid #aeb9bd;color:#829096;border-radius:50%;width:14px;height:14px;display:inline-grid;place-items:center;font-size:9px}.kpi strong{display:block;font-size:23px;margin-top:9px;color:#172832;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.kpi small{display:block;color:#8a969c;font-size:10px;margin-top:3px}.chart-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.panel{background:#fff;border:1px solid #e0e6e9;border-radius:5px}.chart-panel{padding:18px 18px 12px;min-width:0}.chart-panel.wide{grid-column:span 2}.panel-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px}.panel-heading h2,.chart-panel h2,.upload-panel h2,.form-panel h2{font-size:14px;color:#263840;margin:0}.chart-panel .recharts-text{font-size:10px;fill:#71808a}.empty-hero{background:#fff;border:1px dashed #afc3c2;border-radius:6px;padding:68px 20px;text-align:center;color:#0f766e}.empty-hero h2{font-size:20px;color:#263840;margin:16px 0 5px}.empty-hero p{font-size:13px;color:#71808a}.table-panel{overflow:auto}.table-toolbar{padding:17px 18px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #e8edef}.table-toolbar strong{display:block;font-size:14px;color:#263840;margin-top:3px}.server-tag{font-size:11px;color:#75838a;display:flex;align-items:center;gap:5px}.table-panel table{width:100%;border-collapse:collapse;font-size:12px;min-width:850px}.table-panel th{background:#f8fafb;color:#71808a;font-size:10px;letter-spacing:.05em;text-transform:uppercase;text-align:left;padding:11px 16px;border-bottom:1px solid #e5eaed;white-space:nowrap}.table-panel td{padding:13px 16px;border-bottom:1px solid #edf0f1;color:#53616b;white-space:nowrap}.table-panel tr:hover td{background:#fbfcfc}.table-link{color:#0f766e;font-weight:700}.table-link:hover{text-decoration:underline}.badge{display:inline-flex;align-items:center;border-radius:12px;padding:3px 8px;font-size:10px;font-weight:700}.badge.neutral{background:#eef1f2;color:#66747b}.badge.info{background:#e8f0fb;color:#2457a6}.badge.warning{background:#fff1df;color:#a55b1f}.badge.success{background:#e5f6ef;color:#18744e}.badge.danger{background:#fdebec;color:#a82d42}.negative{color:#b83b5e!important;font-weight:700}.pagination{padding:12px 16px;display:flex;justify-content:space-between;align-items:center;color:#76848a;font-size:11px}.pagination div{display:flex;gap:6px}.detail-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:18px}.timeline-panel{padding:19px}.timeline{position:relative;padding:9px 0 0 20px}.timeline:before{content:"";position:absolute;left:31px;top:19px;bottom:17px;width:1px;background:#cddbdc}.timeline-item{position:relative;display:flex;gap:18px;padding:0 0 19px}.timeline-marker{width:24px;height:24px;border-radius:50%;background:#0f766e;color:#fff;display:grid;place-items:center;font-size:10px;font-weight:800;z-index:1;flex-shrink:0}.timeline-content{border:1px solid #e2e8e9;border-radius:4px;padding:13px 15px;flex:1;min-width:0}.phase-head{display:flex;justify-content:space-between;gap:20px}.phase-head strong,.phase-head span{display:block}.phase-head strong{font-size:13px;color:#263840}.phase-head span{font-size:11px;color:#7d8b91;margin-top:4px}.phase-date{white-space:nowrap}.phase-metrics{display:flex;gap:17px;flex-wrap:wrap;margin-top:12px;border-top:1px solid #edf0f1;padding-top:10px;color:#75828a;font-size:11px}.phase-metrics b{color:#263840}.segmented{display:flex;border:1px solid #dbe1e5;border-radius:4px;overflow:hidden}.segmented button{border:0;border-right:1px solid #dbe1e5;background:#fff;color:#6d7b81;padding:8px 12px;font-size:11px}.segmented button.active{background:#0f766e;color:#fff}.notice{display:flex;align-items:flex-start;gap:10px;background:#eef7f5;border:1px solid #cde7e2;color:#356d69;border-radius:5px;padding:12px 14px;font-size:12px;margin-top:16px}.admin-grid{display:grid;grid-template-columns:minmax(260px,340px) minmax(0,1fr);gap:16px;margin-bottom:18px}.upload-panel,.form-panel,.preview-panel{padding:22px}.upload-icon{color:#0f766e;background:#e8f5f2;width:54px;height:54px;display:grid;place-items:center;border-radius:6px;margin-bottom:18px}.status-list{display:grid;gap:9px;margin-top:18px}.status-list div{display:flex;justify-content:space-between;gap:12px;border-bottom:1px solid #edf0f1;padding-bottom:8px;font-size:11px}.status-list span{color:#7d898d}.status-list strong{color:#263840;text-align:right;overflow-wrap:anywhere}.file-picker{display:block;border:1px dashed #a8bebc;border-radius:5px;padding:14px;margin:20px 0 12px;color:#0f766e;font-weight:600;font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.file-picker input{display:none}.success-box,.error-box,.warning-box{padding:10px 12px;border-radius:4px;font-size:12px;margin-top:12px}.success-box{background:#e8f6ef;color:#1b704e}.error-box{background:#fdebec;color:#a82d42}.warning-box{background:#fff3e3;color:#9b641f}.preview-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin:17px 0}.preview-stats div{background:#f6f8f8;border-radius:4px;padding:12px}.preview-stats small,.preview-stats strong{display:block}.preview-stats small{font-size:10px;color:#7d898d}.preview-stats strong{font-size:16px;color:#263840;margin-top:5px}.confirm-row{display:flex;justify-content:flex-end;gap:9px;margin-top:22px}.form-panel label{display:block;font-size:11px;color:#66747b;margin:12px 0}.form-panel input,.form-panel select{display:block;width:100%;height:37px;margin-top:5px;border:1px solid #dbe1e5;border-radius:4px;padding:0 9px;font-size:12px}.login-page{min-height:100vh;background:#102027;display:grid;place-items:center;padding:20px}.login-panel{width:min(420px,100%);background:#fff;padding:42px;border-radius:7px;box-shadow:0 18px 60px #0003}.login-panel .brand-mark{margin-bottom:22px}.login-panel h1{font-size:31px;line-height:1.08;margin:5px 0 10px;color:#172832}.login-panel h1 span{color:#0f766e}.login-panel form{margin-top:28px}.login-panel label{display:block;color:#5e6d75;font-size:12px;margin:14px 0}.login-panel input{display:block;width:100%;height:42px;margin-top:6px;border:1px solid #dbe1e5;border-radius:4px;padding:0 11px;outline:none}.screen-state,.panel-state{display:grid;place-items:center;min-height:180px;color:#71808a;font-size:13px}.panel-state{background:#fff;border:1px solid #e0e6e9;border-radius:5px}.panel-state.error{color:#a82d42}@media(max-width:1050px){.sidebar{width:218px}.content{padding:24px}.topbar,.filter-bar{padding-left:24px;padding-right:24px}.kpi-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:760px){.sidebar{display:none;position:fixed;inset:0 auto 0 0;width:260px;z-index:5;box-shadow:10px 0 30px #0000002e}.sidebar.open{display:flex}.mobile-close,.menu-button{display:grid}.topbar{padding:0 16px}.topbar-user{display:none}.global-search{width:100%}.filter-bar{padding:10px 16px}.filter-label{width:100%}.filter-bar input{flex:1;min-width:110px}.content{padding:18px 14px}.page-title{align-items:flex-start;flex-direction:column;margin-bottom:18px}.page-title h1{font-size:25px}.kpi-grid,.kpi-grid.three,.detail-grid{grid-template-columns:repeat(2,1fr)}.kpi{padding:12px}.kpi strong{font-size:19px}.chart-grid{grid-template-columns:1fr}.chart-panel.wide{grid-column:span 1}.admin-grid{grid-template-columns:1fr}.preview-stats{grid-template-columns:repeat(2,1fr)}.phase-head{display:block}.phase-date{margin-top:7px}.timeline{padding-left:0}.timeline:before{left:11px}.timeline-item{gap:12px}.login-panel{padding:30px 24px}}