:root{--bg: #0f172a;--bg-2: #1e293b;--bg-3: #273549;--border: #334155;--text: #e2e8f0;--text-muted: #94a3b8;--primary: #6366f1;--primary-hover: #4f46e5;--success: #22c55e;--danger: #ef4444;--warning: #f59e0b;--radius: 10px}[data-theme=light]{--bg: #f1f5f9;--bg-2: #ffffff;--bg-3: #e2e8f0;--border: #cbd5e1;--text: #0f172a;--text-muted: #64748b}*{box-sizing:border-box;margin:0;padding:0}html,body{height:100%}body{font-family:DM Sans,system-ui,-apple-system,sans-serif;background:var(--bg);color:var(--text);font-size:14px;line-height:1.5}a{color:var(--primary);text-decoration:none}h1{font-size:22px;font-weight:700}h2{font-size:16px;font-weight:600}label{display:block;font-weight:500;margin-bottom:4px;color:var(--text-muted);font-size:13px}input[type=text],input[type=email],input[type=password],input[type=number],input[type=url],input[type=datetime-local],input[type=date],textarea,select{width:100%;padding:9px 12px;background:var(--bg);border:1px solid var(--border);border-radius:8px;color:var(--text);font-family:inherit;font-size:14px;transition:border-color .15s}input:focus,textarea:focus,select:focus{outline:none;border-color:var(--primary)}input[type=color]{width:44px;height:38px;padding:2px;background:var(--bg);border:1px solid var(--border);border-radius:8px;cursor:pointer}textarea{resize:vertical;min-height:90px}.field{margin-bottom:14px}.field .hint{font-size:12px;color:var(--text-muted);margin-top:3px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:14px}.form-row-3{display:grid;grid-template-columns:1fr 1fr 1fr;gap:14px}@media(max-width:720px){.form-row,.form-row-3{grid-template-columns:1fr}}.btn{display:inline-flex;align-items:center;gap:6px;padding:9px 18px;border:none;border-radius:8px;background:var(--primary);color:#fff;font-family:inherit;font-size:14px;font-weight:600;cursor:pointer;transition:background .15s,opacity .15s}.btn:hover{background:var(--primary-hover)}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-secondary{background:var(--bg-3);color:var(--text)}.btn-secondary:hover{background:var(--border)}.btn-danger{background:var(--danger)}.btn-danger:hover{background:#dc2626}.btn-sm{padding:5px 10px;font-size:12px}.btn-icon{background:transparent;border:none;color:var(--text-muted);cursor:pointer;padding:6px;border-radius:6px;font-size:15px;display:inline-flex;align-items:center}.btn-icon:hover{background:var(--bg-3);color:var(--text)}.card{background:var(--bg-2);border:1px solid var(--border);border-radius:var(--radius);padding:20px}.page-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px;gap:12px;flex-wrap:wrap}.table-wrap{overflow-x:auto;border-radius:var(--radius);border:1px solid var(--border)}table{width:100%;border-collapse:collapse;background:var(--bg-2)}th,td{padding:10px 14px;text-align:left;border-bottom:1px solid var(--border)}th{font-size:12px;text-transform:uppercase;letter-spacing:.04em;color:var(--text-muted);font-weight:600;background:var(--bg-2)}tbody tr:last-child td{border-bottom:none}tbody tr:hover{background:var(--bg-3)}.switch{position:relative;display:inline-block;width:40px;height:22px;flex-shrink:0}.switch input{opacity:0;width:0;height:0}.switch .slider{position:absolute;inset:0;cursor:pointer;background:var(--border);border-radius:22px;transition:background .15s}.switch .slider:before{content:"";position:absolute;width:16px;height:16px;left:3px;top:3px;background:#fff;border-radius:50%;transition:transform .15s}.switch input:checked+.slider{background:var(--success)}.switch input:checked+.slider:before{transform:translate(18px)}.badge{display:inline-block;padding:2px 9px;border-radius:999px;font-size:11px;font-weight:600}.badge-success{background:#22c55e26;color:var(--success)}.badge-muted{background:var(--bg-3);color:var(--text-muted)}.badge-warning{background:#f59e0b26;color:var(--warning)}.pagination{display:flex;align-items:center;gap:10px;margin-top:16px;justify-content:flex-end}.pagination span{color:var(--text-muted);font-size:13px}.modal-backdrop{position:fixed;inset:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:1000}.modal{background:var(--bg-2);border:1px solid var(--border);border-radius:var(--radius);padding:24px;width:min(440px,92vw)}.modal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:14px}.modal-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:22px}.toast-container{position:fixed;top:18px;right:18px;z-index:2000;display:flex;flex-direction:column;gap:10px;max-width:360px}.toast{padding:12px 16px;border-radius:8px;color:#fff;font-weight:500;display:flex;align-items:center;gap:10px;box-shadow:0 8px 24px #00000059;animation:toast-in .2s ease-out}.toast-success{background:#16a34a}.toast-error{background:#dc2626}.toast-info{background:var(--primary)}.toast button{background:none;border:none;color:#fff;cursor:pointer;font-size:15px;margin-left:auto}@keyframes toast-in{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:none}}.muted{color:var(--text-muted)}.thumb{width:44px;height:44px;object-fit:cover;border-radius:8px;background:var(--bg-3)}.empty-state{text-align:center;padding:48px 20px;color:var(--text-muted)}.spinner{width:26px;height:26px;border:3px solid var(--border);border-top-color:var(--primary);border-radius:50%;margin:40px auto;animation:spin .7s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}