*{box-sizing:border-box}html,body{margin:0;padding:0;font-family:Inter,Segoe UI,Arial,sans-serif;background:radial-gradient(circle at top,#06204f 0%,#03112b 45%,#020817 100%);color:#eef4ff}
a{color:#8bc4ff;text-decoration:none}a:hover{text-decoration:underline}
.page{display:flex;min-height:100vh}
.sidebar{width:260px;background:rgba(4,12,30,.92);border-right:1px solid rgba(255,255,255,.08);padding:22px 14px;display:flex;flex-direction:column;gap:18px}
.brand{display:flex;align-items:center;gap:14px;padding:8px 6px 18px 6px}
.brand-badge{width:40px;height:40px;border-radius:12px;background:linear-gradient(180deg,#63c4ff,#4aa7ff);color:#03112b;display:grid;place-items:center;font-weight:800}
.brand-title{font-size:32px;font-weight:800;line-height:1}
.brand-sub{font-size:15px;color:#c8d9f2}
.nav{display:flex;flex-direction:column;gap:8px}
.nav a{display:block;padding:14px 14px;border-radius:16px;color:#eaf2ff;background:transparent}
.nav a.active,.nav a:hover{background:rgba(67,127,255,.16);border:1px solid rgba(122,172,255,.24);text-decoration:none}
.sidebar-footer{margin-top:auto;padding:8px}
.user-pill{padding:14px;border:1px solid rgba(255,255,255,.08);border-radius:16px;background:rgba(255,255,255,.04)}
.main{flex:1;padding:28px}
.topbar{display:flex;justify-content:space-between;align-items:center;margin-bottom:18px}
.h1{font-size:56px;font-weight:800;line-height:1.05;margin:0 0 8px}
.muted{color:#b8cae6}
.grid{display:grid;grid-template-columns:2fr 1fr;gap:18px}
.card{background:linear-gradient(180deg,rgba(8,24,56,.92),rgba(5,17,42,.94));border:1px solid rgba(255,255,255,.08);border-radius:24px;padding:22px;box-shadow:0 20px 60px rgba(0,0,0,.35)}
.card h2,.card h3{margin:0 0 16px}
.badge{display:inline-flex;align-items:center;padding:8px 12px;border-radius:999px;border:1px solid rgba(125,181,255,.28);background:rgba(64,114,255,.12);color:#ddecff;font-size:13px}
.table{width:100%;border-collapse:collapse}
.table th,.table td{padding:14px;border-top:1px solid rgba(255,255,255,.08);text-align:left}
.btn{display:inline-flex;align-items:center;justify-content:center;padding:12px 16px;border-radius:14px;border:1px solid rgba(255,255,255,.10);background:linear-gradient(180deg,#18325e,#102346);color:#eef4ff;cursor:pointer}
.btn:hover{text-decoration:none;filter:brightness(1.06)}
.btn.secondary{background:rgba(255,255,255,.05)}
.btn.danger{background:linear-gradient(180deg,#6a2131,#541929)}
.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.form-row{display:flex;flex-direction:column;gap:8px}
label{font-weight:600}
input,select,textarea{width:100%;padding:14px 14px;border-radius:16px;border:1px solid rgba(255,255,255,.12);background:rgba(255,255,255,.04);color:#eef4ff}
input::placeholder{color:#97aac9}
.notice{padding:14px 16px;border-radius:16px;margin-bottom:16px}
.notice.error{background:rgba(140,34,49,.24);border:1px solid rgba(255,127,152,.22)}
.notice.success{background:rgba(35,120,71,.24);border:1px solid rgba(119,255,181,.18)}
.list{display:flex;flex-direction:column;gap:14px}
.list-item{display:flex;justify-content:space-between;gap:16px;align-items:center;padding:16px;border-radius:18px;background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.08)}
.list-meta{display:flex;flex-direction:column;gap:6px}
.actions{display:flex;gap:10px;flex-wrap:wrap}
.login-wrap{min-height:100vh;display:grid;place-items:center;padding:24px}
.login-card{max-width:460px;width:100%}
.login-card .h1{font-size:42px}
.stack{display:flex;flex-direction:column;gap:18px}
.section-title{display:flex;justify-content:space-between;align-items:center;gap:14px;margin-bottom:14px}
.back-link{display:inline-flex;margin-bottom:14px}
@media (max-width: 980px){.page{display:block}.sidebar{width:100%;border-right:none;border-bottom:1px solid rgba(255,255,255,.08)}.main{padding:18px}.grid,.form-grid{grid-template-columns:1fr}}