:root{font:15px/1.5 system-ui,sans-serif;color:#202c3e;background:#f3f5fa}*{box-sizing:border-box}body{margin:0;display:flex}aside{width:245px;min-height:100vh;background:#122235;color:#dce5ee;padding:32px 22px;position:fixed;inset:0 auto 0 0}a{color:#265bbb}.brand{display:flex;gap:14px;text-decoration:none;color:white;font-size:30px;font-weight:800;align-items:center}.brand span{font-size:17px;letter-spacing:2px}.brand small{font-size:8px;display:block;letter-spacing:1px}.label{font-size:11px;letter-spacing:1.5px;font-weight:700;color:#6f8197}aside .label{margin-top:40px}nav button{display:block;width:100%;text-align:left;margin:6px 0;border:0;background:transparent;color:#b9c8d9;padding:12px 15px}nav button.active{background:#263e58;color:white}.side-note{margin-top:45px;color:#8fa3bb;font-size:12px}main{margin-left:245px;padding:34px 42px;width:calc(100% - 245px)}header{display:flex;justify-content:space-between;align-items:center}h1{font-size:31px;letter-spacing:-1px;margin:5px 0 22px}h2{font-size:20px;margin-top:0}h3{margin:5px 0}button,.button{border:1px solid #d5deea;border-radius:9px;padding:10px 16px;background:white;color:#243c58;font:inherit;cursor:pointer;text-decoration:none;display:inline-block}button:hover,.button:hover{border-color:#598ab9}button:focus-visible,a:focus-visible{outline:3px solid #91b9fa;outline-offset:2px}.primary{background:#265bbb;border-color:#265bbb;color:white}.card{padding:24px;background:white;border:1px solid #e0e6ef;border-radius:15px;margin-bottom:18px}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:16px}.metrics{display:flex;gap:16px;margin-bottom:22px}.metrics .card{flex:1;margin:0}.metric{font-size:30px;font-weight:700}.muted{color:#718197;font-size:13px}.tag{font-size:11px;display:inline-block;border-radius:20px;padding:4px 10px;background:#eef2f8;color:#536b86}.notice{background:#fff6e6;border-left:3px solid #ce9b39;padding:14px 18px;margin-bottom:22px}.tabs{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:18px}.tabs button.active{background:#265bbb;color:white}.toolbar{display:flex;gap:12px;align-items:center;flex-wrap:wrap;margin-bottom:15px}iframe{width:100%;height:78vh;border:1px solid #d5deea;border-radius:12px;background:white}label{display:block;margin:12px 0}input,textarea,select{display:block;width:100%;padding:11px;border:1px solid #ccd6e4;border-radius:8px;font:inherit;margin-top:6px}input[type=checkbox]{display:inline;width:auto;margin-right:9px}.login{max-width:490px;margin:50px auto}.record{padding:12px 0;border-bottom:1px solid #edf0f5}#status{color:#375c90;min-height:22px}.row{display:flex;gap:12px;align-items:center;flex-wrap:wrap}[hidden]{display:none!important}@media(max-width:850px){aside{position:static;width:100%;min-height:0;padding:20px}body{display:block}nav{display:flex;flex-wrap:wrap}nav button{width:auto}.side-note,aside .label{display:none}main{margin:0;width:100%;padding:24px}h1{font-size:26px}.metrics{flex-wrap:wrap}}