:root{color:#e5e7eb;background:#0f172a;font-family:Inter,Arial,Helvetica,sans-serif}*{box-sizing:border-box}body{margin:0}a{color:#93c5fd;text-decoration:none}a:hover{color:#bfdbfe;text-decoration:underline}.app-shell{background:radial-gradient(circle at 0 0,#2563eb40,#0000 35%),linear-gradient(135deg,#020617 0%,#0f172a 50%,#111827 100%);min-height:100vh}.page-shell{width:min(1400px,100% - 32px);margin:0 auto;padding:24px 0 48px}.navbar{z-index:10;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#020617eb;border-bottom:1px solid #94a3b833;justify-content:space-between;align-items:center;gap:16px;padding:14px 24px;display:flex;position:sticky;top:0}.navbar-brand{color:#f8fafc;align-items:center;gap:12px;display:flex}.navbar-brand small{color:#94a3b8;margin-top:2px;font-size:12px;display:block}.brand-icon{color:#fff;letter-spacing:1px;background:linear-gradient(135deg,#2563eb,#7c3aed);border-radius:12px;justify-content:center;align-items:center;width:44px;height:44px;font-weight:800;display:inline-flex}.navbar-links{flex-wrap:wrap;justify-content:flex-end;gap:8px;display:flex}.navbar-links a{color:#cbd5e1;border-radius:10px;padding:8px 10px;font-size:14px}.navbar-links a:hover{color:#fff;background:#94a3b81f;text-decoration:none}.navbar-links a.active{color:#fff;background:#2563eb38;border:1px solid #60a5fa59}.page-shell main{background:#0f172ac7;border:1px solid #94a3b82e;border-radius:22px;padding:24px;box-shadow:0 24px 80px #0000004d}.page-shell h1{color:#f8fafc;margin-top:0;font-size:32px}.page-shell h2{color:#f8fafc;margin-top:0}.page-shell h3,.page-shell h4{color:#e2e8f0}.page-shell p{color:#cbd5e1}.page-shell section{background:#1e293b8c;border:1px solid #94a3b824;border-radius:18px;margin:18px 0;padding:20px}.page-shell hr{border:0;border-top:1px solid #94a3b82e;margin:24px 0}.page-shell table{border-collapse:collapse;background:#0f172ac7;border:1px solid #94a3b838;border-radius:14px;width:100%;overflow:hidden}.page-shell th,.page-shell td{text-align:left;vertical-align:top;border:1px solid #94a3b829;padding:10px 12px}.page-shell th{color:#f8fafc;text-transform:uppercase;letter-spacing:.04em;background:#1e40af52;font-size:13px}.page-shell td{color:#dbeafe}.page-shell tr:nth-child(2n) td{background:#1e293b59}.page-shell input,.page-shell select,.page-shell textarea{color:#f8fafc;background:#020617;border:1px solid #94a3b859;border-radius:10px;outline:none;width:min(100%,520px);padding:10px 12px}.page-shell textarea{min-height:90px}.page-shell input:focus,.page-shell select:focus,.page-shell textarea:focus{border-color:#60a5fa;box-shadow:0 0 0 3px #60a5fa2e}.page-shell label{color:#e2e8f0;font-weight:600}.page-shell button{color:#fff;cursor:pointer;background:linear-gradient(135deg,#2563eb,#4f46e5);border:0;border-radius:10px;padding:10px 14px;font-weight:700}.page-shell button:hover{filter:brightness(1.08)}.page-shell button:disabled{cursor:not-allowed;opacity:.55}.page-shell img{border:1px solid #94a3b838;border-radius:12px}@media (width<=900px){.navbar{flex-direction:column;align-items:flex-start}.navbar-links{justify-content:flex-start}.page-shell{width:min(100% - 16px,1400px)}.page-shell main{padding:16px}.page-shell table{display:block;overflow-x:auto}.page-shell table .navbar-logout{color:#fecaca;cursor:pointer;background:#ef44442e;border:1px solid #f8717159;border-radius:10px;padding:8px 10px;font-size:14px;font-weight:700}.page-shell table .navbar-logout:hover{color:#fff;background:#ef444447}}