:root{--navy:#082f58;--blue:#0e4d87;--gold:#cda63d;--ink:#172536;--muted:#66758a;--line:#dce4ec;--bg:#f5f7fa}*{box-sizing:border-box}body{color:var(--ink);background:var(--bg);margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,sans-serif}main{grid-template-columns:252px 1fr;min-height:100vh;display:grid}aside{color:#fff;background:linear-gradient(#062746,#0a3e70);flex-direction:column;padding:26px 18px;display:flex}.brand{border-bottom:1px solid #ffffff24;align-items:center;gap:12px;padding:0 8px 24px;display:flex}.brand>span{background:var(--gold);width:42px;height:42px;color:var(--navy);border-radius:12px;place-items:center;font:800 25px Georgia;display:grid}.brand div{display:grid}.brand small{opacity:.72;margin-top:2px}nav{gap:5px;margin-top:24px;display:grid}nav a{color:#e8f1f8;border-radius:9px;padding:11px 13px;font-size:14px;text-decoration:none}nav a.active{border-left:3px solid var(--gold);background:#ffffff18;padding-left:10px}aside footer{opacity:.55;margin-top:auto;padding:14px 8px 0;font-size:12px}.content{padding:34px 40px}header{justify-content:space-between;align-items:flex-end;margin-bottom:24px;display:flex}header p{color:var(--blue);letter-spacing:.14em;margin:0 0 5px;font-size:11px;font-weight:800}h1{margin:0 0 6px;font-size:30px}header span{color:var(--muted)}button{background:var(--navy);color:#fff;border:0;border-radius:9px;padding:11px 17px;font-weight:700}.notice{background:#fff8e3;border:1px solid #ead48c;border-radius:11px;gap:12px;margin-bottom:20px;padding:14px 17px;display:flex}.notice span{color:#685b34}.cards{grid-template-columns:repeat(4,1fr);gap:14px;display:grid}.cards article,.panel{border:1px solid var(--line);background:#fff;border-radius:14px;padding:20px;box-shadow:0 5px 18px #17324d0a}.cards small{color:var(--muted);font-weight:700}.cards strong{margin:10px 0 4px;font-size:24px;display:block}.cards em{color:var(--muted);font-size:12px;font-style:normal}.cards .danger strong{color:#b43a35}.grid{grid-template-columns:1.6fr 1fr;gap:14px;margin-top:14px;display:grid}.panel h2{margin:0 0 8px;font-size:17px}.panel p,.panel li{color:var(--muted);font-size:14px}.empty{text-align:center;color:var(--muted);border:1px dashed #bac7d4;border-radius:10px;margin-top:28px;padding:28px}ol{padding-left:20px;line-height:2}@media (max-width:900px){main{grid-template-columns:1fr}aside{display:none}.content{padding:24px}.cards{grid-template-columns:1fr 1fr}.grid{grid-template-columns:1fr}}@media (max-width:560px){.cards{grid-template-columns:1fr}header{flex-direction:column;align-items:flex-start;gap:16px}}
.user{text-align:right;display:grid}.user small{color:var(--blue);font-size:10px;font-weight:800}.login-shell{background:#fff;grid-template-columns:1.15fr .85fr;min-height:100vh;display:grid}.login-scene{background:linear-gradient(140deg,#062746dd,#0b5088bb),radial-gradient(circle at 70% 20%,#cda63d55,#0000 35%),linear-gradient(30deg,#0a477c,#061e36);align-items:flex-end;padding:64px;display:flex;position:relative;overflow:hidden}.login-scene:before,.login-scene:after{content:"";border:1px solid #ffffff26;border-radius:18px;width:360px;height:470px;position:absolute;top:12%;right:8%;transform:rotate(12deg);box-shadow:0 20px 60px #00172d66}.login-scene:after{background:#ffffff0c;top:20%;right:22%;transform:rotate(-8deg)}.scene-copy{z-index:1;color:#fff;max-width:620px;position:relative}.scene-copy span{letter-spacing:.18em;color:#f3d77e;font-size:11px;font-weight:800}.scene-copy h1{margin:14px 0;font-size:44px;line-height:1.08}.scene-copy p{color:#dbe9f5;font-size:17px}.login-side{place-items:center;padding:36px;display:grid}.login-card{width:min(390px,100%)}.login-brand{align-items:center;gap:12px;margin-bottom:40px;display:flex}.login-brand i{background:var(--gold);width:46px;height:46px;color:var(--navy);border-radius:12px;place-items:center;font:800 27px Georgia;display:grid}.login-brand div{display:grid}.login-brand small{color:var(--muted)}.login-card h2{margin:0 0 8px;font-size:28px}.login-card>p{color:var(--muted);margin-bottom:26px}.login-card form{gap:16px;display:grid}.login-card label{gap:7px;font-size:13px;font-weight:700;display:grid}.login-card input{width:100%;height:45px;font:inherit;border:1px solid #becbd8;border-radius:9px;padding:0 12px}.login-card form button{height:46px}.login-error{color:#9f302b;background:#fff0ee;border:1px solid #efc2bd;border-radius:8px;margin:0;padding:10px}.or{background:var(--line);height:1px;margin:7px 0;position:relative}.or span{color:var(--muted);background:#fff;padding:0 12px;font-size:12px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.google-button{min-height:44px}.login-card footer{color:var(--muted);text-align:center;margin-top:28px;font-size:12px}@media (max-width:900px){.login-shell{grid-template-columns:1fr}.login-scene{display:none}}