:root{--bg:#f3f7fb;--card:#fff;--text:#17233a;--muted:#64748b;--line:#dfe7f0;--primary:#0d766e;--nav:#073a3a;--blue:#2563eb;--violet:#7c3aed;--amber:#d97706;--green:#15803d;--danger:#dc2626;--shadow:0 12px 34px rgba(24,45,78,.08)}
*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font:14px "Segoe UI",Arial,sans-serif}a{color:inherit;text-decoration:none}.app{min-height:100vh;display:flex}.sidebar{width:292px;position:fixed;inset:0 auto 0 0;overflow:auto;padding:20px 14px;background:linear-gradient(180deg,#062f32,#0b5e60 68%,#123b59);color:#efffff}.brand{display:flex;align-items:center;gap:11px;margin:2px 8px 27px}.logo{width:43px;height:43px;display:grid;place-items:center;background:#d9f6ed;color:#0b5e60;border-radius:13px;font-weight:900;font-size:22px}.brand h1{margin:0;font-size:16px;letter-spacing:.3px}.brand p{margin:4px 0;color:#c4e6e2;font-size:11px}.nav-label{margin:18px 12px 7px;color:#a8d3d0;font-size:10px;font-weight:800;letter-spacing:1px}.nav a{display:flex;align-items:center;gap:11px;margin:2px 0;padding:9px 11px;border-radius:10px;color:#eafcf9;font-weight:600}.nav a:hover,.nav a.active{background:rgba(255,255,255,.14)}.icon{width:16px;text-align:center;font-size:16px}.userbox{margin:24px 4px 2px;padding:13px;background:rgba(255,255,255,.11);border:1px solid rgba(255,255,255,.12);border-radius:13px}.userbox b,.userbox span{display:block}.userbox span{color:#c4e6e2;font-size:11px;margin-top:3px}.main{margin-left:292px;width:calc(100% - 292px);padding:27px 32px 40px}.topbar{display:flex;justify-content:space-between;gap:16px;align-items:flex-start;margin-bottom:19px}.topbar h2{margin:2px 0 5px;font-size:25px;letter-spacing:-.35px}.eyebrow{font-size:11px;color:var(--primary);font-weight:800;letter-spacing:1.1px}.hint,.muted{color:var(--muted)}.top-actions{display:flex;gap:9px;align-items:center}.period-banner,.warning-strip{display:flex;justify-content:space-between;align-items:center;gap:14px;border-radius:14px;padding:12px 15px;margin:14px 0;background:#e9f7f4;border:1px solid #b8e5dc;color:#145a55}.period-banner span{margin-left:9px;color:#39706c;font-size:13px}.period-dot{margin:0!important;width:9px;height:9px;border-radius:50%;background:#16a34a;display:inline-block;box-shadow:0 0 0 4px #c9f4dc}.warning-strip{background:#fff8e8;border-color:#f8df9f;color:#7d5310}.warning-strip span{margin-left:16px;font-size:12px}.warning-strip a{font-weight:800;white-space:nowrap}.cards{display:grid;gap:15px;margin:16px 0}.cards-5{grid-template-columns:repeat(5,minmax(0,1fr))}.card,.panel{background:var(--card);border:1px solid var(--line);border-radius:16px;box-shadow:var(--shadow)}.card{padding:16px}.metric-card{position:relative;overflow:hidden;border-top:4px solid var(--primary)}.metric-card.blue{border-color:var(--blue)}.metric-card.violet{border-color:var(--violet)}.metric-card.amber{border-color:var(--amber)}.metric-card.green{border-color:var(--green)}.card h3{margin:0 0 9px;font-size:13px;color:var(--muted)}.metric{font-size:29px;font-weight:850;line-height:1}.card p{margin:8px 0 0;color:var(--muted);font-size:12px}.grid2{display:grid;grid-template-columns:1fr 1fr;gap:16px}.grid3{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.panel{padding:18px;margin-bottom:16px}.panel h3{margin:0;font-size:16px}.panel-heading,.panel-mini-heading{display:flex;justify-content:space-between;gap:8px;align-items:flex-start;margin-bottom:18px}.panel-heading>div{display:flex;gap:9px;align-items:center}.panel-heading .muted{font-size:11px}.panel-mini-heading a{color:var(--primary);font-weight:750;font-size:12px}.chart-index{display:grid;place-items:center;width:27px;height:27px;background:#e6f4f1;color:#0c7067;border-radius:8px;font-weight:900;font-size:11px}.chart-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.chart-grid .panel{margin:0}.chart-panel.wide{grid-column:span 2}.h-bars{display:grid;gap:12px}.h-bar-row{display:grid;grid-template-columns:135px 1fr 42px;gap:10px;align-items:center}.h-bar-name{font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.h-bar-track{height:10px;border-radius:20px;background:#e9eff5;overflow:hidden}.h-bar-track span{display:block;height:100%;border-radius:20px;background:linear-gradient(90deg,#0b8278,#47b9a2)}.h-bar-row b{font-size:12px;color:#1e645e}.axis-chart,.classification-chart{height:190px;display:flex;align-items:flex-end;justify-content:space-around;gap:10px;border-bottom:1px solid var(--line);padding:0 8px 0}.axis-col,.classification-col{display:flex;flex-direction:column;align-items:center;height:100%;justify-content:flex-end;gap:5px;min-width:45px;text-align:center}.axis-track,.class-track{height:125px;width:24px;background:#edf2f7;border-radius:7px 7px 0 0;display:flex;align-items:flex-end;overflow:hidden}.axis-track span{display:block;width:100%;border-radius:7px 7px 0 0;background:linear-gradient(180deg,#4267d5,#0f766e)}.class-track{height:112px;width:28px}.class-track span{display:block;width:100%;border-radius:7px 7px 0 0;background:linear-gradient(180deg,#9c6ade,#5843aa)}.axis-value{font-size:12px;font-weight:800;color:#1d4a79}.axis-col b,.classification-col b{font-size:11px}.axis-col small,.classification-col small{font-size:9px;color:var(--muted);max-width:68px;line-height:1.1}.status-chart{display:flex;align-items:center;gap:28px;justify-content:center;min-height:195px}.status-orbit{width:140px;height:140px;border-radius:50%;background:conic-gradient(#0f766e 0 22%,#2563eb 22% 42%,#7c3aed 42% 56%,#d97706 56% 73%,#16a34a 73% 89%,#d8e1ec 89% 100%);display:grid;place-items:center}.status-orbit>div{width:92px;height:92px;border-radius:50%;background:#fff;display:grid;place-content:center;text-align:center}.status-orbit b{font-size:24px}.status-orbit small{color:var(--muted)}.legend-list{display:grid;gap:8px;min-width:190px}.legend-list>div{display:grid;grid-template-columns:11px 1fr 20px;gap:7px;align-items:center;font-size:12px}.legend-dot{width:9px;height:9px;border-radius:50%;background:#0f766e}.dot-2{background:#2563eb}.dot-3{background:#7c3aed}.dot-4{background:#d97706}.dot-5{background:#16a34a}.dot-6{background:#d8e1ec}.compare-chart{display:grid;gap:11px}.compare-row{display:grid;grid-template-columns:190px 1fr 45px;gap:12px;align-items:center;font-size:12px}.compare-bars{display:flex;gap:4px;align-items:center;min-height:16px}.late-bar{height:11px;background:#f07171;border-radius:3px}.missing-bar{height:11px;background:#f6bc52;border-radius:3px}.late-key,.missing-key{display:inline-block;width:9px;height:9px;border-radius:2px;background:#f07171;margin:0 4px 0 10px}.missing-key{background:#f6bc52}.legend-inline{font-size:11px;color:var(--muted)}.dashboard-lists{margin-top:16px}.notice-item,.record-row{display:block;padding:10px 0;border-bottom:1px solid var(--line);font-size:13px}.notice-item:last-child,.record-row:last-child{border:0}.warn-notice{color:#9a5c09}.ok-notice{color:#167844}.record-row b,.record-row span{display:block}.record-row span{margin-top:3px;color:var(--muted);font-size:12px}.record-row:hover b{color:var(--primary)}.empty-inline{padding:18px 0;color:var(--muted);font-size:13px}
.toolbar{display:flex;gap:10px;flex-wrap:wrap;align-items:end;margin-bottom:14px}.form-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.form-grid.two{grid-template-columns:repeat(2,1fr)}.form-grid.three{grid-template-columns:repeat(3,1fr)}label{display:block;margin-bottom:6px;color:#3c4c63;font-size:12px;font-weight:750}input,select,textarea{width:100%;border:1px solid #cad5e2;border-radius:10px;padding:9px 10px;background:#fff;color:var(--text);font:inherit}textarea{min-height:90px;resize:vertical}input:focus,select:focus,textarea:focus{outline:2px solid #9edbd3;border-color:#4ea99e}.btn{display:inline-flex;justify-content:center;align-items:center;gap:6px;border:0;border-radius:10px;padding:9px 13px;background:#e8eef5;color:#24354b;font-weight:750;cursor:pointer}.btn:hover{filter:brightness(.97)}.btn.primary{background:var(--primary);color:#fff}.btn.blue{background:var(--blue);color:#fff}.btn.ok{background:var(--green);color:#fff}.btn.warn{background:var(--amber);color:#fff}.btn.danger{background:var(--danger);color:#fff}.btn.small{padding:6px 9px;font-size:12px}.btn.ghost{background:rgba(255,255,255,.14);color:#fff;margin-top:12px}.table-wrap{overflow:auto;border:1px solid var(--line);border-radius:11px}table{width:100%;border-collapse:collapse}th,td{padding:10px 11px;vertical-align:top;border-bottom:1px solid var(--line)}th{background:#f5f8fb;color:#526177;text-align:left;font-size:11px;text-transform:uppercase;letter-spacing:.25px}tr:hover td{background:#fbfdff}.chip{display:inline-flex;align-items:center;border-radius:99px;padding:4px 8px;background:#e9eff5;color:#475569;font-size:11px;font-weight:800}.chip.ok{background:#dbf6e5;color:#167844}.chip.warn{background:#fff0c9;color:#9b6206}.chip.danger{background:#ffe0e0;color:#a61f1f}.chip.blue{background:#e0eaff;color:#2455b9}.chip.teal{background:#d6f5ee;color:#0b6d64}.score{font-size:34px;font-weight:900}.score.good{color:var(--green)}.score.mid{color:var(--amber)}.score.bad{color:var(--danger)}.alert{padding:12px 14px;margin:11px 0;border:1px solid;border-radius:11px}.alert.info{color:#23519d;background:#edf5ff;border-color:#bdd9ff}.alert.warn{color:#8d5a08;background:#fff8e8;border-color:#f5dc96}.alert.danger{color:#9e2222;background:#fff0f0;border-color:#ffc9c9}.split{display:flex;justify-content:space-between;gap:12px;align-items:center}.nowrap{white-space:nowrap}.section-title{margin:18px 0 10px;color:var(--primary);font-size:15px;font-weight:900;text-transform:uppercase}.axis-card{border-left:5px solid var(--primary)}.login-page{min-height:100vh;display:grid;place-items:center;background:radial-gradient(circle at top left,#d8f1ec,#ebf2ff 45%,#f7fafc)}.login-card{width:430px;padding:32px;background:#fff;border:1px solid var(--line);border-radius:20px;box-shadow:var(--shadow)}.login-card h1{margin:0 0 8px}.footer-note{color:var(--muted);font-size:12px;line-height:1.45;margin-top:14px}.workflow-steps{display:grid;grid-template-columns:repeat(7,minmax(140px,1fr));gap:11px;overflow:auto;padding-bottom:6px}.workflow-step{position:relative;min-width:150px;padding:16px;background:#fff;border:1px solid var(--line);border-top:4px solid var(--primary);border-radius:14px;box-shadow:var(--shadow)}.workflow-step:not(:last-child)::after{content:'→';position:absolute;right:-18px;top:42%;z-index:1;color:#109084;font-size:21px;font-weight:900}.step-no{display:block;color:var(--primary);font-size:11px;font-weight:900}.workflow-step h3{font-size:15px;margin:6px 0}.workflow-step p{font-size:12px;line-height:1.4;color:var(--muted)}.guide-toc{display:flex;flex-wrap:wrap;gap:8px}.guide-toc a{padding:7px 10px;background:#ecf5f3;color:#0d766e;border-radius:8px;font-size:12px;font-weight:700}.guide-section{scroll-margin-top:15px}.guide-section h3{color:#0d766e}.guide-section h4{margin-bottom:5px}.guide-section ol,.guide-section ul{line-height:1.65;padding-left:20px}.subtle-card{padding:12px;background:#f5f9fc;border:1px solid var(--line);border-radius:10px}.settings-layout{display:grid;grid-template-columns:1.4fr .9fr;gap:16px}.login-card .btn{width:100%;margin-top:12px}
@media(max-width:1300px){.cards-5{grid-template-columns:repeat(3,1fr)}}@media(max-width:1060px){.sidebar{position:static;width:100%;max-height:none}.app{display:block}.main{margin-left:0;width:100%;padding:20px}.cards-5{grid-template-columns:repeat(2,1fr)}.chart-grid,.grid2,.grid3,.settings-layout{grid-template-columns:1fr}.chart-grid .wide{grid-column:auto}.form-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:640px){.main{padding:15px}.topbar{display:block}.top-actions{margin-top:12px}.cards-5,.form-grid,.form-grid.two,.form-grid.three{grid-template-columns:1fr}.period-banner,.warning-strip{align-items:flex-start;flex-direction:column}.h-bar-row{grid-template-columns:100px 1fr 36px}.status-chart{gap:12px}.status-orbit{width:115px;height:115px}.status-orbit>div{width:75px;height:75px}.legend-list{min-width:160px}.compare-row{grid-template-columns:110px 1fr 38px}}
.permission-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;padding:11px;border:1px solid var(--line);border-radius:10px;background:#f8fafc}.permission-option{display:flex;align-items:flex-start;gap:6px;margin:0;font-size:11px;font-weight:600;color:#334155}.permission-option input{width:auto;margin-top:1px}.user-record{border:1px solid var(--line);border-radius:12px;margin-bottom:10px;background:#fff}.user-record summary{display:flex;justify-content:space-between;gap:12px;padding:13px 14px;cursor:pointer;list-style:none}.user-record summary::-webkit-details-marker{display:none}.user-record summary b,.user-record summary span{display:block}.user-record summary span{margin-top:3px;font-size:12px;color:var(--muted)}.user-record-body{padding:14px;border-top:1px solid var(--line);background:#fbfdff}.reset-form{display:grid;grid-template-columns:minmax(180px,320px) auto;gap:9px;align-items:end;margin-top:12px;padding-top:12px;border-top:1px dashed var(--line)}

.wizard-flow{display:grid;grid-template-columns:repeat(6,minmax(130px,1fr));gap:9px;overflow:auto;margin:0 0 16px}.wizard-flow>div{min-width:145px;padding:11px;border-radius:12px;background:#edf7f5;border:1px solid #c9e6df}.wizard-flow b,.wizard-flow span{display:block}.wizard-flow b{font-size:12px;color:#0b625a}.wizard-flow span{margin-top:4px;color:#526177;font-size:11px;line-height:1.35}.validation-panel{border-left:5px solid var(--green)}.validation-panel.warning{border-left-color:var(--amber)}.validation-panel.serious_warning,.validation-panel.blocked{border-left-color:var(--danger)}.validation-summary{display:flex;align-items:center;gap:10px;margin:0 0 12px}.validation-metrics{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:9px;margin:0 0 14px}.validation-metrics>div{padding:10px;border:1px solid var(--line);border-radius:10px;background:#f8fbfd}.validation-metrics b,.validation-metrics span{display:block}.validation-metrics b{font-size:20px;color:#173f65}.validation-metrics span{margin-top:3px;font-size:11px;color:var(--muted)}.note-box{margin:11px 0;padding:10px 12px;border-radius:10px;background:#f2f8fb;border-left:4px solid var(--blue);color:#334e68;line-height:1.5}.required-mark{color:var(--danger);font-weight:800}.checklist{margin:14px 0 0;padding:11px;border:1px solid var(--line);border-radius:10px;background:#f8fbfd}.checklist legend{padding:0 5px;color:#3c4c63;font-size:12px;font-weight:800}.check-item{display:block;margin:7px 0;font-weight:600}.check-item input{width:auto;margin-right:5px}.quick-score{display:flex;flex-wrap:wrap;gap:4px;margin-top:6px}.quick-score button{border:1px solid #bcd5df;border-radius:7px;background:#f3fbfa;color:#09675e;padding:4px 6px;font-size:10px;font-weight:800;cursor:pointer}.quick-score button:hover{background:#d9f2ee}@media(max-width:1060px){.wizard-flow{grid-template-columns:repeat(3,minmax(130px,1fr))}.validation-metrics{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:640px){.wizard-flow,.validation-metrics{grid-template-columns:1fr 1fr}}