*{box-sizing:border-box}body{margin:0;background:#f4f7fb;color:#1b2a40;font:14px Arial,sans-serif}.hidden{display:none!important}button{cursor:pointer;border:0;border-radius:9px;padding:12px 16px;background:#276bd6;color:white;font-weight:bold}.login{min-height:100vh;display:grid;place-items:center;background:linear-gradient(135deg,#eaf2ff,#f3fbf8)}.loginbox{background:white;padding:38px;border:1px solid #e3eaf2;border-radius:20px;width:min(390px,92vw);box-shadow:0 20px 60px #1c38501a}.logo{width:48px;height:48px;background:#18304c;color:white;border-radius:14px;display:grid;place-items:center;font-size:20px;font-weight:bold}.logo span{color:#5de0b8}.loginbox small,.loginbox h1,.loginbox p{display:block}.loginbox>small{margin-top:22px;letter-spacing:2px;color:#8290a2}.loginbox h1{font-size:30px;margin:8px 0}.loginbox p{color:#7b899a}.loginbox label{display:block;margin:18px 0;font-weight:bold;font-size:12px}.loginbox input{display:block;width:100%;padding:13px;margin-top:7px;border:1px solid #dce4ee;border-radius:8px}.loginbox button{width:100%;text-align:left}.error{color:#bd3947;font-size:12px;margin-top:10px}aside{position:fixed;inset:0 auto 0 0;width:225px;background:#142941;color:#dce6f3;padding:22px 14px;display:flex;flex-direction:column}aside .brand{display:grid;grid-template-columns:45px 1fr;column-gap:10px;align-items:center;margin-bottom:35px}aside .brand .logo{grid-row:span 2;width:40px;height:40px}aside .brand small{color:#91a5bd;font-size:10px}.navlabel{color:#8396ac;letter-spacing:1.5px;font-size:9px;margin:14px 10px}.nav{background:none;color:#b8c7d9;text-align:left;margin:2px 0}.nav.active,.nav:hover{background:#294664;color:white}.logout{margin-top:auto;background:#203b58;text-align:left}main{margin-left:225px;padding:0 32px 28px;max-width:1500px}header{height:82px;border-bottom:1px solid #e3e9f0;display:flex;align-items:center;justify-content:space-between}header small,.page>small{font-size:10px;letter-spacing:1.5px;color:#8090a4}header h2{margin:5px 0;font-size:21px}.online{font-size:11px;color:#258c70;background:#e5f7ef;padding:9px 12px;border-radius:20px}.page{padding:26px 0}.hero{background:linear-gradient(110deg,#172f4c,#27617b);color:white;border-radius:17px;padding:32px}.hero small{color:#8fe0d0;letter-spacing:1.7px}.hero h1{font-size:29px;line-height:1.25;margin:13px 0}.hero p{color:#c4d6e5;max-width:500px;line-height:1.6}.notice{background:#fff8e8;border:1px solid #f0e1b8;color:#8a6a26;border-radius:10px;padding:15px;margin:18px 0}.notice p{margin:5px 0 0;font-size:12px;color:#9b895f}.page h1{font-size:28px;margin:9px 0 20px}.page h3{font-size:15px;margin:24px 0 12px}.metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.metrics.three{grid-template-columns:repeat(3,1fr)}article{background:white;border:1px solid #e3eaf1;border-radius:12px;padding:17px;margin:12px 0}.metrics article{margin:0}.metrics small{color:#718196}.metrics strong{display:block;font-size:26px;margin:14px 0 5px}.metrics p,article p{font-size:12px;color:#7c8b9d;line-height:1.7}.cols{display:grid;grid-template-columns:1fr 1fr;gap:14px}.cols article{margin-top:16px}code{display:block;background:#f3f6fa;padding:13px;line-height:2;border-radius:8px;color:#4d6178;white-space:pre-wrap}.chat{padding:0}.messages{min-height:130px;background:#f7f9fc;border-radius:10px;padding:18px;line-height:1.7;color:#40536c}.chat form{display:flex;gap:10px;margin-top:12px}.chat textarea{flex:1;border:1px solid #dce4ee;border-radius:9px;padding:12px;min-height:65px}footer{text-align:center;color:#9aa7b6;border-top:1px solid #e3eaf1;padding:22px;font-size:10px}@media(max-width:850px){aside{width:65px;padding:14px 6px}aside .brand{display:block}aside .brand>*:not(.logo),.navlabel{display:none}.nav{font-size:0;text-align:center;padding:13px 0}main{margin-left:65px;padding:0 15px}.metrics{grid-template-columns:1fr 1fr}.cols{grid-template-columns:1fr}}