@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap";@import"https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:opsz,wght,FILL,GRAD@20..48,100..700,0..1,-50..200&display=swap";:root{--surface-dim: #10131b;--surface: #10131b;--surface-bright: #363941;--surface-container-lowest: #0b0e15;--surface-container-low: #181c23;--surface-container: #1e2128;--surface-container-high: #262a32;--surface-container-highest: #31353d;--surface-variant: #31353d;--on-surface: #e0e2ed;--on-surface-variant: #c1c6d7;--outline: #8b91a0;--outline-variant: #414754;--primary: #0080ff;--primary-text: #abc7ff;--on-primary: #ffffff;--primary-container: #438fff;--secondary: #b7c8e1;--success: #4ade80;--success-container: rgba(34, 197, 94, .15);--success-border: rgba(34, 197, 94, .35);--warn: #fbbf24;--warn-container: rgba(245, 158, 11, .15);--warn-border: rgba(245, 158, 11, .35);--inactive: #94a3b8;--inactive-container: rgba(148, 163, 184, .15);--inactive-border: rgba(148, 163, 184, .35);--danger: #ffb4ab;--danger-text: #ef4444;--error-container: #93000a;--on-error-container: #ffdad6;--font-body: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-code: "JetBrains Mono", "SF Mono", "Fira Code", monospace;--radius-sm: .25rem;--radius: .5rem;--radius-lg: .75rem;--radius-full: 9999px;color-scheme:dark}@media (prefers-color-scheme: light){:root{--surface-dim: #f5f6f8;--surface: #ffffff;--surface-bright: #e0e2ed;--surface-container-lowest: #ffffff;--surface-container-low: #f5f6f8;--surface-container: #eceef4;--surface-container-high: #e0e2ed;--surface-container-highest: #d7dae3;--surface-variant: #d7dae3;--on-surface: #1a1d24;--on-surface-variant: #555a66;--outline: #767b87;--outline-variant: #c2c6d0;--primary: #0080ff;--primary-text: #005cbb;--on-primary: #ffffff;--primary-container: #438fff;--secondary: #3a4a5f;--success: #16a34a;--success-container: rgba(22, 163, 74, .12);--success-border: rgba(22, 163, 74, .4);--warn: #b45309;--warn-container: rgba(180, 83, 9, .12);--warn-border: rgba(180, 83, 9, .4);--inactive: #64748b;--inactive-container: rgba(100, 116, 139, .12);--inactive-border: rgba(100, 116, 139, .4);--danger: #b3261e;--danger-text: #b3261e;--error-container: #ffdad6;--on-error-container: #410002;color-scheme:light}}*,*:before,*:after{box-sizing:border-box}html,body{width:100%;min-width:0;min-height:100%;margin:0;padding:0}#app{width:100%;min-width:0;min-height:100vh;min-height:100dvh}body{font-family:var(--font-body);background:var(--surface-dim);color:var(--on-surface);line-height:1.5;-webkit-font-smoothing:antialiased;font-size:.875rem;overflow-x:clip}h1,h2,h3,h4,p{margin:0}h1{font-size:2.25rem;font-weight:700;letter-spacing:-.02em;line-height:1.2}h2{font-size:1.5rem;font-weight:600;letter-spacing:-.01em;line-height:1.3}a{color:var(--primary-text);text-decoration:none;transition:color .15s ease}a:hover{color:var(--primary)}button{font-family:var(--font-body);font-size:.875rem;min-height:44px;min-width:44px;padding:.5rem 1rem;border-radius:var(--radius);border:1px solid var(--outline-variant);background:var(--surface-container-high);color:var(--on-surface);cursor:pointer;transition:background .15s ease,border-color .15s ease,color .15s ease}button:hover:not(:disabled){background:var(--surface-container-highest)}button:disabled{opacity:.5;cursor:not-allowed}button:focus-visible{outline:2px solid var(--primary);outline-offset:2px}.btn-primary{background:var(--primary);border-color:var(--primary);color:var(--on-primary);font-weight:600}.btn-primary:hover:not(:disabled){background:var(--primary-container);border-color:var(--primary-container);color:#001b3f}.btn-secondary{background:transparent;border-color:var(--outline-variant);color:var(--on-surface)}.btn-secondary:hover:not(:disabled){background:var(--surface-container-low);border-color:var(--outline)}.btn-danger{background:transparent;border-color:var(--danger-text);color:var(--danger-text)}.btn-danger:hover:not(:disabled){background:var(--danger-text);color:#fff}.small-btn{min-height:36px;min-width:36px;padding:.25rem .625rem;font-size:.8125rem}input,select,textarea{font-family:var(--font-body);font-size:.875rem;color:var(--on-surface);background:var(--surface-container-low);border:1px solid var(--surface-bright);border-radius:var(--radius-lg);padding:.75rem 1rem;min-height:44px;width:100%;transition:border-color .15s ease,box-shadow .15s ease}input::placeholder{color:var(--outline)}input:focus,select:focus,textarea:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 1px var(--primary)}select{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 24 24' fill='none' stroke='%238b91a0' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right .75rem center;padding-right:2.5rem}.card{background:var(--surface-container);border:1px solid var(--outline-variant);border-radius:var(--radius);padding:1rem}.badge{display:inline-flex;align-items:center;gap:.25rem;padding:.125rem .625rem;border-radius:var(--radius-full);font-size:.6875rem;font-weight:700;letter-spacing:.05em;text-transform:uppercase;line-height:1.25rem;white-space:nowrap}.badge:before{content:"";width:.375rem;height:.375rem;border-radius:50%;background:currentColor}.badge-active{background:var(--success-container);color:var(--success);border:1px solid var(--success-border)}.badge-pending{background:var(--warn-container);color:var(--warn);border:1px solid var(--warn-border)}.badge-inactive{background:var(--inactive-container);color:var(--inactive);border:1px solid var(--inactive-border)}.page{width:100%;max-width:1200px;margin:0 auto;padding:1.5rem 1.25rem calc(5rem + env(safe-area-inset-bottom))}@media (max-width: 767px){.page{max-width:none;margin:0;padding:1rem .75rem calc(5rem + env(safe-area-inset-bottom))}}.page-header{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:1px solid var(--outline-variant)}.muted{color:var(--on-surface-variant)}.empty-state{text-align:center;padding:3rem 1rem;color:var(--on-surface-variant);border:1px dashed var(--outline);border-radius:var(--radius)}.table{width:100%;border-collapse:collapse;font-size:.875rem}.table th,.table td{text-align:left;padding:.75rem 1rem;border-bottom:1px solid var(--outline-variant)}.table th{color:var(--on-surface-variant);font-size:.75rem;font-weight:700;letter-spacing:.05em;text-transform:uppercase}.table tbody tr{transition:background .1s ease}.table tbody tr:hover{background:var(--surface-container-low)}.card-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:.5rem}@keyframes fade-in-up{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.animate-in{animation:fade-in-up .3s ease forwards;opacity:0}.animate-in:nth-child(1){animation-delay:0ms}.animate-in:nth-child(2){animation-delay:50ms}.animate-in:nth-child(3){animation-delay:.1s}.animate-in:nth-child(4){animation-delay:.15s}.animate-in:nth-child(5){animation-delay:.2s}.animate-in:nth-child(6){animation-delay:.25s}.animate-in:nth-child(7){animation-delay:.3s}.animate-in:nth-child(8){animation-delay:.35s}.animate-in:nth-child(9){animation-delay:.4s}.animate-in:nth-child(10){animation-delay:.45s}@keyframes pulse{0%,to{opacity:1}50%{opacity:.4}}.loading-pulse{animation:pulse 1.5s ease-in-out infinite}.icon{font-family:Material Symbols Outlined;font-weight:400;font-style:normal;line-height:1;letter-spacing:normal;text-transform:none;display:inline-block;white-space:nowrap;word-wrap:normal;direction:ltr;font-variation-settings:"FILL" 0,"wght" 400,"GRAD" 0,"opsz" 24;font-size:1.25rem;vertical-align:middle;-webkit-user-select:none;user-select:none}.hidden{display:none}@media (min-width: 768px){.md\:hidden{display:none}.md\:block{display:block}table.md\:block{display:table}}
