:root{color-scheme:dark;font-family:Inter,system-ui,sans-serif;background:radial-gradient(circle at top left,rgba(88,108,246,.18),transparent 28%),radial-gradient(circle at bottom right,rgba(251,146,60,.12),transparent 30%),#060b1b;color:#f8fafc}*{box-sizing:border-box}body,html,#root{margin:0;min-height:100%}button{cursor:pointer;font:inherit}.app-shell{min-height:100vh;display:grid;grid-template-columns:280px 1fr;gap:1.5rem}.sidebar{display:flex;flex-direction:column;justify-content:space-between;min-height:100vh;padding:2rem 1.5rem;background:#0b1337f0;border-right:1px solid rgba(255,255,255,.08);box-shadow:15px 0 50px #0a122d52}.sidebar-brand{display:flex;flex-direction:column;gap:1rem}.sidebar-tag{color:#94a3b8;font-size:.95rem;max-width:210px}.sidebar-nav{display:grid;grid-template-columns:1fr;gap:.85rem;margin-top:2rem}.sidebar-nav a{display:inline-flex;align-items:center;gap:.75rem;padding:.95rem 1.15rem;border-radius:1rem;color:#cbd5e1;text-decoration:none;font-weight:600;background:#ffffff08;transition:background .18s ease,transform .18s ease,color .18s ease}.sidebar-nav a:hover,.sidebar-nav a.active{color:#fff;background:#4f46e538;transform:translate(2px)}.sidebar-footer{display:flex;flex-direction:column;gap:1rem;margin-top:2rem}.profile-chip{display:flex;align-items:center;gap:.9rem;padding:1rem;border-radius:1rem;background:#ffffff0a;border:1px solid rgba(255,255,255,.08)}.profile-avatar{width:3rem;height:3rem;display:grid;place-items:center;border-radius:1rem;background:linear-gradient(135deg,#4f46e5,#f97316);color:#fff;font-weight:800}.profile-name{color:#f8fafc;font-weight:700}.profile-role{color:#94a3b8;font-size:.9rem}.logout-button{width:100%}.main-area{display:flex;flex-direction:column;min-height:100vh}.topbar{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1.35rem 2rem;background:#0a122de6;border-bottom:1px solid rgba(255,255,255,.08)}.topbar-title{color:#e2e8f0;font-size:1.05rem;font-weight:700}.topbar-actions{display:flex;gap:1rem;align-items:center}.topbar button,button{border:none;background:linear-gradient(135deg,#4f46e5,#f97316);color:#fff;padding:.85rem 1.25rem;border-radius:.9rem;transition:transform .18s ease,box-shadow .18s ease;box-shadow:0 14px 30px #4f46e533}.topbar button.secondary,button.secondary{background:#ffffff14;color:#f8fafc;box-shadow:none;border:1px solid rgba(255,255,255,.12)}.topbar button:hover,button:hover{transform:translateY(-1px)}.page-shell{padding:2rem}.page-animate{animation:fadeInUp .7s ease both}@keyframes fadeInUp{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}.page-section{max-width:1200px;margin:0 auto}.card{background:#0a122de6;border:1px solid rgba(148,163,184,.12);border-radius:1.25rem;padding:1.75rem;margin-bottom:1.25rem;box-shadow:0 20px 60px #0a193a40}.form-card label{display:block;margin-bottom:1.25rem;color:#cbd5e1}.form-card input,.form-card textarea,.form-card select{width:100%;margin-top:.75rem;padding:.95rem 1rem;border:1px solid rgba(148,163,184,.18);border-radius:.85rem;background:#0f172af2;color:#f8fafc}.form-card textarea{min-height:160px;resize:vertical}.form-card input:focus,.form-card textarea:focus,.form-card select:focus{outline:none;border-color:#818cf8;box-shadow:0 0 0 4px #818cf81f}.form-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1rem}.full-width{grid-column:1 / -1}.alert{padding:.9rem 1rem;border-radius:.85rem;margin-bottom:1rem;font-weight:600}.alert.error{background:#fee2e229;color:#fecaca}.alert.success{background:#dcfce724;color:#a7f3d0}.primary{width:fit-content}.auth-page{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:2rem}.auth-panel{width:100%;max-width:540px;padding:2rem}.auth-header{display:flex;align-items:center;gap:1rem;margin-bottom:1.75rem}.auth-header h1{margin:0;font-size:1.75rem;color:#fff}.auth-header p{margin:.35rem 0 0;color:#cbd5e1;line-height:1.6}.auth-form{gap:1rem}.table-card{overflow-x:auto}.table-card table{width:100%;border-collapse:separate;border-spacing:0}.table-card th,.table-card td{padding:1rem;text-align:left;border-bottom:1px solid rgba(148,163,184,.14)}.table-card th{color:#94a3b8;font-size:.95rem;font-weight:700}.table-card tr:nth-child(2n){background:#ffffff08}.table-card tbody tr:hover{background:#ffffff0f}.filter-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:1rem}.filter-row label{display:block;color:#cbd5e1}.filter-row input,.filter-row select{width:100%;padding:.85rem 1rem;border-radius:.9rem;border:1px solid rgba(148,163,184,.18);background:#0f172af2;color:#f8fafc}.filter-row input::placeholder{color:#94a3b8}.pagination{display:flex;gap:1rem;align-items:center;justify-content:flex-end}.pagination button{min-width:110px}.page-header{display:flex;justify-content:space-between;align-items:center;gap:1rem;margin-bottom:1.5rem}.page-header h1,.page-section h1,.page-section h2{margin:0;color:#f8fafc}.page-section p{color:#cbd5e1;max-width:760px}.eyebrow{text-transform:uppercase;color:#a5b4fc;letter-spacing:.16em;font-size:.76rem;margin-bottom:.35rem}.page-copy{color:#cbd5e1;line-height:1.7;max-width:720px}.metric-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1rem;margin-bottom:1.25rem}.stat-card{background:#4f46e524;border:1px solid rgba(148,163,184,.14);border-radius:1rem;padding:1.25rem;display:flex;flex-direction:column;gap:.35rem}.stat-card span{color:#cbd5e1}.stat-card strong{font-size:1.65rem;color:#fff}.loading-card{padding:2rem;text-align:center;color:#cbd5e1}.split-grid{display:grid;grid-template-columns:1.1fr 1.4fr;gap:1.25rem;margin-bottom:1.25rem}.admin-panel{min-height:360px}.admin-list table{width:100%}.admin-list td,.admin-list th{border-bottom:1px solid rgba(148,163,184,.12)}.admin-list button{padding:.55rem .9rem}.info-panel{margin-bottom:1.5rem;border-left:4px solid #8b5cf6;padding:1.25rem 1.5rem}.info-list{margin:.85rem 0 0 1rem;color:#dbeafe}.info-list li{margin-bottom:.5rem}.notfound-page{display:grid;place-items:center;min-height:calc(100vh - 140px)}.notfound-card{max-width:520px;text-align:center;padding:2rem}.notfound-card h1{font-size:2.8rem}.notfound-card p{color:#cbd5e1;margin:1rem auto 1.5rem;max-width:420px}.notfound-card .primary{margin-top:.75rem}@media (max-width: 1080px){.app-shell{grid-template-columns:1fr}.sidebar{position:sticky;top:0;width:100%;min-height:auto;box-shadow:none;border-right:none}.main-area{margin-top:1rem}}@media (max-width: 720px){.topbar{flex-direction:column;align-items:stretch}.page-shell{padding:1.5rem 1rem 2rem}}