@import "https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@400;500;600;700&display=swap";:root{--primary-50:#eef2ff;--primary-100:#e0e7ff;--primary-500:#6366f1;--primary-600:#4f46e5;--primary-700:#4338ca;--primary-900:#312e81;--secondary-50:#ecfdf5;--secondary-100:#d1fae5;--secondary-500:#10b981;--secondary-600:#059669;--secondary-700:#047857;--neutral-50:#f8fafc;--neutral-100:#f1f5f9;--neutral-400:#94a3b8;--neutral-500:#64748b;--neutral-600:#475569;--neutral-700:#334155;--neutral-900:#0f172a;--accent-50:#fffbeb;--accent-500:#f59e0b;--accent-600:#d97706;--accent-700:#b45309;--danger-50:#fff1f2;--danger-500:#ef4444;--danger-600:#dc2626;--danger-700:#b91c1c;--surface-base:#f4f6fb;--surface-card:#fff;--surface-muted:#f1f5f9;--border-subtle:#0f172a14;--text-primary:#0f172a;--text-secondary:#64748b;--radius-lg:18px;--shadow-soft:0 12px 24px #0f172a14;--shadow-card:0 20px 50px #0f172a1f;--font-display:"Space Grotesk","IBM Plex Sans","Segoe UI",sans-serif;color:var(--text-primary);background-color:var(--surface-base);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Space Grotesk,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-weight:400;line-height:1.5}.dark{--surface-base:#0b1020;--surface-card:#0f1730;--surface-muted:#111b38;--border-subtle:#ffffff1a;--text-primary:#e8ecff;--text-secondary:#a8b0d8;--shadow-soft:0 12px 30px #00000059;--shadow-card:0 20px 50px #0006;--neutral-900:#e8ecff;--neutral-600:#a8b0d8;--neutral-500:#a8b0d8;--neutral-700:#e8ecff}*{box-sizing:border-box}body{background-color:var(--surface-base);min-width:320px;min-height:100vh;color:var(--text-primary);margin:0}img{max-width:100%;display:block}button{font-family:inherit}a{color:inherit;text-decoration:none}@media (max-width:640px){:root{font-size:15px}}.bg-primary{background-color:var(--primary-600)!important}.bg-primary-50{background-color:var(--primary-50)!important}.text-primary{color:var(--primary-600)!important}.border-primary{border-color:var(--primary-600)!important}.bg-primary-gradient{background-image:linear-gradient(90deg,var(--primary-600),var(--primary-700))!important}.bg-secondary{background-color:var(--secondary-600)!important}.bg-secondary-50{background-color:var(--secondary-50)!important}.text-secondary{color:var(--secondary-600)!important}.border-secondary{border-color:var(--secondary-600)!important}.bg-neutral{background-color:var(--neutral-600)!important}.bg-neutral-50{background-color:var(--neutral-50)!important}.text-neutral{color:var(--neutral-700)!important}.border-neutral{border-color:var(--neutral-200,#e2e8f0)!important}.bg-accent{background-color:var(--accent-500)!important}.bg-accent-50{background-color:var(--accent-50)!important}.text-accent{color:var(--accent-600)!important}.border-accent{border-color:var(--accent-500)!important}.bg-danger{background-color:var(--danger-500)!important}.bg-danger-50{background-color:var(--danger-50)!important}.text-danger{color:var(--danger-600)!important}.border-danger{border-color:var(--danger-500)!important}.badge-success{background-color:var(--secondary-50);color:var(--secondary-700)}.badge-processing{background-color:var(--primary-50);color:var(--primary-700)}.badge-failed{background-color:var(--danger-50);color:var(--danger-700)}.focus-outline-primary:focus{outline:3px solid color-mix(in srgb,var(--primary-600)10%,transparent);outline-offset:2px}.theme-token{display:none}#root{min-height:100vh}.dashboard{background:radial-gradient(900px 600px at 10% -10%,#4f46e51f,transparent 60%),radial-gradient(800px 600px at 90% 0%,#10b9811f,transparent 55%),var(--surface-base);min-height:100vh;color:var(--text-primary);grid-template-columns:280px 1fr;display:grid}.main{flex-direction:column;gap:22px;padding:28px 32px 40px;display:flex}.sidebar{background:var(--surface-card);border-right:1px solid var(--border-subtle);z-index:20;flex-direction:column;gap:20px;height:100vh;padding:24px 20px;transition:transform .3s;display:flex;position:sticky;top:0;overflow:hidden auto}.sidebar::-webkit-scrollbar{width:6px}.sidebar::-webkit-scrollbar-track{background:0 0}.sidebar::-webkit-scrollbar-thumb{background:var(--border-subtle);border-radius:3px}.sidebar::-webkit-scrollbar-thumb:hover{background:var(--neutral-400)}.sidebar__top{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.sidebar__brand{align-items:center;gap:12px;display:flex}.sidebar__brand h1{font-family:var(--font-display);margin:0;font-size:18px}.sidebar__brand p{color:var(--text-secondary);margin:4px 0 0;font-size:12px}.sidebar__logo{background:linear-gradient(135deg,var(--primary-600),var(--secondary-500));width:42px;height:42px;box-shadow:var(--shadow-soft);border-radius:14px;flex-shrink:0}.sidebar__close{background:var(--surface-muted);color:var(--neutral-600);cursor:pointer;border:none;border-radius:10px;padding:6px 10px;font-size:12px;display:none}.sidebar__pill{color:var(--text-secondary);gap:8px;font-size:12px;display:grid}.sidebar__nav{flex-direction:column;gap:10px;display:flex}.sidebar__link{cursor:pointer;background:0 0;border:1px solid #0000;border-radius:14px;padding:12px 14px;transition:all .2s}.sidebar__link strong{font-size:13px;display:block}.sidebar__link span{color:var(--text-secondary);margin-top:4px;font-size:12px;display:block}.sidebar__link:hover{background:#6366f114;border-color:#4f46e533;transform:translate(2px)}.sidebar__link.is-active{background:#6366f126;border-color:#4f46e559;box-shadow:0 4px 12px #4f46e526}.sidebar__footer{border-top:1px solid var(--border-subtle);gap:12px;margin-top:auto;padding-top:16px;display:grid}.sidebar__user{grid-template-columns:auto 1fr;align-items:center;gap:10px;display:grid}.sidebar__user strong{font-size:13px;display:block}.sidebar__user span{color:var(--text-secondary);font-size:12px;display:block}.sidebar__user small{color:var(--text-secondary);opacity:.8;margin-top:4px;font-size:11px;display:block}.sidebar__avatar{background:var(--surface-muted);width:40px;height:40px;color:var(--neutral-600);border-radius:14px;place-items:center;font-weight:600;display:grid}.sidebar__overlay{opacity:0;pointer-events:none;z-index:15;background:#0f172a59;transition:opacity .2s;position:fixed;inset:0}.sidebar__overlay.is-open{opacity:1;pointer-events:auto}.sidebar__overlay-btn{background:0 0;border:none;width:100%;height:100%}.topbar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;display:flex}.topbar__title{align-items:center;gap:12px;display:flex}.topbar__title h2{font-family:var(--font-display);margin:0;font-size:24px}.topbar__title p{color:var(--text-secondary);margin:6px 0 0;font-size:13px}.topbar__menu{background:var(--surface-card);color:var(--neutral-600);cursor:pointer;box-shadow:var(--shadow-soft);border:none;border-radius:10px;padding:6px 10px;display:none}.topbar__actions{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.search{border:1px solid var(--border-subtle);background:var(--surface-card);border-radius:14px;align-items:center;min-width:260px;padding:10px 14px;display:inline-flex}.search input{width:100%;color:var(--text-primary);background:0 0;border:none;outline:none;font-size:14px}.search input::placeholder{color:var(--text-secondary);opacity:.6}.kpi-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;display:grid}.content-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;display:grid}.content-grid--wide{grid-template-columns:2fr 1.1fr}.card{background:var(--surface-card);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);box-shadow:var(--shadow-card);animation:.6s both fadeUp;animation-delay:var(--delay,0s);padding:18px;transition:transform .2s,box-shadow .2s}.card:hover{box-shadow:var(--shadow-soft),0 25px 60px #00000026;transform:translateY(-2px)}.card__header{justify-content:space-between;align-items:flex-start;gap:14px;margin-bottom:16px;display:flex}.card__header h3{font-family:var(--font-display);margin:0;font-size:16px}.card__header p{color:var(--text-secondary);margin:6px 0 0;font-size:13px}.card__actions{align-items:center;gap:10px;display:flex}.card__value{font-size:28px;font-weight:700;font-family:var(--font-display);margin-top:12px}.card__kpi{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.card__kpi h3{margin:0;font-size:14px}.card__kpi p{color:var(--text-secondary);margin:6px 0 0;font-size:12px}.card__footer{color:var(--text-secondary);margin-top:16px;font-size:12px}.badge{white-space:nowrap;border:1px solid #0000;border-radius:999px;align-items:center;gap:6px;padding:6px 10px;font-size:12px;display:inline-flex}.badge__icon{background:currentColor;border-radius:999px;width:8px;height:8px}.badge--neutral{background:var(--surface-muted);color:var(--neutral-600);border-color:#0f172a1f}.badge--success{background:var(--secondary-50);color:var(--secondary-700);border-color:#10b98133}.badge--warning{background:var(--accent-50);color:var(--accent-700);border-color:#f59e0b33}.badge--danger{background:var(--danger-50);color:var(--danger-700);border-color:#ef444433}.badge--info{background:var(--primary-50);color:var(--primary-700);border-color:#4f46e533}.btn{border:1px solid var(--border-subtle);background:var(--surface-card);color:var(--neutral-700);cursor:pointer;white-space:nowrap;border-radius:12px;padding:8px 14px;font-size:13px;font-weight:600;transition:all .2s}.btn:hover{color:var(--primary-700);border-color:#4f46e559;transform:translateY(-1px)}.btn:active{transform:translateY(0)}.btn:focus-visible{outline:2px solid var(--primary-500);outline-offset:2px}.btn--primary{background:var(--primary-600);color:#fff;border-color:var(--primary-600)}.btn--primary:hover{background:var(--primary-700);border-color:var(--primary-700);color:#fff}.btn--ghost{background:var(--surface-muted)}.btn--danger{background:var(--danger-50);color:var(--danger-700);border-color:#ef444433}.health-grid{gap:12px;display:grid}.health-item{background:var(--surface-muted);border-radius:14px;justify-content:space-between;align-items:center;padding:12px;display:flex}.health-item p{color:var(--text-secondary);margin:4px 0 0;font-size:12px}.toggle-grid{gap:16px;display:grid}.toggle{background:var(--surface-muted);border-radius:14px;justify-content:space-between;align-items:center;gap:16px;padding:12px 14px;display:flex}.toggle h4{margin:0;font-size:14px}.toggle p{color:var(--text-secondary);margin:6px 0 0;font-size:12px}.toggle__right{align-items:center;gap:10px;display:flex}.toggle__button{cursor:pointer;background:#0f172a26;border:none;border-radius:999px;width:44px;height:24px;transition:background .2s;position:relative}.toggle__button.is-on{background:#4f46e559}.toggle__thumb{background:#fff;border-radius:50%;width:18px;height:18px;transition:transform .2s;position:absolute;top:3px;left:4px;box-shadow:0 4px 10px #0f172a33}.toggle__button.is-on .toggle__thumb{transform:translate(18px)}.table{gap:8px;display:grid}.table__head,.table__row{grid-template-columns:2.2fr 1fr 1fr 1fr 1fr;align-items:center;gap:12px;display:grid}.table__head{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.04em;font-size:12px;font-weight:600}.table__row{background:var(--surface-muted);border-radius:16px;padding:12px}.table__cell--right{text-align:right}.table__cell--center{text-align:center}.user-cell strong{font-size:13px;display:block}.user-cell span{color:var(--text-secondary);margin-top:4px;font-size:12px;display:block}.action-row{justify-content:flex-end;gap:8px;display:inline-flex}.activity{gap:12px;display:grid}.activity__item{background:var(--surface-muted);border-radius:14px;justify-content:space-between;align-items:flex-start;gap:14px;padding:12px;display:flex}.activity__item p{color:var(--text-secondary);margin:6px 0 0;font-size:12px}.activity__meta{align-items:center;gap:8px;display:flex}.queue,.access{gap:12px;display:grid}.queue__item,.access__row{background:var(--surface-muted);border-radius:14px;justify-content:space-between;align-items:center;gap:12px;padding:12px;display:flex}.queue__item p,.access__row p{color:var(--text-secondary);margin:6px 0 0;font-size:12px}@keyframes fadeUp{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}@media (max-width:1200px){.kpi-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.content-grid--wide{grid-template-columns:1fr}.table__head,.table__row{grid-template-columns:2fr 1fr 1fr 1.2fr}.main{padding:24px 28px 36px}}@media (max-width:960px){.dashboard{grid-template-columns:1fr}.sidebar{width:280px;box-shadow:var(--shadow-card);transition:transform .3s;position:fixed;top:0;bottom:0;left:0;transform:translate(-100%)}.sidebar.is-open{transform:translate(0)}.sidebar__close,.topbar__menu{display:inline-flex}.main{padding:20px}.content-grid{grid-template-columns:1fr}.topbar{gap:14px}.topbar__title h2{font-size:20px}.table__head{display:none}.table__row{grid-template-columns:1fr;gap:10px;padding:14px}.table__cell--right{text-align:left}.action-row{flex-wrap:wrap;justify-content:flex-start}}@media (max-width:640px){.kpi-grid{grid-template-columns:1fr}.search{order:3;min-width:100%}.topbar__actions{flex-wrap:wrap;width:100%}.main{gap:18px;padding:16px}.topbar__title h2{font-size:18px}.card{padding:16px}.card__header{flex-direction:column;align-items:flex-start;gap:10px}.card__actions{width:100%}.toggle{flex-direction:column;align-items:flex-start;gap:12px}.toggle__right{justify-content:space-between;width:100%}}