:root,html.theme-light{--bg-primary: #f9fafb;--bg-secondary: #ffffff;--bg-tertiary: #f3f4f6;--bg-elevated: #e5e7eb;--bg-hover: #f3f4f6;--accent-primary: #d4af37;--accent-primary-hover: #1e40af;--accent-primary-muted: rgba(29, 78, 216, .1);--accent-secondary: #2563eb;--accent-gold: #fbbf24;--text-primary: #111827;--text-secondary: #4b5563;--text-muted: #6b7280;--text-inverse: #ffffff;--border-subtle: rgba(0, 0, 0, .04);--border-default: rgba(0, 0, 0, .08);--border-strong: rgba(0, 0, 0, .15);--border-active: var(--accent-primary);--border-accent: var(--accent-primary);--shadow-sm: 0 1px 2px rgba(0, 0, 0, .05);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -1px rgba(0, 0, 0, .06);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -2px rgba(0, 0, 0, .05);--shadow-xl: 0 20px 35px rgba(15, 23, 42, .12);--shadow-2xl: 0 25px 50px rgba(15, 23, 42, .18);--shadow-glow: 0 0 20px rgba(29, 78, 216, .12);--glass-bg: rgba(255, 255, 255, .85);--glass-blur: blur(12px);--success: #047857;--warning: #b45309;--error: #dc2626;--info: #1d4ed8;--error-muted: rgba(220, 38, 38, .1);--success-muted: rgba(4, 120, 87, .1);--warning-muted: rgba(180, 83, 9, .12);--space-xs: 4px;--space-sm: 8px;--space-md: 16px;--space-lg: 24px;--space-xl: 32px;--space-2xl: 48px;--space-3xl: 64px;--radius-sm: 4px;--radius-md: 8px;--radius-lg: 12px;--radius-xl: 16px;--radius-2xl: 20px;--radius-full: 9999px;--font-body: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-heading: "Outfit", "Inter", sans-serif;--font-mono: "JetBrains Mono", "Fira Code", "Cascadia Code", monospace;--font-sans: var(--font-body);--transition-fast: .15s cubic-bezier(.16, 1, .3, 1);--transition-base: .25s cubic-bezier(.16, 1, .3, 1);--transition-medium: var(--transition-base);--transition-slow: .4s cubic-bezier(.16, 1, .3, 1);--sidebar-width: 260px;--topbar-height: 64px;--bottomnav-height: 64px}html.theme-dark{--bg-primary: #050507;--bg-secondary: #0d0d11;--bg-tertiary: #16161c;--bg-elevated: #21212a;--bg-hover: #1b1b22;--accent-primary: #d4af37;--accent-primary-hover: #f3e5ab;--accent-primary-muted: rgba(212, 175, 55, .15);--accent-secondary: #aa7c11;--accent-gold: #d4af37;--text-primary: #f9f6f0;--text-secondary: #c5c2b9;--text-muted: #8a8880;--text-inverse: #050507;--border-subtle: rgba(212, 175, 55, .1);--border-default: rgba(212, 175, 55, .18);--border-strong: rgba(212, 175, 55, .3);--border-active: var(--accent-primary);--border-accent: var(--accent-primary);--shadow-sm: 0 1px 2px rgba(0, 0, 0, .6);--shadow-md: 0 4px 16px rgba(0, 0, 0, .7);--shadow-lg: 0 12px 40px rgba(0, 0, 0, .8);--shadow-xl: 0 18px 48px rgba(0, 0, 0, .78);--shadow-2xl: 0 28px 64px rgba(0, 0, 0, .86);--shadow-glow: 0 0 25px rgba(212, 175, 55, .3);--glass-bg: rgba(13, 13, 17, .9);--glass-blur: blur(16px);--success: #10b981;--warning: #f59e0b;--error: #ef4444;--info: #60a5fa;--error-muted: rgba(239, 68, 68, .12);--success-muted: rgba(16, 185, 129, .14);--warning-muted: rgba(245, 158, 11, .14)}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html{font-size:16px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;scroll-behavior:smooth}body{font-family:var(--font-body);background-color:var(--bg-primary);color:var(--text-primary);line-height:1.6;overflow-x:hidden;min-height:100vh}a{color:inherit;text-decoration:none}button{cursor:pointer;font-family:inherit;border:none;background:none;color:inherit}img{max-width:100%;display:block}ul,ol{list-style:none}input,textarea,select{font-family:inherit;font-size:16px;color:inherit}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);font-weight:600;line-height:1.2;color:var(--text-primary)}h1{font-size:2rem}h2{font-size:1.625rem}h3{font-size:1.25rem}h4{font-size:1.125rem}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:var(--bg-primary)}::-webkit-scrollbar-thumb{background:var(--bg-elevated);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}:focus-visible{outline:2px solid var(--accent-primary);outline-offset:2px}::selection{background:var(--accent-primary-muted);color:var(--text-primary)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes slideInRight{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}@keyframes slideInLeft{0%{transform:translate(-100%)}to{transform:translate(0)}}@keyframes slideInUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.4}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes shake{0%,to{transform:translate(0)}20%{transform:translate(-8px)}40%{transform:translate(8px)}60%{transform:translate(-4px)}80%{transform:translate(4px)}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes countUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes ripple{to{transform:scale(4);opacity:0}}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.page-transition{animation:fadeInUp var(--transition-base) ease-out}.stagger-item{animation:fadeInUp var(--transition-base) ease-out both}.table-wrapper{overflow-x:auto;border-radius:var(--radius-lg);border:1px solid var(--border-subtle);background:var(--bg-secondary);width:100%;max-width:100%}.data-table{width:100%;border-collapse:collapse}.data-table th{padding:var(--space-md) var(--space-lg);text-align:left;font-size:.8125rem;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;background:var(--bg-tertiary);border-bottom:1px solid var(--border-default)}.data-table td{padding:var(--space-md) var(--space-lg);border-bottom:1px solid var(--border-subtle);font-size:.9375rem;vertical-align:middle}.data-table tbody tr{transition:background var(--transition-fast)}.data-table tbody tr:hover{background:var(--bg-hover)}.data-table tbody tr:last-child td{border-bottom:none}.td-id{color:var(--text-muted);font-family:var(--font-mono);font-size:.8125rem}.icon-btn{display:flex;align-items:center;justify-content:center;width:var(--icon-btn-size, 28px);height:var(--icon-btn-size, 28px);border-radius:var(--radius-sm);color:var(--text-muted);transition:all var(--transition-fast);background:transparent;border:none;cursor:pointer;flex-shrink:0}.icon-btn:hover{background:var(--bg-hover);color:var(--text-primary)}.icon-btn-danger:hover{color:var(--error);background:#e74c3c1a}.modal-form{display:flex;flex-direction:column;gap:var(--modal-form-gap, var(--space-lg));min-width:min(320px,100%);max-width:var(--modal-form-max-width, none)}.modal-actions{display:flex;justify-content:flex-end;gap:var(--space-md);margin-top:var(--space-sm)}.form-group{display:flex;flex-direction:column;gap:var(--space-xs)}.form-label{font-size:.875rem;font-weight:500;color:var(--text-secondary);transition:color var(--transition-fast)}.form-select,.form-textarea,.textarea-field{width:100%;padding:var(--space-md);background:var(--bg-tertiary);border:1px solid var(--border-default);border-radius:var(--radius-md);color:var(--text-primary);font-family:inherit;font-size:1rem;transition:all var(--transition-fast)}.form-select{min-height:48px}.form-textarea,.textarea-field{min-height:96px;resize:vertical}.form-select:focus,.form-textarea:focus,.textarea-field:focus{outline:none;border-color:var(--accent-primary);box-shadow:0 0 0 3px var(--accent-primary-muted)}.form-help{font-size:.8125rem;color:var(--text-muted);margin-top:2px}.search-bar{margin-bottom:var(--space-xl)}.search-wrapper{display:flex;align-items:center;gap:var(--space-md);padding:0 var(--space-md);background:var(--bg-tertiary);border:1px solid var(--border-default);border-radius:var(--radius-md);color:var(--text-muted);transition:all var(--transition-fast)}.search-wrapper:focus-within{border-color:var(--accent-primary);box-shadow:0 0 0 3px var(--accent-primary-muted)}.search-wrapper .search-input{flex:1;padding:var(--space-md) 0;background:none;border:none;color:var(--text-primary);font-size:.9375rem;outline:none}.search-wrapper .search-input::placeholder{color:var(--text-muted)}@media(min-width:768px){.mobile-only{display:none!important}}@media(max-width:767px){.desktop-only{display:none!important}}.toast-container.svelte-16oeye1{position:fixed;bottom:var(--space-lg);right:var(--space-lg);z-index:2000;display:flex;flex-direction:column-reverse;gap:var(--space-sm);max-width:420px;width:calc(100% - var(--space-xl))}.toast.svelte-16oeye1{display:flex;align-items:center;gap:var(--space-md);padding:var(--space-md) var(--space-lg);background:var(--bg-elevated);border:1px solid var(--border-default);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);animation:slideInRight var(--transition-base) ease-out;-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur)}.toast-icon.svelte-16oeye1{display:flex;flex-shrink:0}.toast-success.svelte-16oeye1 .toast-icon:where(.svelte-16oeye1){color:var(--success)}.toast-error.svelte-16oeye1 .toast-icon:where(.svelte-16oeye1){color:var(--error)}.toast-warning.svelte-16oeye1 .toast-icon:where(.svelte-16oeye1){color:var(--warning)}.toast-info.svelte-16oeye1 .toast-icon:where(.svelte-16oeye1){color:var(--info)}.toast-success.svelte-16oeye1{border-left:3px solid var(--success)}.toast-error.svelte-16oeye1{border-left:3px solid var(--error)}.toast-warning.svelte-16oeye1{border-left:3px solid var(--warning)}.toast-info.svelte-16oeye1{border-left:3px solid var(--info)}.toast-message.svelte-16oeye1{flex:1;font-size:.9rem;color:var(--text-primary);line-height:1.4}.toast-close.svelte-16oeye1{display:flex;align-items:center;justify-content:center;flex-shrink:0;width:28px;height:28px;border-radius:var(--radius-sm);color:var(--text-muted);transition:all var(--transition-fast)}.toast-close.svelte-16oeye1:hover{background:var(--bg-hover);color:var(--text-primary)}@media(max-width:640px){.toast-container.svelte-16oeye1{bottom:calc(var(--bottomnav-height) + var(--space-md));left:var(--space-md);right:var(--space-md);max-width:100%;width:auto}}