:root{font-family:Inter,system-ui,Arial,sans-serif;color:#20324a;background:#f1f5fa}*{box-sizing:border-box}body{margin:0}button,input,select,textarea{font:inherit}button{cursor:pointer;background:#1457a5;color:white;border:1px solid #0d3f7c;border-radius:9px;padding:11px 17px;font-weight:700}button:hover{filter:brightness(1.08)}button:disabled{opacity:.55;cursor:wait}.secondary{background:#e6f0fc;color:#164b83}.ghost{background:transparent;color:inherit;border:1px solid #b8c9df}input,select,textarea{padding:11px;border:1px solid #c1d1e4;border-radius:9px;width:100%;background:white}textarea{min-height:88px}label{display:block;font-size:13px;font-weight:700;margin:8px 0}label input,label select,label textarea{display:block;margin-top:5px}.auth{min-height:100vh;display:grid;place-items:center;background:linear-gradient(135deg,#092b58,#1966b4)}.authcard{background:white;width:min(440px,94vw);padding:30px;border-radius:20px;box-shadow:0 15px 55px #001a4160}.logo{font-size:25px;font-weight:900;color:#103f77}.logo span{color:#36a8c4}.authcard button{width:100%;margin-top:12px}.authcard details{margin-top:22px}#app{display:flex;min-height:100vh}aside{width:240px;flex:none;background:#103b70;color:#f7fbff;padding:22px 13px;display:flex;flex-direction:column;gap:18px}.brand{font-size:21px;font-weight:900;padding:12px}.brand small{display:block;font-size:11px;font-weight:500;color:#a7d0f3;margin-top:5px}#who{padding:10px;color:#bfe0fa}nav{display:grid;gap:5px}nav button{background:transparent;border:0;text-align:left;padding:12px}nav button.active,nav button:hover{background:#2666a8}#logout{margin-top:auto}main{flex:1;min-width:0;padding:22px 28px}header{display:flex;gap:15px;align-items:center;margin-bottom:25px}header h1{margin:0;font-size:28px}header p{margin:4px 0;color:#718096}#role{margin-left:auto;background:#d9ecff;border-radius:20px;padding:8px 12px;font-size:12px;font-weight:800}.card{background:white;border:1px solid #d8e3f0;border-radius:15px;padding:20px;margin:12px 0;box-shadow:0 4px 16px #123b6510}.card h2{margin-top:0}.stats,.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:12px}.stat{background:white;padding:22px;border-radius:15px;border:1px solid #d8e3f0}.stat strong{display:block;font-size:30px;color:#13529b}.stat small{color:#667f98}.inline{display:flex;align-items:end;gap:12px;flex-wrap:wrap}.inline>input,.inline>label{flex:1;min-width:155px}.inline button{margin-bottom:8px}.check{display:flex;gap:10px;align-items:center}.check input{width:auto}.qcard{background:#f6f9fd;border:1px solid #d8e3f0;border-radius:12px;padding:13px;margin:10px 0}.qcard .inline input{min-width:120px;flex:1}.option{padding:13px;border:1px solid #d4e0ed;border-radius:9px;margin:9px 0;cursor:pointer}.option.selected{background:#d9ecff;border-color:#1457a5}#notice{font-weight:700;color:#125d3d;margin:8px 0}#authmsg{color:#b52b2b}.view[hidden],#app[hidden],#auth[hidden]{display:none!important}@media(max-width:760px){aside{width:72px;padding:10px 5px}.brand{font-size:13px}.brand small,#who{display:none}nav button{font-size:11px;padding:8px}main{padding:12px}header h1{font-size:21px}}