:root{font-family:Inter,system-ui,-apple-system,Segoe UI,sans-serif;color:#e9edf3;background:#0d1117}*{box-sizing:border-box}body{margin:0}.top{height:64px;display:flex;align-items:center;gap:24px;padding:0 22px;border-bottom:1px solid #26303b;background:#111820;position:sticky;top:0;z-index:10}.brand{font-weight:800;font-size:20px}.switcher{display:flex;align-items:center;gap:8px;margin-right:auto;color:#9ca8b7}.switcher select{background:#18212b;color:#fff;border:1px solid #344150;border-radius:10px;padding:9px}.user{color:#aab5c2}.user a{color:#70b7ff}.summary{position:sticky;top:64px;z-index:9;display:flex;gap:1px;overflow:auto;background:#1b2530;border-bottom:1px solid #303b47}.summary div{min-width:180px;padding:12px 18px;color:#9eabb8;white-space:nowrap}.summary b{display:block;color:#fff;font-size:18px;margin-top:3px}.layout{display:flex;min-height:calc(100vh - 120px)}aside{width:220px;padding:20px 12px;border-right:1px solid #26303b;background:#10161d}aside a{display:block;padding:12px 14px;border-radius:9px;color:#b8c3cf;text-decoration:none;margin-bottom:4px}aside a:hover{background:#1d2732;color:#fff}main{flex:1;padding:26px;max-width:1500px;margin:auto;width:100%}.title{display:flex;align-items:end;justify-content:space-between;margin-bottom:20px}.title h1{margin:0;font-size:28px}.title span{color:#7f8c9a}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:16px}.card{background:#141c25;border:1px solid #293542;border-radius:16px;padding:20px;box-shadow:0 8px 30px #0002;margin-bottom:16px}.hero{grid-column:span 2}.hero h2{font-size:25px;margin-top:0}.actions{display:flex;gap:8px;flex-wrap:wrap}.actions a,button{background:#2678d9;color:#fff;border:0;border-radius:9px;padding:10px 14px;text-decoration:none;cursor:pointer}form.inline{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:18px}input{background:#0f151c;color:#fff;border:1px solid #344150;border-radius:9px;padding:10px;min-width:130px}table{width:100%;border-collapse:collapse}th,td{text-align:left;padding:11px;border-bottom:1px solid #26313c}th{color:#9eabb8;font-weight:600}.error{background:#4b1d25;padding:10px;border-radius:8px;margin-bottom:10px}.login{display:grid;place-items:center;min-height:100vh;background:radial-gradient(circle at top,#1c3145,#0b0f14)}.login-card{width:min(420px,92vw);background:#141c25;border:1px solid #344150;border-radius:18px;padding:30px;display:grid;gap:14px}.login-card label{display:grid;gap:6px;color:#b6c1ce}.login-card input{width:100%}.login-card button{padding:12px}.login-card small{color:#7f8c9a}footer{text-align:center;color:#697786;padding:24px}@media(max-width:800px){.top{gap:10px}.user{display:none}.switcher{margin-left:auto}.layout{display:block}aside{width:100%;display:flex;overflow:auto;position:sticky;top:120px;z-index:8;border-right:0;border-bottom:1px solid #26303b;padding:7px}aside a{white-space:nowrap;margin:0}.summary div{min-width:145px}main{padding:18px}.hero{grid-column:auto}.inline input{flex:1;min-width:140px}.title{align-items:start;gap:10px;flex-direction:column}}