:root{color-scheme:dark;--bg:#080d19;--panel:#101a2b;--line:#223149;--muted:#8fa1bb;--text:#edf4ff;--cyan:#42d9f5;--violet:#9b8cff}*{box-sizing:border-box}body,html{margin:0;min-height:100%;background:var(--bg);color:var(--text);font-family:Arial,sans-serif}body{background:radial-gradient(ellipse at 80% -15%,#173b5a 0,transparent 42%),radial-gradient(ellipse at -10% 30%,#1b1742 0,transparent 38%),var(--bg)}button,input{font:inherit}button{cursor:pointer}.shell{min-height:100vh;display:grid;grid-template-columns:250px 1fr}.sidebar{border-right:1px solid var(--line);padding:28px 18px;background:#080e1b;display:flex;flex-direction:column;gap:28px}.brand{display:flex;align-items:center;gap:12px;font-weight:800;font-size:19px}.brand-mark{width:38px;height:38px;border-radius:12px;background:linear-gradient(135deg,var(--cyan),var(--violet));display:grid;place-items:center;color:#06101d;font-weight:900}.nav-label{font-size:11px;letter-spacing:1.5px;color:#657995;margin:8px 10px}.nav-item{display:flex;align-items:center;gap:12px;padding:12px;border-radius:10px;color:#aebbd0;font-size:14px}.nav-item.active{background:#16283c;color:white;border:1px solid #28445e}.sidebar-foot{margin-top:auto;color:#71839d;font-size:12px;line-height:1.6}.main{min-width:0;padding:30px clamp(18px,4vw,54px) 50px}.topbar{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:34px}.eyebrow{font-size:11px;letter-spacing:2px;color:var(--cyan);font-weight:700}.heading{font-size:clamp(26px,4vw,36px);margin:8px 0}.sub{color:var(--muted);font-size:14px}.user-actions{display:flex;align-items:center;gap:10px}.user-chip{border:1px solid var(--line);background:#111d2d;padding:9px 13px;border-radius:30px;font-size:12px;color:#b9c8dc}.grid,.service-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:16px;gap:16px;margin:24px 0}.panel{background:linear-gradient(145deg,#132138,#0d1727);border:1px solid var(--line);border-radius:16px;padding:20px;box-shadow:0 14px 40px #0002;color:inherit;text-decoration:none}.panel p{margin:13px 0 0;color:var(--muted);font-size:13px;line-height:1.6}.service{justify-content:space-between;gap:12px}.service,.service-title{display:flex;align-items:center}.service-title{gap:11px;color:var(--cyan)}.section-title{font-size:19px;margin:30px 0 14px}.notice{border:1px solid #6a5429;background:#2b2417;color:#f4d9a2;padding:14px 16px;border-radius:12px;font-size:13px;line-height:1.6}.tag{font-size:10px;color:#83dff0;border:1px solid #286078;padding:5px 8px;border-radius:20px}.login-wrap{min-height:100vh;display:grid;place-items:center;padding:20px}.login-card{width:min(440px,100%);padding:34px;border:1px solid var(--line);border-radius:20px;background:#101a2b;box-shadow:0 24px 80px #0006}.login-card h1{font-size:27px;margin:24px 0 8px}.field{display:grid;grid-gap:8px;gap:8px;margin:18px 0}.field label{font-size:13px;color:#aebbd0}.field input{background:#091321;border:1px solid #2b3b52;color:white;border-radius:10px;padding:13px;outline:none;width:100%}.field input:focus{border-color:var(--cyan)}.primary{border:0;border-radius:10px;background:linear-gradient(100deg,#31cce9,#8e81ff);color:#07111d;font-weight:700;padding:13px 18px;width:100%;margin-top:8px}.error{color:#ff9a9a;font-size:13px;margin-top:12px}.muted-link{color:#9aaec7;font-size:12px;text-align:center;margin-top:20px}.logout{border:1px solid var(--line);background:transparent;color:#aebbd0;border-radius:9px;padding:9px 12px}.mobile-head{display:none}@media(max-width:850px){.shell{grid-template-columns:1fr}.sidebar{display:none}.main{padding:20px 16px 40px}.service-grid{grid-template-columns:1fr 1fr}.mobile-head{display:flex;align-items:center;gap:10px;margin-bottom:24px}}@media(max-width:520px){.service-grid{grid-template-columns:1fr}.topbar{margin-bottom:24px}.panel{padding:17px}.heading{font-size:28px}.login-card{padding:25px}.user-chip{max-width:145px;overflow:hidden;text-overflow:ellipsis}}