:root{--bg-base:#0a1a2f;--bg-surface:#0f2847;--bg-elevated:#1a3354;--bg-input:#05101f;--accent:#4fd1c5;--accent-hover:#2a8a82;--accent-light:#7fe8dd;--secondary:#4fd1c5;--green:#10b981;--green-light:#34d399;--red:#f87171;--red-light:#fca5a5;--yellow:#f59e0b;--yellow-light:#fbbf24;--purple:#a78bfa;--text-primary:#f1f5f9;--text-secondary:#cbd5e1;--text-muted:#a8b4c5;--text-inverse:#0f172a;--border:#334155;--border-light:#475569;--border-focus:#3b82f6;--font-sans:"Inter", -apple-system, BlinkMacSystemFont, sans-serif;--font-mono:"JetBrains Mono", "Fira Code", monospace;--text-xs:.75rem;--text-sm:.875rem;--text-base:1rem;--text-lg:1.125rem;--text-xl:1.25rem;--text-2xl:1.5rem;--text-3xl:1.875rem;--text-4xl:2.25rem;--radius-sm:6px;--radius-md:8px;--radius-lg:12px;--radius-xl:16px;--radius-full:9999px;--shadow-sm:0 1px 2px #0000004d;--shadow-md:0 4px 12px #0000004d;--shadow-lg:0 8px 24px #0006;--transition:.15s ease}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:16px}body{font-family:var(--font-sans);background:var(--bg-base);color:var(--text-primary);min-height:100vh;line-height:1.6}a{color:var(--accent);transition:color var(--transition);text-decoration:none}a:hover{color:var(--accent-light)}code,pre{font-family:var(--font-mono)}.container{max-width:1200px;margin:0 auto;padding:0 24px}.btn{font-size:var(--text-sm);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition);font-weight:600;font-family:var(--font-sans);border:none;align-items:center;gap:8px;padding:10px 20px;display:inline-flex}.btn-primary{background:var(--accent-hover);color:#fff}.btn-primary:hover{background:#1d4ed8;box-shadow:0 0 20px #3b82f64d}.btn-secondary{color:var(--text-primary);border:1px solid var(--border);background:0 0}.btn-secondary:hover{border-color:var(--accent);color:var(--accent)}.btn-danger{background:var(--red);color:#fff}.btn-danger:hover{background:#dc2626}.card{background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius-lg);transition:border-color var(--transition);padding:24px}.card:hover{border-color:var(--border-light)}.badge{font-size:var(--text-xs);border-radius:100px;align-items:center;padding:2px 10px;font-weight:600;display:inline-flex}.badge-green{color:var(--green-light);background:#10b9812e}.badge-red{color:var(--red-light);background:#ef44442e}.badge-yellow{color:var(--yellow);background:#f59e0b2e}.badge-blue{color:var(--accent-light);background:#3b82f62e}.input{background:var(--bg-input);border:1px solid var(--border);border-radius:var(--radius-md);width:100%;color:var(--text-primary);font-size:var(--text-sm);font-family:var(--font-sans);transition:border-color var(--transition);padding:10px 14px}.input:focus{border-color:var(--border-focus);outline:none;box-shadow:0 0 0 3px #3b82f61a}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,[role=button]:focus-visible,[tabindex]:focus-visible{outline:2px solid var(--accent,#3b82f6);outline-offset:2px}.stat-card{background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius-md);text-align:center;padding:16px}.stat-value{font-size:var(--text-2xl);color:var(--accent);font-weight:800}.stat-label{font-size:var(--text-xs);color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;margin-top:4px}.nav-burger,.admin-mobile-burger{display:none}@media (width<=768px){.nav-links,.nav-cta{display:none!important}.nav-burger{display:inline-flex!important}.btn{font-size:var(--text-xs);padding:8px 14px}.admin-sidebar{transform:translate(-100%)}.admin-sidebar.mobile-open{transform:translate(0);box-shadow:0 8px 24px #0006}.admin-main-area{margin-left:0!important}.admin-mobile-burger{display:inline-flex!important}}@media (width<=480px){body{font-size:14px}}.page-header{border-bottom:1px solid var(--border);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin-bottom:20px;padding-bottom:16px;display:flex}.page-header-title{align-items:center;gap:14px;min-width:0;display:flex}.page-header-title svg{color:var(--accent);flex-shrink:0}.page-header-title h1{font-size:var(--text-xl,22px);color:var(--text-primary);margin:0;font-weight:700;line-height:1.2}.page-header-title .subtitle{font-size:var(--text-sm,13px);color:var(--text-muted);margin:2px 0 0}.page-header-actions{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.breadcrumbs{font-size:var(--text-xs,12px);margin-bottom:12px}.breadcrumbs ol{flex-wrap:wrap;align-items:center;gap:4px;margin:0;padding:0;list-style:none;display:flex}.breadcrumbs li{color:var(--text-muted);align-items:center;gap:4px;display:inline-flex}.breadcrumbs a{color:var(--text-muted);border-radius:var(--radius-sm,4px);padding:2px 6px;text-decoration:none;transition:background .12s,color .12s}.breadcrumbs a:hover{color:var(--accent);background:#3b82f614}.breadcrumbs [aria-current=page]{color:var(--text-primary);padding:2px 6px;font-weight:600}.breadcrumb-sep{color:var(--text-muted);opacity:.5}.breadcrumb-home-icon{color:var(--text-muted);margin-right:2px}.search-input{background:var(--bg-secondary,#ffffff0a);border:1px solid var(--border);border-radius:var(--radius-md,6px);align-items:center;gap:8px;min-width:240px;padding:6px 10px;transition:border-color .12s,box-shadow .12s;display:inline-flex}.search-input:focus-within{border-color:var(--accent);box-shadow:0 0 0 3px #3b82f626}.search-input-icon{color:var(--text-muted);flex-shrink:0}.search-input input{color:var(--text-primary);font-size:var(--text-sm,13px);background:0 0;border:none;outline:none;flex:1;min-width:0}.search-input input::placeholder{color:var(--text-muted)}.search-input-clear{color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-radius:50%;padding:2px;display:inline-flex}.search-input-clear:hover{color:var(--text-primary);background:#ffffff0f}.sortable-th{cursor:pointer;-webkit-user-select:none;user-select:none;white-space:nowrap}.sortable-th:hover{color:var(--accent)}.sortable-th:focus-visible{outline:2px solid var(--accent);outline-offset:-2px}.sortable-th-arrow{opacity:.5;margin-left:6px;font-size:.85em;display:inline-block}.sortable-th-active .sortable-th-arrow{opacity:1;color:var(--accent)}.pagination{flex-wrap:wrap;justify-content:center;align-items:center;gap:8px;margin:16px 0;display:flex}.pagination ul{align-items:center;gap:4px;margin:0;padding:0;list-style:none;display:flex}.pagination button{border:1px solid var(--border);color:var(--text-secondary);border-radius:var(--radius-sm,4px);cursor:pointer;font-size:var(--text-sm,13px);background:0 0;justify-content:center;align-items:center;gap:4px;min-width:32px;padding:6px 10px;display:inline-flex}.pagination button:hover:not(:disabled){border-color:var(--accent);color:var(--accent)}.pagination button:disabled{opacity:.4;cursor:not-allowed}.pagination button.active,.pagination button[aria-current=page]{background:var(--accent);border-color:var(--accent);color:#fff;font-weight:600}.pagination-ellipsis{color:var(--text-muted);-webkit-user-select:none;user-select:none;padding:0 4px}.tooltip-wrapper{align-items:center;display:inline-flex;position:relative}.tooltip-anchor{display:inline-flex}.tooltip-bubble{background:var(--bg-tooltip,#1f2937);color:#fff;border-radius:var(--radius-sm,4px);font-size:var(--text-xs,12px);white-space:nowrap;pointer-events:none;opacity:0;visibility:hidden;z-index:100;white-space:normal;max-width:260px;padding:4px 8px;transition:opacity .14s,transform .14s,visibility .14s;position:absolute;transform:translateY(2px);box-shadow:0 4px 12px #00000040}.tooltip-wrapper:hover .tooltip-bubble,.tooltip-wrapper:focus-within .tooltip-bubble{opacity:1;visibility:visible;transform:translateY(0)}.tooltip-top .tooltip-bubble{bottom:calc(100% + 6px);left:50%;transform:translate(-50%,2px)}.tooltip-top:hover .tooltip-bubble,.tooltip-top:focus-within .tooltip-bubble{transform:translate(-50%)}.tooltip-bottom .tooltip-bubble{top:calc(100% + 6px);left:50%;transform:translate(-50%,-2px)}.tooltip-bottom:hover .tooltip-bubble,.tooltip-bottom:focus-within .tooltip-bubble{transform:translate(-50%)}.tooltip-left .tooltip-bubble{top:50%;right:calc(100% + 6px);transform:translate(2px,-50%)}.tooltip-left:hover .tooltip-bubble,.tooltip-left:focus-within .tooltip-bubble{transform:translateY(-50%)}.tooltip-right .tooltip-bubble{top:50%;left:calc(100% + 6px);transform:translate(-2px,-50%)}.tooltip-right:hover .tooltip-bubble,.tooltip-right:focus-within .tooltip-bubble{transform:translateY(-50%)}.empty-state{text-align:center;flex-direction:column;align-items:center;gap:12px;padding:48px 24px;display:flex}.empty-state-icon{background:var(--bg-secondary,#ffffff0a);width:88px;height:88px;color:var(--text-muted);border-radius:50%;justify-content:center;align-items:center;margin-bottom:4px;display:flex}.empty-state h3{font-size:var(--text-lg,16px);color:var(--text-primary);margin:0;font-weight:700}.empty-state p{max-width:420px;color:var(--text-muted);font-size:var(--text-sm,13px);margin:0;line-height:1.5}.empty-state-cta{gap:8px;margin-top:8px;display:inline-flex}@keyframes spin{to{transform:rotate(360deg)}}body[data-theme=aisia-blue]{--bg-base:#0f172a;--bg-surface:#1e293b;--bg-elevated:#273548;--bg-input:#1a2535;--accent:#3b82f6;--accent-hover:#2563eb;--accent-light:#60a5fa;--secondary:#22d3ee}body[data-theme=aisia-violet]{--bg-base:#0d0c1a;--bg-surface:#181628;--bg-elevated:#221f33;--bg-input:#161425;--accent:#7c5cff;--accent-hover:#6940f0;--accent-light:#a487ff;--secondary:#c4b5fd;--text-secondary:#d1cce5;--text-muted:#b3aed1;--border:#2d2842;--border-light:#3d3656;--border-focus:#7c5cff}body[data-theme=aisia-sepia]{--bg-base:#1a1612;--bg-surface:#25201a;--bg-elevated:#2f2922;--bg-input:#1f1a14;--accent:#d97757;--accent-hover:#c5613f;--accent-light:#e89679;--secondary:#e9b88f;--text-primary:#f5efe6;--text-secondary:#d4c8b8;--text-muted:#b8ab98;--border:#3a322a;--border-light:#4a4036;--border-focus:#d97757}