:root{--surface-0:#f1f5f9;--surface-1:#f8fafc;--surface-2:#fcfcfd;--surface-3:#fff;--surface-4:#f1f5f9;--surface-5:#e2e8f0;--bg-app:var(--surface-1);--bg-panel:var(--surface-3);--bg-input:#fff;--bg-sidebar:var(--surface-2);--border-subtle:#f1f5f9;--border-default:#e2e8f0;--border-strong:#cbd5e1;--border-color:var(--border-default);--text-primary:#0f172a;--text-secondary:#475569;--text-muted:#64748b;--text-disabled:#94a3b8;--accent-primary:#6366f1;--accent-hover:#4f46e5;--accent-soft:rgba(99,102,241,.08);--accent-glow:rgba(99,102,241,.15);--success:#10b981;--success-soft:rgba(16,185,129,.1);--danger:#ef4444;--danger-soft:rgba(239,68,68,.1);--warning:#f59e0b;--warning-soft:rgba(245,158,11,.1);--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;--font-sans:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;--text-xs:.6875rem;--text-sm:.8125rem;--text-base:.9375rem;--text-md:1rem;--text-lg:1.125rem;--text-xl:1.25rem;--text-2xl:1.5rem;--text-3xl:1.875rem;--radius-xs:.25rem;--radius-sm:.375rem;--radius-md:.5rem;--radius-lg:.75rem;--radius-xl:1rem;--radius-2xl:1.25rem;--shadow-sm:0 1px 2px 0 rgba(0,0,0,.05);--shadow-md:0 4px 6px -1px rgba(0,0,0,.05),0 2px 4px -2px rgba(0,0,0,.05);--shadow-lg:0 10px 15px -3px rgba(0,0,0,.05),0 4px 6px -4px rgba(0,0,0,.05);--shadow-xl:0 20px 25px -5px rgba(0,0,0,.05),0 8px 10px -6px rgba(0,0,0,.05);--transition-fast:.12s ease;--transition-base:.2s ease;--transition-slow:.3s ease}*,:after,:before{box-sizing:border-box}h1,h2,h3,h4,h5,h6,p{margin:0}a{color:inherit;text-decoration:none}button{cursor:pointer;font-family:inherit}body{background-color:var(--bg-app);font-family:var(--font-sans);font-size:var(--text-base);line-height:1.5;margin:0;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.btn,body{color:var(--text-primary)}.btn{align-items:center;background-color:var(--bg-input);border:1px solid var(--border-default);border-radius:var(--radius-md);display:inline-flex;font-family:inherit;font-size:var(--text-sm);font-weight:500;gap:.375rem;justify-content:center;padding:.5rem 1rem;transition:background-color var(--transition-base),border-color var(--transition-base),box-shadow var(--transition-base);white-space:nowrap}.btn:hover:not(:disabled){background-color:var(--surface-5);border-color:var(--border-strong)}.btn:disabled{cursor:not-allowed;opacity:.45}.btn-primary{background-color:var(--accent-primary);border-color:transparent;color:#fff;font-weight:600}.btn-primary:hover:not(:disabled){background-color:var(--accent-hover);border-color:transparent;box-shadow:0 4px 18px var(--accent-glow)}.btn-danger{background-color:var(--danger);border-color:transparent;color:#fff;font-weight:600}.btn-danger:hover:not(:disabled){background-color:#dc2626;border-color:transparent}.btn-ghost{background:transparent;border-color:transparent;color:var(--text-secondary)}.btn-ghost:hover:not(:disabled){background:var(--bg-input);border-color:transparent;color:var(--text-primary)}.btn-secondary{background-color:var(--bg-panel);border:1px solid var(--border-default);color:var(--text-secondary)}.btn-secondary:hover:not(:disabled){background-color:var(--bg-input);color:var(--text-primary)}.btn-sm{border-radius:var(--radius-sm);font-size:var(--text-xs);padding:.3125rem .75rem}.spinner{animation:spin .8s linear infinite;border:2px solid hsla(0,0%,100%,.2);border-radius:50%;border-top-color:currentcolor;flex-shrink:0;height:.875rem;width:.875rem}@keyframes spin{to{transform:rotate(1turn)}}.card{background-color:var(--bg-panel);border:1px solid var(--border-default);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);padding:var(--space-6)}.page-container{margin:0 auto;max-width:1280px}.page-header{align-items:flex-start;display:flex;gap:var(--space-4);justify-content:space-between;margin-bottom:var(--space-8)}.page-header h1{color:var(--text-primary);font-size:var(--text-2xl);font-weight:700;letter-spacing:-.02em;line-height:1.2}.page-subtitle{color:var(--text-muted);font-size:var(--text-sm);margin-top:.25rem}.section-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:var(--space-4)}.section-label{color:var(--text-muted);font-size:var(--text-xs);font-weight:700;letter-spacing:.07em;text-transform:uppercase}.form-group{margin-bottom:var(--space-4)}.label{color:var(--text-secondary);display:block;font-size:var(--text-xs);font-weight:600;letter-spacing:.04em;margin-bottom:var(--space-2);text-transform:uppercase}.input{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:var(--surface-0);border:1px solid var(--border-default);border-radius:var(--radius-md);color:var(--text-primary);font-family:inherit;font-size:var(--text-sm);padding:.5625rem var(--space-3);transition:border-color var(--transition-base),box-shadow var(--transition-base);width:100%}.input:focus{border-color:var(--accent-primary);box-shadow:0 0 0 3px var(--accent-glow);outline:none}.input::-moz-placeholder{color:var(--text-disabled)}.input::placeholder{color:var(--text-disabled)}select.input{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='none' stroke='%2364748b' stroke-linecap='round' stroke-linejoin='round' stroke-width='2.5' viewBox='0 0 24 24'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-position:right .75rem center;background-repeat:no-repeat;cursor:pointer;padding-right:2rem}textarea.input{min-height:80px;resize:vertical}.badge{align-items:center;border-radius:var(--radius-xs);display:inline-flex;font-size:var(--text-xs);font-weight:600;letter-spacing:.02em;padding:.2rem .5rem;white-space:nowrap}.badge-success{background:var(--success-soft);color:var(--success)}.badge-warning{background:var(--warning-soft);color:var(--warning)}.badge-danger{background:var(--danger-soft);color:var(--danger)}.badge-info{background:var(--accent-soft);color:var(--accent-primary)}.badge-neutral{background:#64748b24;color:var(--text-secondary)}.modal-overlay{align-items:center;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);background:#0f172a66;display:flex;inset:0;justify-content:center;padding:var(--space-4);position:fixed;z-index:1000}.modal{animation:modal-in .2s cubic-bezier(.34,1.4,.64,1);background:var(--bg-panel);border:1px solid var(--border-default);border-radius:var(--radius-xl);box-shadow:var(--shadow-xl);max-width:520px;padding:var(--space-8);width:100%}@keyframes modal-in{0%{opacity:0;transform:scale(.95) translateY(6px)}to{opacity:1;transform:scale(1) translateY(0)}}.modal h2{color:var(--text-primary);font-size:var(--text-xl);font-weight:700;letter-spacing:-.01em;margin-bottom:var(--space-2)}.modal p{color:var(--text-secondary);font-size:var(--text-sm);line-height:1.6}.modal-actions{border-top:1px solid var(--border-subtle);display:flex;gap:var(--space-3);justify-content:flex-end;margin-top:var(--space-6);padding-top:var(--space-6)}.table-card{background:var(--bg-panel);border:1px solid var(--border-default);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);overflow:auto}.data-table{border-collapse:collapse;width:100%}.data-table thead th{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#f8fafcf2;border-bottom:1px solid var(--border-default);color:var(--text-muted);font-size:var(--text-xs);font-weight:700;letter-spacing:.06em;padding:.75rem 1rem;position:sticky;text-align:left;text-transform:uppercase;top:0;white-space:nowrap;z-index:1}.data-table thead th:first-child{padding-left:1.5rem}.data-table thead th:last-child{padding-right:1.5rem}.data-table tbody td{border-bottom:1px solid var(--border-subtle);font-size:var(--text-sm);padding:.875rem 1rem;vertical-align:middle}.data-table tbody td:first-child{padding-left:1.5rem}.data-table tbody td:last-child{padding-right:1.5rem}.data-table tbody tr:last-child td{border-bottom:none}.data-table tbody tr:hover{background:#f1f5f999}.empty-state{color:var(--text-muted);padding:var(--space-12) var(--space-8);text-align:center}.empty-state p{color:var(--text-muted);font-size:var(--text-sm);margin-bottom:var(--space-4)}.empty-state-dashed{background:transparent;border:1.5px dashed var(--border-default);border-radius:var(--radius-xl)}.text-right{text-align:right}.text-center{text-align:center}.font-tabular{font-variant-numeric:tabular-nums}.app-toaster[data-sonner-toaster]{--width:min(22rem, calc(100vw - 2rem) );z-index:1100}.app-toaster[data-sonner-toaster][data-y-position=bottom]{bottom:1.25rem}.app-toaster[data-sonner-toaster][data-x-position=right]{right:1.25rem}.app-toaster[data-sonner-toaster] [data-sonner-toast]{max-width:100%;width:var(--width)}@media(max-width:768px){.card{padding:var(--space-4)}.btn{font-size:var(--text-xs)}.page-header{align-items:stretch;flex-direction:column;gap:var(--space-3);margin-bottom:var(--space-6)}.modal{border-radius:var(--radius-lg);padding:var(--space-6)}h1{font-size:var(--text-xl)}.app-toaster[data-sonner-toaster]{--width:min(22rem, calc(100vw - 1.5rem) )}.app-toaster[data-sonner-toaster][data-y-position=bottom]{bottom:1rem}.app-toaster[data-sonner-toaster][data-x-position=right]{left:50%;right:auto;transform:translate(-50%)}}