:root{font-family:Inter,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;color:#182944;background:#f5f7fb}*{box-sizing:border-box}body{margin:0}.shell{display:flex;min-height:100vh}aside{width:250px;background:#101f3b;color:white;padding:24px 16px;flex-shrink:0}.logo{font-size:24px;font-weight:900;letter-spacing:1px;padding:0 12px 22px}.logo small{display:block;font-size:10px;letter-spacing:2px;color:#aebcda;margin-top:5px}nav button{display:block;width:100%;background:transparent;border:0;color:#d0d9e8;padding:13px 15px;text-align:left;border-radius:10px;font-size:14px;cursor:pointer;margin:2px 0}nav button.active,nav button:hover{background:#29456e;color:white}main{flex:1;min-width:0;padding:32px;max-width:1500px}header{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:24px}h1{font-size:27px;margin:0 0 5px}h2{font-size:19px;margin:0 0 16px}.muted{color:#697a91;font-size:13px}.pill{font-size:12px;background:#e7edf9;color:#214b8a;border-radius:99px;padding:8px 12px}.grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:15px}.card{background:white;border:1px solid #e3e8f1;border-radius:16px;padding:20px;box-shadow:0 4px 15px #14294b07}.metric strong{display:block;font-size:28px;margin:10px 0}.metric span{font-size:13px;color:#697a91}.panel{margin-top:18px}.toolbar{display:flex;flex-wrap:wrap;gap:10px;align-items:center;margin-bottom:16px}button.primary{background:#1d4a87;color:white;border:0;border-radius:10px;padding:11px 16px;font-weight:600;cursor:pointer}button.secondary{background:white;border:1px solid #cbd5e5;color:#203d67;border-radius:10px;padding:10px 14px;cursor:pointer}input,select,textarea{font:inherit;border:1px solid #d6deea;border-radius:9px;padding:11px;width:100%;background:white}label{display:block;font-size:12px;font-weight:700;color:#566782;margin-bottom:5px}.fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px}.field.full{grid-column:1/-1}table{width:100%;border-collapse:collapse;font-size:13px}th{text-align:left;color:#708098;font-weight:600;background:#f7f9fd}td,th{padding:13px;border-bottom:1px solid #e9edf5}td button{margin-right:5px}.tablewrap{overflow:auto}.tag{border-radius:20px;background:#e7f4ee;color:#23764b;padding:5px 9px;font-size:11px}.hidden{display:none!important}.notice{padding:13px;border-radius:10px;background:#fff5db;color:#745518;font-size:13px;line-height:1.6;margin-bottom:18px}.list{display:grid;gap:10px}.item{padding:15px;border:1px solid #e7edf5;border-radius:10px;display:flex;justify-content:space-between;align-items:center;gap:12px}.actions{display:flex;gap:7px;flex-wrap:wrap}.two{display:grid;grid-template-columns:1fr 1fr;gap:16px}.toast{position:fixed;bottom:20px;right:20px;background:#142b4e;color:white;padding:14px 18px;border-radius:12px;display:none;max-width:350px}dialog{border:0;border-radius:16px;box-shadow:0 20px 80px #071a3450;width:min(620px,94vw);padding:24px}dialog::backdrop{background:#0c183a88}dialog h2{margin-bottom:20px}.dialog-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:20px}a{color:#1d4a87}footer{font-size:12px;color:#71819a;margin-top:32px}@media(max-width:950px){.grid{grid-template-columns:repeat(2,1fr)}aside{width:205px}main{padding:20px}}@media(max-width:680px){.shell{display:block}aside{width:100%;padding:14px}.logo{padding:2px 8px 12px;font-size:20px}nav{display:flex;overflow:auto;gap:4px}nav button{white-space:nowrap;width:auto;font-size:12px;padding:10px}main{padding:15px}h1{font-size:23px}.two{grid-template-columns:1fr}.fields{grid-template-columns:1fr}.grid{gap:9px}.card{padding:14px}.metric strong{font-size:23px}} 
.login{max-width:440px;margin:8vh auto}.login form,.stack{display:grid;gap:14px}.error{color:#a62626;min-height:20px}.success{color:#23764b}.login label{margin-top:10px}button:disabled{opacity:.5}textarea{min-height:90px}.wide{grid-column:1/-1}.row{display:flex;gap:10px;flex-wrap:wrap}.row input,.row select{flex:1;min-width:150px}pre{white-space:pre-wrap;overflow-wrap:anywhere}.banner{background:#edf3ff;padding:12px;border-radius:10px;font-size:13px;margin-bottom:16px}
.score{font-size:38px;color:#1d4a87}.progress-chart{width:100%;max-height:280px}progress{width:100%;height:22px;accent-color:#1d4a87}fieldset{border:1px solid #dce5f0;border-radius:12px;padding:18px}fieldset label{padding:7px 0}.message-thread{display:grid;gap:12px;max-height:55vh;overflow:auto;padding:16px 0}.message{max-width:85%;padding:12px 16px;border-radius:14px;background:#eef2f8;justify-self:start;white-space:pre-wrap;overflow-wrap:anywhere}.message.mine{background:#1d4a87;color:white;justify-self:end}.message p{margin:0 0 6px}.message small{opacity:.7}.report-body{white-space:pre-wrap;line-height:1.7}input,select,textarea{font-size:16px}.item{margin:10px 0}button{min-height:42px}aside{position:sticky;top:0;height:100vh;overflow:auto}main{width:100%}@media(max-width:680px){aside{position:relative;height:auto}nav{padding-bottom:6px}.message{max-width:95%}input,select,textarea{max-width:100%}}

.call-video{width:100%;max-height:45vh;background:#102743;border-radius:14px}.local-video{width:150px;max-height:120px}fieldset{min-width:0}body{padding-top:env(safe-area-inset-top);padding-bottom:env(safe-area-inset-bottom)}
