@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&display=swap";:root,[data-theme=light]{--bg: #f8f9fc;--bg-sidebar: #ffffff;--bg-card: #ffffff;--bg-card-hover: #f5f6fa;--bg-input: #f5f6fa;--bg-input-focus: #ffffff;--bg-modal: #ffffff;--bg-th: #f0f2f7;--border: #e2e5f1;--border-hover: #cccfe0;--border-focus: #6366f1;--text: #0f172a;--text-2: #475569;--text-3: #94a3b8;--accent: #6366f1;--accent2: #8b5cf6;--accent-light: rgba(99,102,241,.08);--success: #10b981;--success-light: rgba(16,185,129,.08);--danger: #ef4444;--danger-light: rgba(239,68,68,.08);--warning: #f59e0b;--warning-light: rgba(245,158,11,.08);--shadow-sm: 0 1px 3px rgba(0,0,0,.06);--shadow-md: 0 4px 12px rgba(0,0,0,.08);--shadow-lg: 0 8px 30px rgba(0,0,0,.1);--shadow-accent: 0 4px 18px rgba(99,102,241,.25);--radius: 12px;--scrollbar-track: #f0f2f7;--scrollbar-thumb: #c6cade;color-scheme:light}[data-theme=dark]{--bg: #000000;--bg-sidebar: rgba(10,10,10,.98);--bg-card: #111111;--bg-card-hover: #1a1a1a;--bg-input: #141414;--bg-input-focus: #1a1a1a;--bg-modal: #0a0a0a;--bg-th: rgba(255,255,255,.04);--border: rgba(255,255,255,.1);--border-hover: rgba(255,255,255,.18);--border-focus: #6366f1;--text: #ffffff;--text-2: #a0a0a0;--text-3: #666666;--accent-light: rgba(99,102,241,.12);--success-light: rgba(16,185,129,.12);--danger-light: rgba(239,68,68,.12);--warning-light: rgba(245,158,11,.12);--shadow-sm: 0 1px 3px rgba(0,0,0,.5);--shadow-md: 0 4px 12px rgba(0,0,0,.6);--shadow-lg: 0 8px 30px rgba(0,0,0,.7);--shadow-accent: 0 4px 18px rgba(99,102,241,.3);--scrollbar-track: #000000;--scrollbar-thumb: #333333;color-scheme:dark}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;background:var(--bg);color:var(--text);min-height:100vh;transition:background .3s ease,color .3s ease;-webkit-font-smoothing:antialiased}a{text-decoration:none;color:inherit}button{cursor:pointer;border:none;font-family:inherit;background:none}input,select,textarea{font-family:inherit;outline:none;border:none}::-webkit-scrollbar{width:5px}::-webkit-scrollbar-track{background:var(--scrollbar-track)}::-webkit-scrollbar-thumb{background:var(--scrollbar-thumb);border-radius:3px}.admin-layout{display:flex;min-height:100vh}.sidebar{width:256px;min-width:256px;background:var(--bg-sidebar);border-right:1px solid var(--border);display:flex;flex-direction:column;position:fixed;top:0;left:0;bottom:0;z-index:50;box-shadow:var(--shadow-sm);transition:background .3s ease}.sidebar-logo{padding:22px 20px;border-bottom:1px solid var(--border)}.sidebar-nav{flex:1;padding:14px 12px;display:flex;flex-direction:column;gap:3px;overflow-y:auto}.nav-link{display:flex;align-items:center;gap:10px;padding:10px 14px;border-radius:10px;color:var(--text-2);font-size:.875rem;font-weight:500;transition:all .2s;cursor:pointer;border:1px solid transparent}.nav-link:hover{background:var(--accent-light);color:var(--text)}.nav-link.active{background:var(--accent-light);color:var(--accent);border-color:var(--border);font-weight:600}.nav-link .icon{font-size:1.05rem;width:20px;text-align:center}.sidebar-footer{padding:16px;border-top:1px solid var(--border)}.main-content{margin-left:256px;flex:1;padding:28px 32px;min-height:100vh}.topbar{display:flex;justify-content:space-between;align-items:center;margin-bottom:28px;gap:16px;flex-wrap:wrap}.topbar h1{font-size:1.5rem;font-weight:800;letter-spacing:-.02em}.topbar p{color:var(--text-2);font-size:.85rem;margin-top:3px}.card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-sm);transition:all .2s}.card:hover{border-color:var(--border-hover)}.btn{display:inline-flex;align-items:center;gap:6px;padding:10px 20px;border-radius:10px;font-weight:600;font-size:.85rem;transition:all .2s;cursor:pointer}.btn-primary{background:linear-gradient(135deg,#6366f1,#8b5cf6);color:#fff;box-shadow:var(--shadow-accent)}.btn-primary:hover{transform:translateY(-1px);box-shadow:0 6px 22px #6366f166}.btn-danger{background:var(--danger-light);color:var(--danger);border:1px solid var(--danger)}.btn-success{background:var(--success-light);color:var(--success);border:1px solid var(--success)}.btn-outline{background:transparent;border:1px solid var(--border);color:var(--text)}.btn-outline:hover{border-color:var(--accent);color:var(--accent);background:var(--accent-light)}.btn-sm{padding:7px 14px;font-size:.8rem;border-radius:8px}.btn-xs{padding:5px 10px;font-size:.72rem;border-radius:6px}.btn:disabled{opacity:.5;cursor:not-allowed}.form-group{display:flex;flex-direction:column;gap:5px;margin-bottom:14px}.form-label{font-size:.78rem;font-weight:600;color:var(--text-2);text-transform:uppercase;letter-spacing:.05em}.form-input{background:var(--bg-input);border:1.5px solid var(--border);border-radius:10px;padding:10px 14px;color:var(--text);font-size:.875rem;width:100%;transition:all .2s}.form-input:focus{border-color:var(--border-focus);background:var(--bg-input-focus);box-shadow:0 0 0 3px var(--accent-light)}.form-input::placeholder{color:var(--text-3)}select.form-input{cursor:pointer}select.form-input option{background:var(--bg-card);color:var(--text)}.table-wrap{overflow-x:auto;border-radius:var(--radius);border:1px solid var(--border);background:var(--bg-card)}table{width:100%;border-collapse:collapse}th{background:var(--bg-th);padding:12px 16px;text-align:left;font-size:.72rem;text-transform:uppercase;letter-spacing:.06em;color:var(--text-2);font-weight:600;white-space:nowrap}td{padding:12px 16px;border-bottom:1px solid var(--border);font-size:.85rem;vertical-align:middle}tr:last-child td{border-bottom:none}tr:hover td{background:var(--accent-light)}.badge{display:inline-flex;align-items:center;padding:3px 10px;border-radius:999px;font-size:.7rem;font-weight:600}.badge-success{background:var(--success-light);color:var(--success)}.badge-danger{background:var(--danger-light);color:var(--danger)}.badge-accent{background:var(--accent-light);color:var(--accent)}.badge-warning{background:var(--warning-light);color:var(--warning)}.stat-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(155px,1fr));gap:14px;margin-bottom:28px}.stat-card{padding:20px;text-align:center}.stat-num{font-size:1.8rem;font-weight:800}.stat-lbl{color:var(--text-2);font-size:.78rem;margin-top:3px;font-weight:500}.alert{padding:10px 14px;border-radius:10px;font-size:.82rem;margin-bottom:14px;font-weight:500}.alert-error{background:var(--danger-light);border:1px solid var(--danger);color:var(--danger)}.alert-success{background:var(--success-light);border:1px solid var(--success);color:var(--success)}.modal-overlay{position:fixed;top:0;left:256px;right:0;bottom:0;background:var(--bg);z-index:9999;overflow-y:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch;padding:32px 40px 80px;scrollbar-width:none}.modal-overlay::-webkit-scrollbar{display:none}.modal{width:100%;max-width:960px;margin:0 auto;position:relative}.modal h2{font-size:1.4rem;font-weight:800;margin-bottom:24px;border-bottom:1px solid var(--border);padding-bottom:16px}.loading{display:flex;align-items:center;justify-content:center;padding:80px}.spinner{width:36px;height:36px;border:3px solid var(--border);border-top-color:var(--accent);border-radius:50%;animation:spin .8s linear infinite}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.fade-in{animation:fadeIn .3s ease forwards}.grid-2{display:grid;grid-template-columns:1fr 1fr;gap:14px}.theme-toggle-admin{display:flex;align-items:center;gap:8px;padding:8px 14px;border-radius:10px;background:var(--accent-light);border:1px solid var(--border);cursor:pointer;font-size:.8rem;font-weight:500;color:var(--text-2);transition:all .2s;width:100%;justify-content:center}.theme-toggle-admin:hover{background:var(--accent-light);color:var(--text);border-color:var(--accent)}@media (max-width: 900px){.sidebar{transform:translate(-100%);transition:transform .3s}.sidebar.open{transform:translate(0)}.main-content{margin-left:0;padding:20px 16px}}.fade-in{animation:fadeIn .4s ease-out}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.pulse-dot{width:8px;height:8px;border-radius:50%;background:var(--accent);display:inline-block;box-shadow:0 0 #6366f166;animation:pulse-dot 2s infinite}@keyframes pulse-dot{0%{box-shadow:0 0 #6366f166}70%{box-shadow:0 0 0 8px #6366f100}to{box-shadow:0 0 #6366f100}}.invite-item:hover{transform:translateY(-2px);border-color:var(--accent)!important;box-shadow:var(--shadow-sm)}.spinner-xs{width:16px;height:16px;border:2px solid var(--border);border-top-color:var(--accent);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}