.dashboard-root{--bg: #171717;--bg-1: #1a1a1a;--bg-2: #1f1f1f;--bg-3: #262626;--border: rgba(255,255,255,.06);--border-md: rgba(255,255,255,.1);--border-lg: rgba(255,255,255,.16);--text-1: #d4d4d4;--text-2: #858585;--text-3: #6a6a6a;--coral: #FF4E46;--coral-light: #FF7A75;--coral-dim: #CC3E37;--navy: #1F2853;--navy-light: #2D3A6E;--navy-mid: #7B96D4;--success: #22c55e;--warning: #f97316;--danger: #ef4444;--info: #3b82f6;--accent: #6366f1;--icon-bg: #262626;--icon-border: rgba(255,255,255,.06);--icon-color: #858585;--stat-bg: #1f1f1f;--stat-border: rgba(255,255,255,.06);--card-bg: #1f1f1f;--card-border: rgba(255,255,255,.06);--sidebar-bg: #1a1a1a;--sidebar-border: rgba(255,255,255,.06);--sidebar-active: rgba(255,255,255,.07);--sidebar-hover: rgba(255,255,255,.04);--nav-color: #858585;--nav-active-color: #d4d4d4;--nav-active-bg: rgba(255,255,255,.07);--nav-hover-bg: rgba(255,255,255,.04);--input-bg: #262626;--input-border: rgba(255,255,255,.1);--input-color: #d4d4d4;--input-placeholder: #6a6a6a;--divider: rgba(255,255,255,.06);--badge-gray-bg: rgba(255,255,255,.06);--badge-gray-color: #858585;--badge-gray-border:rgba(255,255,255,.1);--row-hover: rgba(255,255,255,.03);--toggle-bg: transparent;--toggle-border: rgba(255,255,255,.1);--toggle-color: #858585;--sans: "DM Sans", system-ui, sans-serif;--mono: "DM Mono", "Menlo", monospace;--r-sm: 4px;--r-md: 6px;--r-lg: 10px;--r-xl: 14px;--r-full: 9999px}.dashboard-root[data-theme=light]{--bg: #f5f5f4;--bg-1: #efefee;--bg-2: #e9e8e7;--bg-3: #dedcdb;--border: rgba(0,0,0,.08);--border-md: rgba(0,0,0,.13);--border-lg: rgba(0,0,0,.2);--text-1: #111111;--text-2: #555555;--text-3: #888888;--icon-bg: #e0dfde;--icon-border: rgba(0,0,0,.08);--icon-color: #555555;--stat-bg: #ffffff;--stat-border: rgba(0,0,0,.08);--card-bg: #ffffff;--card-border: rgba(0,0,0,.08);--sidebar-bg: #efefee;--sidebar-border: rgba(0,0,0,.08);--sidebar-active: rgba(0,0,0,.07);--sidebar-hover: rgba(0,0,0,.04);--nav-color: #666666;--nav-active-color: #111111;--nav-active-bg: rgba(0,0,0,.07);--nav-hover-bg: rgba(0,0,0,.04);--input-bg: #ffffff;--input-border: rgba(0,0,0,.13);--input-color: #111111;--input-placeholder: #999999;--divider: rgba(0,0,0,.08);--badge-gray-bg: rgba(0,0,0,.06);--badge-gray-color: #555555;--badge-gray-border:rgba(0,0,0,.1);--row-hover: rgba(0,0,0,.03);--toggle-bg: transparent;--toggle-border: rgba(0,0,0,.12);--toggle-color: #666666}.dashboard-root{font-family:var(--sans);font-size:15px;line-height:1.55;background:var(--bg);color:var(--text-1);min-height:100vh;transition:background .18s ease,color .18s ease}.dashboard-root *{box-sizing:border-box;font-family:var(--sans)}.dashboard-root ::-webkit-scrollbar{width:4px;height:4px}.dashboard-root ::-webkit-scrollbar-track{background:transparent}.dashboard-root ::-webkit-scrollbar-thumb{background:var(--border-md);border-radius:4px}.fx-stat-card{background:var(--stat-bg);border:1px solid var(--stat-border);border-radius:var(--r-lg);padding:16px;transition:background .18s,border-color .18s}.fx-stat-label{font-size:11px;font-weight:500;color:var(--text-3);text-transform:uppercase;letter-spacing:.05em;margin:0 0 6px}.fx-stat-value{font-size:22px;font-weight:600;color:var(--text-1);letter-spacing:-.3px;margin:0}.fx-stat-sub{font-size:12px;color:var(--text-3);margin:2px 0 0}.fx-card{background:var(--card-bg);border:1px solid var(--card-border);border-radius:var(--r-lg);padding:20px;transition:background .18s,border-color .18s}.fx-icon-wrap{display:flex;align-items:center;justify-content:center;background:var(--icon-bg);border:1px solid var(--icon-border);border-radius:8px;flex-shrink:0;color:var(--icon-color);transition:background .18s,color .18s}.fx-icon-wrap svg{color:var(--icon-color)}.fx-icon-wrap.active{background:#ff4e4626;border-color:#ff4e464d;color:var(--coral-light)}.fx-icon-wrap.active svg{color:var(--coral-light)}.fx-section-label{font-size:11px;font-weight:500;color:var(--text-3);text-transform:uppercase;letter-spacing:.07em;margin:0 0 10px}.fx-divider{border:none;border-top:1px solid var(--divider);margin:16px 0}.fx-row{display:flex;align-items:center;justify-content:space-between;padding:10px 0;border-bottom:1px solid var(--divider)}.fx-row:last-child{border-bottom:none}.fx-row:hover{background:var(--row-hover)}.fx-badge{display:inline-flex;align-items:center;padding:3px 8px;border-radius:var(--r-full);font-size:10px;font-weight:500;letter-spacing:.04em}.fx-badge-gray{background:var(--badge-gray-bg);color:var(--badge-gray-color);border:1px solid var(--badge-gray-border)}.fx-badge-coral{background:#ff4e461f;color:#ff7a75;border:1px solid rgba(255,78,70,.2)}.fx-badge-green{background:#22c55e1f;color:#4ade80;border:1px solid rgba(34,197,94,.2)}.fx-badge-blue{background:#3b82f61f;color:#60a5fa;border:1px solid rgba(59,130,246,.2)}.fx-badge-amber{background:#f973161f;color:#fb923c;border:1px solid rgba(249,115,22,.2)}.fx-btn{display:inline-flex;align-items:center;gap:6px;border-radius:var(--r-md);font-size:13px;font-weight:500;cursor:pointer;transition:background .15s,opacity .15s;font-family:var(--sans);border:1px solid transparent}.fx-btn:disabled{opacity:.4;cursor:not-allowed}.fx-btn-sm{padding:5px 12px;font-size:12px}.fx-btn-md{padding:7px 16px;font-size:13px}.fx-btn-primary{background:var(--coral);color:#fff}.fx-btn-primary:hover{background:var(--coral-dim)}.fx-btn-secondary{background:var(--bg-3);color:var(--text-1);border-color:var(--border-md)}.fx-btn-secondary:hover{background:var(--bg-2)}.fx-btn-ghost{background:transparent;color:var(--text-2);border-color:transparent}.fx-btn-ghost:hover{background:var(--bg-3);color:var(--text-1)}.fx-btn-danger{background:#ef44441f;color:#f87171;border-color:#ef444433}.fx-btn-danger:hover{background:#ef444433}.fx-btn-navy{background:var(--navy-light);color:var(--navy-mid)}.fx-btn-navy:hover{background:#3a4a80}.fx-input{width:100%;padding:8px 12px;background:var(--input-bg);border:1px solid var(--input-border);border-radius:8px;font-size:13px;color:var(--input-color);font-family:var(--sans);outline:none;transition:border-color .15s}.fx-input::-moz-placeholder{color:var(--input-placeholder)}.fx-input::placeholder{color:var(--input-placeholder)}.fx-input:focus{border-color:#ff4e4666}.fx-textarea{width:100%;padding:8px 12px;background:var(--input-bg);border:1px solid var(--input-border);border-radius:8px;font-size:13px;color:var(--input-color);font-family:var(--sans);outline:none;resize:none;transition:border-color .15s}.fx-textarea:focus{border-color:#ff4e4666}.fx-label{display:block;font-size:11px;font-weight:500;color:var(--text-3);margin-bottom:6px;text-transform:uppercase;letter-spacing:.05em}.fx-toggle{width:32px;height:18px;border-radius:9999px;background:var(--bg-3);border:1px solid var(--border-md);position:relative;cursor:pointer;transition:background .15s;flex-shrink:0}.fx-toggle.on{background:var(--coral);border-color:var(--coral-dim)}.fx-toggle:after{content:"";position:absolute;top:2px;left:2px;width:12px;height:12px;border-radius:50%;background:#fff;transition:transform .15s;box-shadow:0 1px 3px #0000004d}.fx-toggle.on:after{transform:translate(14px)}.fx-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:48px 24px;text-align:center}.fx-empty-icon{width:40px;height:40px;border-radius:12px;background:var(--bg-3);border:1px solid var(--border);display:flex;align-items:center;justify-content:center;margin-bottom:12px}.fx-empty-title{font-size:14px;font-weight:500;color:var(--text-1);margin:0}.fx-empty-desc{font-size:13px;color:var(--text-2);margin:4px 0 0;max-width:280px}.fx-page{max-width:760px;margin:0 auto;padding:32px 24px;width:100%}.fx-page-header{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:24px}.fx-page-title{font-size:22px;font-weight:600;color:var(--text-1);letter-spacing:-.3px;margin:0}.fx-page-desc{font-size:14px;color:var(--text-2);margin:4px 0 0}.dashboard-root a.nav-link-active{background:var(--nav-active-bg)!important;color:var(--nav-active-color)!important}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.dashboard-root .foxora-icon-dark{display:block}.dashboard-root .foxora-icon-light{display:none}.dashboard-root .foxora-wordmark{filter:none}.dashboard-root[data-theme=light] .foxora-icon-dark{display:none}.dashboard-root[data-theme=light] .foxora-icon-light{display:block}.dashboard-root[data-theme=light] .foxora-wordmark{filter:invert(1) brightness(0)}
