*{box-sizing:border-box}:root{--bg:#050505;--panel:#101010;--panel-soft:#151515;--gold:#d4af37;--gold-light:#f1ca55;--text:#fff;--muted:#a8a8a8;--line:#ffffff14;--danger:#e74c3c;--success:#2ecc71}body{background:radial-gradient(circle at top left, #d4af372e, transparent 28%), radial-gradient(circle at bottom right, #d4af3714, transparent 30%), var(--bg);color:var(--text);margin:0;font-family:Arial,sans-serif}.page{justify-content:center;align-items:center;min-height:100vh;padding:24px;display:flex}.login-card{background:#101010f5;border:1px solid #d4af3747;border-radius:28px;width:100%;max-width:430px;padding:38px;box-shadow:0 30px 90px #000000a6}.login-card h1{color:var(--gold);margin:0;font-size:32px}.login-card p{color:var(--muted);margin-bottom:32px}form{flex-direction:column;gap:14px;display:flex}label{color:#ddd;font-size:14px}input,select{color:#fff;background:#0b0b0b;border:1px solid #303030;border-radius:14px;outline:none;width:100%;padding:14px 16px;font-size:15px}input:focus,select:focus{border-color:var(--gold);box-shadow:0 0 0 3px #d4af371f}input::placeholder{color:#777}button{background:linear-gradient(135deg, var(--gold), var(--gold-light));color:#000;cursor:pointer;white-space:nowrap;border:none;border-radius:14px;margin:4px;padding:12px 16px;font-weight:800;transition:all .2s}button:hover{transform:translateY(-2px);box-shadow:0 12px 28px #d4af3738}button:active{transform:translateY(0)}.message{color:var(--gold);text-align:center;background:#111;border-radius:12px;margin-top:20px;padding:12px}.dashboard{min-height:100vh;padding:32px}.topbar{background:#101010bf;border:1px solid #d4af372e;border-radius:24px;justify-content:space-between;align-items:center;gap:20px;margin-bottom:34px;padding:22px 24px;display:flex;box-shadow:0 20px 60px #00000059}.topbar h2{color:var(--gold);margin:0;font-size:28px}.topbar p{color:var(--muted);margin:6px 0 0}.stats-grid{grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:20px;margin-bottom:30px;display:grid}.stat-card{background:linear-gradient(145deg,#141414,#090909);border:1px solid #d4af3738;border-radius:24px;padding:28px;transition:all .2s;box-shadow:0 18px 50px #00000061}.stat-card:hover{border-color:#d4af376b;transform:translateY(-4px)}.stat-card h3{color:var(--gold);margin:0;font-size:44px}.stat-card p{color:var(--muted);margin-top:10px;font-weight:600}.table-card,.student-card{background:linear-gradient(145deg,#121212,#080808);border:1px solid #d4af3733;border-radius:26px;margin-bottom:26px;padding:26px;overflow-x:auto;box-shadow:0 20px 60px #0000006b}.table-card h3,.student-card h3{color:var(--gold);margin-top:0;font-size:23px}.table-header{justify-content:space-between;align-items:center;gap:16px;margin-bottom:18px;display:flex}table{border-collapse:collapse;width:100%;min-width:760px}th{text-align:left;color:var(--gold);border-bottom:1px solid var(--line);text-transform:uppercase;letter-spacing:.04em;padding:14px;font-size:14px}td{color:#ddd;vertical-align:middle;border-bottom:1px solid #ffffff0e;padding:14px}tr:hover{background:#ffffff09}.student-form{background:#00000040;border:1px solid #ffffff0f;border-radius:20px;grid-template-columns:repeat(2,1fr);gap:16px;margin-top:20px;padding:22px;display:grid}.student-form label{margin-bottom:-8px}.student-form button{grid-column:1/-1;margin-top:10px;padding:16px}.student-panel{grid-template-columns:1fr 1fr;gap:24px;margin-top:30px;display:grid}.student-card p{color:#ddd;font-size:16px}.student-card strong{color:#fff}.student-card button{border-radius:18px;width:100%;padding:17px;font-size:16px}.status-pill{color:var(--gold);background:#d4af3724;border:1px solid #d4af3761;border-radius:999px;margin:12px 0 18px;padding:11px 18px;font-weight:800;display:inline-block}.stats-grid-student{grid-template-columns:repeat(2,1fr);gap:16px;margin-bottom:25px;display:grid}.mini-stat{text-align:center;background:#d4af3713;border:1px solid #d4af3733;border-radius:18px;padding:20px}.mini-stat span{margin-bottom:8px;font-size:30px;display:block}.mini-stat h4{color:var(--gold);margin:0;font-size:25px}.mini-stat p{color:#cfcfcf;margin-top:8px;font-size:14px}.table-card input[type=text]{background:#090909;border:1px solid #d4af3738}@media (width<=900px){.dashboard{padding:18px}.topbar{flex-direction:column;align-items:flex-start}.student-panel,.student-form,.stats-grid-student{grid-template-columns:1fr}.table-header{flex-direction:column;align-items:stretch}button{width:100%}.login-card{padding:28px}}@media (width<=520px){.topbar h2{font-size:23px}.stat-card h3{font-size:36px}.table-card,.student-card{border-radius:20px;padding:20px}}