:root{--sidebar:258px;--page:#f3f7fb;--nav:#07516a;--nav-deep:#063f55;--blue:#087ec4;--cyan:#13b6c2;--ink:#09264a;--muted:#607b98;--border:#dbe6ef}body{background:var(--page);color:var(--ink)}aside{width:var(--sidebar);padding:26px 14px 24px;background:linear-gradient(180deg,var(--nav-deep),var(--nav));overflow-y:auto}.brand{padding:0 12px 28px;gap:12px}.brand-mark{width:50px;height:50px;border-radius:14px;background:#08aeca22;display:grid;place-items:center;font-size:28px}.brand span{font-size:18px;line-height:1.15}.brand small{letter-spacing:1.5px;color:#9bd4df;margin-top:6px}.navlabel{margin:17px 14px 7px;font-size:9px}.nav{display:flex;gap:13px;align-items:center;padding:13px 15px;margin:2px 0;border-radius:9px;border-left:4px solid transparent;color:#d5e8ef;font-size:14px}.nav span{flex:1}.nav:hover{background:#ffffff12}.nav.active{background:linear-gradient(90deg,#079db8,#0b7598);border-left-color:#3de5e8;color:#fff;box-shadow:0 7px 18px #042e3d35}.asidefooter{padding:18px 14px 0;color:#a9ccd7;font-size:12px}.asidefooter svg{width:100%;height:50px;margin-bottom:8px}.asidefooter path{fill:none;stroke:#76b7ca;stroke-width:2}main{margin-left:var(--sidebar)}header{min-height:64px;padding:10px 30px;background:#fff;border-bottom:1px solid var(--border)}header>span{font-weight:600;color:#41617f}.content{max-width:1480px;padding:32px 34px}.card{border-color:var(--border);border-radius:13px;box-shadow:0 5px 16px #254a6a0b}h1{color:#071f42}input,select,textarea,button{border-color:#cbdbe7}.primary{background:linear-gradient(135deg,#087ac2,#0799bc);border:0;box-shadow:0 5px 12px #087dc526}.badge{background:#eaf4fa;color:#244c6d}.notice{box-shadow:0 4px 12px #16765112}@media(max-width:1000px){:root{--sidebar:205px}.nav{font-size:12px;padding:11px}.content{padding:24px}}@media(max-width:650px){aside{width:auto;position:static;overflow-x:auto}.brand{padding:0 8px 10px}.brand-mark{width:38px;height:38px}.nav{flex:0 0 auto}.nav span{display:none}main{margin-left:0}.asidefooter{display:none}.content{padding:18px}}