:root{--navy:#082c5b;--blue:#0b4da2;--blue2:#1768c5;--gold:#f4b400;--bg:#f3f6fa;--text:#1e2f42;--muted:#687b90;--border:#dbe4ed;--green:#1c8f5b;--red:#c33d3d}
*{box-sizing:border-box}body{margin:0;font-family:Inter,Segoe UI,Arial,sans-serif;background:var(--bg);color:var(--text)}button,input,select,textarea{font:inherit}.hidden{display:none!important}
.auth-page{min-height:100vh;display:grid;place-items:center;padding:28px;background:linear-gradient(135deg,#eef5ff,#f9fbfe)}.auth-panel{width:min(1020px,100%);display:grid;grid-template-columns:1.05fr .95fr;background:#fff;border-radius:24px;overflow:hidden;box-shadow:0 26px 80px rgba(17,53,91,.16);border:1px solid #e2eaf2}.brand-block{padding:48px;background:linear-gradient(145deg,var(--navy),var(--blue2));color:#fff;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center}.login-logo{width:min(270px,78%);height:auto;filter:drop-shadow(0 10px 20px rgba(0,0,0,.16));margin-bottom:22px}.brand-block h1{margin:4px 0 0;font-size:34px}.brand-block h2{margin:3px 0 14px;font-size:22px;color:#ffcf33}.brand-block p{margin:0;opacity:.9}.kicker{font-size:11px;letter-spacing:.16em;font-weight:900;opacity:.78}.auth-card{padding:42px}.auth-tabs{display:flex;gap:8px;border-bottom:1px solid var(--border);margin-bottom:24px}.tab{background:none;border:0;padding:12px 4px;margin-right:18px;color:var(--muted);font-weight:800;cursor:pointer;border-bottom:3px solid transparent}.tab.active{color:var(--blue);border-color:var(--blue)}.auth-form h3{font-size:25px;margin:0 0 5px;color:#123b6c}.muted{color:var(--muted);font-size:13px}.auth-form label,.card label{display:flex;flex-direction:column;gap:7px;font-size:13px;font-weight:700;color:#344a61;margin-bottom:14px}input,select,textarea{width:100%;border:1px solid #cbd7e3;border-radius:10px;padding:11px 12px;background:#fff;color:#20364c;outline:none}input:focus,select:focus,textarea:focus{border-color:var(--blue2);box-shadow:0 0 0 3px rgba(23,104,197,.1)}.password-wrap{display:flex;border:1px solid #cbd7e3;border-radius:10px;overflow:hidden}.password-wrap input{border:0;border-radius:0}.text-btn{border:0;background:#eef4fa;color:#315a84;font-weight:800;padding:0 13px;cursor:pointer}.btn{border:0;border-radius:10px;padding:10px 15px;font-weight:800;cursor:pointer}.btn.primary{background:var(--blue);color:#fff}.btn.secondary{background:#eaf2fb;color:#174c82}.btn.green{background:var(--green);color:#fff}.btn.red{background:var(--red);color:#fff}.btn.gold{background:var(--gold);color:#193653}.btn.outline{background:transparent;border:1px solid rgba(255,255,255,.5);color:#fff}.btn.wide{width:100%;padding:12px}.error{color:#b52d2d;font-size:12px;min-height:18px}.grid{display:grid;gap:14px}.grid.two{grid-template-columns:repeat(2,minmax(0,1fr))}.grid.three{grid-template-columns:repeat(3,minmax(0,1fr))}
.topbar{height:70px;background:var(--navy);color:#fff;display:flex;align-items:center;justify-content:space-between;padding:0 22px;position:sticky;top:0;z-index:20}.top-brand{display:flex;align-items:center;gap:10px}.top-logo{width:43px;height:43px;object-fit:contain}.top-brand div,.account-box div{display:flex;flex-direction:column}.top-brand small,.account-box small{opacity:.78;font-size:11px}.account-box{display:flex;align-items:center;gap:13px;text-align:right}.shell{display:flex;min-height:calc(100vh - 70px)}.sidebar{width:240px;background:#fff;border-right:1px solid var(--border);padding:18px 12px}.sidebar button{width:100%;display:flex;align-items:center;gap:10px;border:0;background:none;border-radius:10px;padding:12px 13px;text-align:left;font-weight:800;color:#466079;cursor:pointer;margin-bottom:5px}.sidebar button.active,.sidebar button:hover{background:#eaf2fb;color:var(--blue)}.main{flex:1;min-width:0;padding:26px}.page{max-width:1240px;margin:0 auto}.page-title{display:flex;justify-content:space-between;gap:18px;align-items:center;background:#fff;border:1px solid var(--border);border-radius:16px;padding:22px 24px;margin-bottom:18px}.page-title h2{margin:4px 0 6px;color:#123b6c}.page-title p{margin:0;color:var(--muted)}.actions{display:flex;gap:8px;flex-wrap:wrap}.card{background:#fff;border:1px solid var(--border);border-radius:14px;padding:21px;margin-bottom:17px;box-shadow:0 5px 18px rgba(30,65,100,.04)}.card h3{margin:0 0 16px;color:#123b6c}.radio-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-bottom:15px}.radio-grid label{display:flex;flex-direction:row;align-items:flex-start;border:1px solid var(--border);border-radius:10px;padding:12px;margin:0;background:#fbfdff}.radio-grid input{width:auto;margin-top:3px}.radio-grid span{display:flex;flex-direction:column}.radio-grid small{font-weight:500;color:var(--muted);margin-top:3px}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse;min-width:780px}th,td{padding:10px;border:1px solid #dce4ed;font-size:12px;vertical-align:top}th{background:#eff5fb;text-align:left;color:#17436f}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:18px}.stat{background:#fff;border:1px solid var(--border);border-radius:14px;padding:18px}.stat span{display:block;font-size:12px;color:var(--muted);font-weight:700}.stat strong{font-size:30px;color:#123b6c}.badge{display:inline-block;padding:5px 8px;border-radius:999px;font-size:11px;font-weight:800}.badge.green{background:#e4f5eb;color:#21704a}.badge.gray{background:#edf1f5;color:#5b6c7d}.badge.red{background:#fde9e9;color:#9b3030}.toolbar{display:flex;justify-content:space-between;gap:12px;align-items:center;margin-bottom:14px}.toolbar input,.toolbar select{max-width:250px}.bar-row{display:grid;grid-template-columns:180px 1fr 42px;gap:10px;align-items:center;margin:10px 0}.bar{height:13px;background:#e8eef4;border-radius:999px;overflow:hidden}.bar>span{display:block;height:100%;background:var(--blue2)}.toast{position:fixed;right:20px;top:84px;z-index:100;background:#163c64;color:#fff;padding:12px 15px;border-radius:10px;box-shadow:0 8px 25px rgba(0,0,0,.18);font-size:13px}.modal{position:fixed;inset:0;display:grid;place-items:center;padding:20px;z-index:90}.modal-backdrop{position:absolute;inset:0;background:rgba(8,29,50,.55)}.modal-card{position:relative;width:min(720px,100%);max-height:90vh;overflow:auto;background:#fff;border-radius:16px;padding:22px}.modal-close{position:absolute;right:12px;top:10px;border:0;background:#eef3f8;border-radius:8px;width:34px;height:34px;font-size:20px;cursor:pointer}
@media(max-width:900px){.auth-panel{grid-template-columns:1fr}.brand-block{padding:28px}.login-logo{width:180px}.sidebar{width:76px}.sidebar button span{display:none}.sidebar button{justify-content:center}.grid.three,.grid.two,.radio-grid,.stats{grid-template-columns:1fr}.page-title{align-items:flex-start;flex-direction:column}.main{padding:16px}}@media(max-width:620px){.topbar{height:auto;padding:12px;align-items:flex-start;flex-direction:column}.account-box{width:100%;justify-content:space-between;text-align:left}.shell{display:block}.sidebar{width:100%;display:flex;overflow:auto;padding:8px;border-right:0;border-bottom:1px solid var(--border)}.sidebar button{width:auto;white-space:nowrap}.sidebar button span{display:inline}.auth-card{padding:24px}.auth-page{padding:10px}.brand-block h1{font-size:26px}.brand-block h2{font-size:18px}.toolbar{align-items:flex-start;flex-direction:column}.toolbar input,.toolbar select{max-width:none}}
@media print{body{background:#fff}.topbar,.sidebar,.page-title .actions,.toast,.modal{display:none!important}.main{padding:0}.shell{display:block}.page{max-width:none}.card{box-shadow:none;break-inside:avoid}.page-title{border:0;padding:0}.page-title p,.page-title .kicker{display:none}}
.radio-grid label{padding:14px 17px 14px 12px;min-height:190px}.radio-grid label:has(input:checked){border-color:var(--blue2);background:#eef6ff;box-shadow:0 0 0 2px rgba(23,104,197,.1)}.radio-grid span{gap:5px}.radio-grid b{color:var(--navy);font-size:15px}.radio-grid b em{font-style:normal;font-weight:700}.radio-grid small{line-height:1.35}.radio-grid small strong{color:#344a61}
.score-panel{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:18px 20px;margin-bottom:12px;border:1px solid #cfe0f2;border-radius:14px;background:linear-gradient(135deg,#eef6ff,#fff9e7)}.score-panel>div:first-child{display:flex;flex-direction:column;gap:3px}.score-label{font-size:10px;letter-spacing:.14em;font-weight:900;color:var(--blue)}.score-panel strong{font-size:34px;color:var(--navy)}.score-panel small{color:var(--muted)}.rating-pill{padding:10px 14px;border-radius:999px;font-weight:900;text-align:center}.rating-pill.neutral{background:#edf1f5;color:#5b6c7d}.rating-pill.high{background:#dff4e8;color:#176c45}.rating-pill.mid{background:#fff0c7;color:#795500}.rating-pill.low{background:#fde5e5;color:#9b3030}.rating-legend{display:grid;grid-template-columns:repeat(5,1fr);gap:7px;margin-bottom:16px}.rating-legend span{padding:8px;border-radius:8px;background:#f6f8fb;font-size:10px;color:#52677d}.rating-legend b{display:block;color:#173f69}.badge.gold{background:#fff0c7;color:#795500}@media(max-width:900px){.rating-legend{grid-template-columns:1fr 1fr}.score-panel{align-items:flex-start;flex-direction:column}}
.overall-card{background:linear-gradient(145deg,#fff,#f5f9ff)}.overall-head{display:flex;justify-content:space-between;align-items:center;gap:20px}.overall-head h3{font-size:25px;margin:5px 0;color:var(--navy)}.overall-head p{margin:0;color:var(--muted);font-size:13px}.overall-score{min-width:132px;padding:15px 18px;border-radius:14px;text-align:center;font-size:28px;font-weight:900}.overall-score.high{background:#dff4e8;color:#176c45}.overall-score.mid{background:#fff0c7;color:#795500}.overall-score.low{background:#fde5e5;color:#9b3030}.overall-score.neutral{background:#edf1f5;color:#5b6c7d}.overall-progress{height:12px;background:#e4ebf3;border-radius:999px;overflow:hidden;margin:18px 0}.overall-progress span{display:block;height:100%;background:linear-gradient(90deg,var(--blue2),var(--gold));border-radius:inherit}.band-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:9px}.band-item{display:flex;gap:9px;align-items:center;padding:11px;border:1px solid var(--border);border-radius:10px;background:#fff}.band-item strong{font-size:22px;color:var(--navy)}.band-item span{font-size:10px;font-weight:800;color:var(--muted)}.band-item.high{border-left:4px solid var(--green)}.band-item.mid{border-left:4px solid var(--gold)}.band-item.low{border-left:4px solid var(--red)}.ta-alert{margin-top:14px;padding:11px 13px;border-radius:10px;background:#fde9e9;color:#8d2d2d;font-size:12px}.ta-alert strong{font-size:13px}.donut-layout{display:grid;grid-template-columns:260px 1fr;gap:34px;align-items:center}.donut-chart{width:220px;aspect-ratio:1;border-radius:50%;display:grid;place-items:center;position:relative;margin:auto;box-shadow:inset 0 0 0 1px rgba(8,44,91,.06)}.donut-chart:after{content:"";position:absolute;width:58%;height:58%;border-radius:50%;background:#fff;box-shadow:0 2px 12px rgba(20,55,90,.08)}.donut-center{position:relative;z-index:1;text-align:center;display:flex;flex-direction:column}.donut-center strong{font-size:32px;color:var(--navy)}.donut-center span{font-size:10px;font-weight:800;color:var(--muted);text-transform:uppercase;letter-spacing:.07em}.donut-legend{display:grid;gap:9px}.donut-legend>div{display:grid;grid-template-columns:13px 1fr auto;gap:10px;align-items:center;padding:9px 11px;border-radius:9px;background:#f7f9fc}.donut-legend i{width:13px;height:13px;border-radius:4px}.donut-legend span{font-size:12px;font-weight:700;color:#405870}.donut-legend strong{font-size:13px;color:var(--navy)}.donut-legend small{font-weight:600;color:var(--muted)}@media(max-width:900px){.overall-head{align-items:flex-start;flex-direction:column}.band-grid{grid-template-columns:1fr 1fr}.overall-score{width:100%}.donut-layout{grid-template-columns:1fr}.donut-chart{width:190px}}