:root{--bg-base:#0b1120;--bg-surface-1:#111827;--bg-surface-2:#1f2937;--bg-surface-3:#374151;--primary:#3b82f6;--primary-hover:#60a5fa;--primary-muted:#1e3a5f;--primary-glow:#3b82f626;--success:#10b981;--success-muted:#10b98126;--warning:#f59e0b;--warning-muted:#f59e0b26;--error:#ef4444;--error-muted:#ef444426;--info:#06b6d4;--info-muted:#06b6d426;--text-primary:#f9fafb;--text-secondary:#9ca3af;--text-muted:#6b7280;--text-disabled:#4b5563;--text-inverse:#0b1120;--ghost-border:#ffffff0f;--ghost-border-hover:#ffffff1f;--glass-bg:#111827b3;--glass-bg-hover:#111827d9;--glass-blur:16px;--glass-border:#ffffff14;--font-family:"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", system-ui, sans-serif;--font-mono:"JetBrains Mono", "Fira Code", "Cascadia Code", monospace;--text-xs:.694rem;--text-sm:.833rem;--text-base:1rem;--text-lg:1.2rem;--text-xl:1.44rem;--text-2xl:1.728rem;--text-3xl:2.074rem;--text-4xl:2.488rem;--leading-tight:1.2;--leading-normal:1.5;--leading-relaxed:1.75;--weight-normal:400;--weight-medium:500;--weight-semibold:600;--weight-bold:700;--tracking-tight:-.02em;--tracking-normal:0;--tracking-wide:.05em;--tracking-label:.08em;--space-1:.25rem;--space-2:.5rem;--space-3:.75rem;--space-4:1rem;--space-5:1.25rem;--space-6:1.5rem;--space-8:2rem;--space-10:2.5rem;--space-12:3rem;--space-16:4rem;--space-20:5rem;--space-24:6rem;--radius-sm:6px;--radius-md:10px;--radius-lg:14px;--radius-xl:20px;--radius-full:9999px;--shadow-glow:0 0 20px #3b82f614;--shadow-input-focus:0 0 0 3px #3b82f633;--shadow-elevated:0 8px 32px #0000004d;--ease-out:cubic-bezier(.16, 1, .3, 1);--ease-in-out:cubic-bezier(.65, 0, .35, 1);--duration-fast:.15s;--duration-normal:.25s;--duration-slow:.4s;--sidebar-width:260px;--sidebar-collapsed:72px;--topbar-height:64px;--content-max-width:1400px;--z-sidebar:100;--z-topbar:110;--z-modal-backdrop:200;--z-modal:210;--z-toast:300}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizelegibility;font-size:16px}body{font-family:var(--font-family);font-size:var(--text-base);font-weight:var(--weight-normal);line-height:var(--leading-normal);color:var(--text-primary);background:var(--bg-base);min-height:100vh;overflow-x:hidden}a{color:var(--primary);transition:color var(--duration-fast) var(--ease-out);text-decoration:none}a:hover{color:var(--primary-hover)}img{max-width:100%;display:block}button{cursor:pointer;color:inherit;background:0 0;border:none;font-family:inherit}input,select,textarea{font-family:inherit;font-size:inherit;color:inherit}table{border-collapse:collapse;width:100%}h1,h2,h3,h4{font-weight:var(--weight-semibold);line-height:var(--leading-tight);letter-spacing:var(--tracking-tight);color:var(--text-primary)}h1{font-size:var(--text-3xl)}h2{font-size:var(--text-2xl)}h3{font-size:var(--text-xl)}h4{font-size:var(--text-lg)}.label{font-size:var(--text-xs);font-weight:var(--weight-semibold);letter-spacing:var(--tracking-label);text-transform:uppercase;color:var(--text-muted)}.mono{font-family:var(--font-mono);font-size:var(--text-sm)}.glass-panel{background:var(--glass-bg);-webkit-backdrop-filter:blur(var(--glass-blur));border:1px solid var(--ghost-border);border-radius:var(--radius-lg);transition:all var(--duration-normal) var(--ease-out)}.glass-panel:hover{border-color:var(--ghost-border-hover)}.glass-panel--elevated{background:var(--glass-bg-hover);box-shadow:var(--shadow-elevated)}.card{background:var(--bg-surface-1);border:1px solid var(--ghost-border);border-radius:var(--radius-lg);padding:var(--space-6);transition:border-color var(--duration-fast) var(--ease-out)}.card:hover{border-color:var(--ghost-border-hover)}.card--interactive{cursor:pointer}.card--interactive:hover{background:var(--bg-surface-2)}.btn{justify-content:center;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-5);font-size:var(--text-sm);font-weight:var(--weight-medium);letter-spacing:var(--tracking-wide);border-radius:var(--radius-md);transition:all var(--duration-fast) var(--ease-out);white-space:nowrap;height:40px;display:inline-flex}.btn:disabled{opacity:.5;cursor:not-allowed}.btn--primary{background:var(--primary);color:#fff}.btn--primary:hover:not(:disabled){background:var(--primary-hover);box-shadow:var(--shadow-glow)}.btn--secondary{background:var(--bg-surface-2);color:var(--text-primary);border:1px solid var(--ghost-border)}.btn--secondary:hover:not(:disabled){background:var(--bg-surface-3);border-color:var(--ghost-border-hover)}.btn--ghost{color:var(--text-secondary)}.btn--ghost:hover:not(:disabled){color:var(--text-primary);background:#ffffff0a}.btn--danger{background:var(--error);color:#fff}.btn--danger:hover:not(:disabled){background:#dc2626}.btn--sm{height:32px;padding:var(--space-1) var(--space-3);font-size:var(--text-xs)}.btn--lg{height:48px;padding:var(--space-3) var(--space-8);font-size:var(--text-base)}.input{width:100%;height:42px;padding:var(--space-2) var(--space-4);background:var(--bg-surface-1);border:1px solid var(--ghost-border);border-radius:var(--radius-md);color:var(--text-primary);font-size:var(--text-sm);transition:all var(--duration-fast) var(--ease-out);outline:none}.input:focus{border-color:var(--primary);box-shadow:var(--shadow-input-focus)}.input::placeholder{color:var(--text-muted)}.input--error{border-color:var(--error)}.input--error:focus{box-shadow:0 0 0 3px #ef444433}.select{appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12' fill='none'%3E%3Cpath d='M3 4.5L6 7.5L9 4.5' stroke='%239CA3AF' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-position:right 12px center;background-repeat:no-repeat;padding-right:36px}.textarea{resize:vertical;height:auto;min-height:100px;padding:var(--space-3) var(--space-4)}.field{gap:var(--space-2);flex-direction:column;display:flex}.field__label{font-size:var(--text-sm);font-weight:var(--weight-medium);color:var(--text-secondary)}.field__error{font-size:var(--text-xs);color:var(--error)}.status-dot{border-radius:var(--radius-full);flex-shrink:0;width:8px;height:8px;display:inline-block}.status-dot--pending{background:var(--warning);animation:2s ease-in-out infinite pulse-glow}.status-dot--submitted{background:var(--success)}.status-dot--failed{background:var(--error);animation:1.5s ease-in-out infinite pulse-glow}.status-dot--processing{background:var(--primary);animation:1s ease-in-out infinite pulse-glow}@keyframes pulse-glow{0%,to{opacity:1;transform:scale(1)}50%{opacity:.6;transform:scale(1.2)}}.badge{align-items:center;gap:var(--space-2);padding:2px var(--space-3);font-size:var(--text-xs);font-weight:var(--weight-medium);border-radius:var(--radius-full);letter-spacing:var(--tracking-wide);display:inline-flex}.badge--success{background:var(--success-muted);color:var(--success)}.badge--warning{background:var(--warning-muted);color:var(--warning)}.badge--error{background:var(--error-muted);color:var(--error)}.badge--info{background:var(--info-muted);color:var(--info)}.badge--neutral{background:var(--bg-surface-3);color:var(--text-secondary)}.data-table{border-collapse:collapse;width:100%}.data-table th{padding:var(--space-3) var(--space-4);text-align:left;font-size:var(--text-xs);font-weight:var(--weight-semibold);letter-spacing:var(--tracking-label);text-transform:uppercase;color:var(--text-muted);border-bottom:1px solid var(--ghost-border)}.data-table td{padding:var(--space-3) var(--space-4);font-size:var(--text-sm);color:var(--text-secondary);border-bottom:1px solid var(--ghost-border);vertical-align:middle}.data-table tbody tr{transition:background var(--duration-fast) var(--ease-out)}.data-table tbody tr:hover{background:#ffffff05}.data-table td:first-child,.data-table th:first-child{padding-left:var(--space-6)}.data-table td:last-child,.data-table th:last-child{padding-right:var(--space-6)}.pagination{padding:var(--space-4) var(--space-6);border-top:1px solid var(--ghost-border);justify-content:space-between;align-items:center;display:flex}.pagination__info{font-size:var(--text-sm);color:var(--text-muted)}.pagination__controls{gap:var(--space-2);display:flex}.kpi-card{background:var(--bg-surface-1);border:1px solid var(--ghost-border);border-radius:var(--radius-lg);padding:var(--space-5) var(--space-6);gap:var(--space-2);transition:border-color var(--duration-fast) var(--ease-out);flex-direction:column;min-width:0;display:flex}.kpi-card:hover{border-color:var(--ghost-border-hover)}.kpi-card__label{font-size:var(--text-xs);font-weight:var(--weight-semibold);letter-spacing:var(--tracking-label);text-transform:uppercase;color:var(--text-muted)}.kpi-card__value{font-size:var(--text-2xl);font-weight:var(--weight-bold);color:var(--text-primary);letter-spacing:var(--tracking-tight);line-height:1}.kpi-card__footer{font-size:var(--text-xs);color:var(--text-muted);align-items:center;gap:var(--space-2);display:flex}.tabs{gap:var(--space-1);border-bottom:1px solid var(--ghost-border);margin-bottom:var(--space-6);display:flex}.tab{padding:var(--space-3) var(--space-4);font-size:var(--text-sm);font-weight:var(--weight-medium);color:var(--text-muted);transition:all var(--duration-fast) var(--ease-out);cursor:pointer;background:0 0;border-bottom:2px solid #0000;margin-bottom:-1px}.tab:hover{color:var(--text-secondary)}.tab--active{color:var(--primary);border-bottom-color:var(--primary)}.modal-backdrop{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:var(--z-modal-backdrop);animation:fade-in var(--duration-fast) var(--ease-out);background:#0009;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal{background:var(--bg-surface-1);border:1px solid var(--ghost-border);border-radius:var(--radius-xl);padding:var(--space-8);width:90vw;max-width:560px;z-index:var(--z-modal);animation:slide-up var(--duration-normal) var(--ease-out)}.modal__header{margin-bottom:var(--space-6);justify-content:space-between;align-items:center;display:flex}.modal__title{font-size:var(--text-xl);font-weight:var(--weight-semibold)}.modal__footer{justify-content:flex-end;gap:var(--space-3);margin-top:var(--space-8);display:flex}.toast{top:var(--space-4);right:var(--space-4);z-index:var(--z-toast);gap:var(--space-2);flex-direction:column;display:flex;position:fixed}.toast__item{background:var(--bg-surface-2);border:1px solid var(--ghost-border);border-radius:var(--radius-md);padding:var(--space-4) var(--space-5);align-items:flex-start;gap:var(--space-3);min-width:320px;animation:slide-in-right var(--duration-normal) var(--ease-out);display:flex}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes slide-up{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes slide-in-right{0%{opacity:0;transform:translate(100%)}to{opacity:1;transform:translate(0)}}@keyframes spin{to{transform:rotate(360deg)}}.flex{display:flex}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.items-center{align-items:center}.items-start{align-items:flex-start}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.justify-end{justify-content:flex-end}.gap-1{gap:var(--space-1)}.gap-2{gap:var(--space-2)}.gap-3{gap:var(--space-3)}.gap-4{gap:var(--space-4)}.gap-6{gap:var(--space-6)}.gap-8{gap:var(--space-8)}.grid{display:grid}.grid-cols-2{grid-template-columns:repeat(2,1fr)}.grid-cols-3{grid-template-columns:repeat(3,1fr)}.grid-cols-4{grid-template-columns:repeat(4,1fr)}.w-full{width:100%}.text-center{text-align:center}.text-right{text-align:right}.text-sm{font-size:var(--text-sm)}.text-xs{font-size:var(--text-xs)}.text-muted{color:var(--text-muted)}.text-secondary{color:var(--text-secondary)}.text-primary-color{color:var(--primary)}.text-success{color:var(--success)}.text-error{color:var(--error)}.text-warning{color:var(--warning)}.font-medium{font-weight:var(--weight-medium)}.font-semibold{font-weight:var(--weight-semibold)}.font-bold{font-weight:var(--weight-bold)}.truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.mt-1{margin-top:var(--space-1)}.mt-2{margin-top:var(--space-2)}.mt-4{margin-top:var(--space-4)}.mt-6{margin-top:var(--space-6)}.mt-8{margin-top:var(--space-8)}.mb-2{margin-bottom:var(--space-2)}.mb-4{margin-bottom:var(--space-4)}.mb-6{margin-bottom:var(--space-6)}.ml-auto{margin-left:auto}.p-4{padding:var(--space-4)}.p-6{padding:var(--space-6)}.p-8{padding:var(--space-8)}.px-4{padding-left:var(--space-4);padding-right:var(--space-4)}.px-6{padding-left:var(--space-6);padding-right:var(--space-6)}.py-2{padding-top:var(--space-2);padding-bottom:var(--space-2)}.py-4{padding-top:var(--space-4);padding-bottom:var(--space-4)}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.spinner{border:2px solid var(--ghost-border);border-top-color:var(--primary);border-radius:50%;width:20px;height:20px;animation:.6s linear infinite spin}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--bg-surface-3);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}@media (width<=768px){.grid-cols-4,.grid-cols-3{grid-template-columns:repeat(2,1fr)}.hide-mobile{display:none}}@media (width<=480px){.grid-cols-4,.grid-cols-3,.grid-cols-2{grid-template-columns:1fr}}