[data-theme=dark]{--color-bg-primary: #1a1a2e;--color-bg-secondary: #16213e;--color-bg-tertiary: #0f3460;--color-bg-hover: rgba(255, 255, 255, .06);--color-text-primary: #e2e8f0;--color-text-secondary: #a0aec0;--color-text-muted: #718096;--color-border: rgba(255, 255, 255, .1);--color-accent: #4299e1;--color-accent-hover: #63b3ed;--color-danger: #fc8181;--color-warning: #f6ad55;--color-info: #63b3ed;--color-success: #68d391;--color-sidebar-bg: #12122a;--color-table-header-bg: #0f3460;--color-input-bg: #16213e;--color-input-border: rgba(255, 255, 255, .15);--color-shadow: rgba(0, 0, 0, .4)}[data-theme=light]{--color-bg-primary: #f5f7fa;--color-bg-secondary: #ffffff;--color-bg-tertiary: #e2e8f0;--color-bg-hover: rgba(0, 0, 0, .05);--color-text-primary: #1a202c;--color-text-secondary: #4a5568;--color-text-muted: #718096;--color-border: rgba(0, 0, 0, .12);--color-accent: #3182ce;--color-accent-hover: #2b6cb0;--color-danger: #e53e3e;--color-warning: #dd6b20;--color-info: #3182ce;--color-success: #38a169;--color-sidebar-bg: #edf2f7;--color-table-header-bg: #e2e8f0;--color-input-bg: #ffffff;--color-input-border: rgba(0, 0, 0, .2);--color-shadow: rgba(0, 0, 0, .1)}:root{--font-mono: "JetBrains Mono", "Fira Code", "Consolas", "Courier New", monospace;--font-sans: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;--font-size-xs: .75rem;--font-size-sm: .875rem;--font-size-base: 1rem;--font-size-lg: 1.125rem;--font-size-xl: 1.25rem;--font-size-2xl: 1.5rem;--radius-sm: 4px;--radius-md: 6px;--radius-lg: 8px;--radius-xl: 12px;--transition-fast: .15s ease;--transition-base: .2s ease;--transition-slow: .3s ease}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;-webkit-text-size-adjust:100%}body{font-family:var(--font-sans);font-size:var(--font-size-base);line-height:1.6;background-color:var(--color-bg-primary);color:var(--color-text-primary);min-height:100vh;transition:background-color var(--transition-base),color var(--transition-base)}a{color:var(--color-accent);text-decoration:none;transition:color var(--transition-fast)}a:hover{color:var(--color-accent-hover);text-decoration:underline}button{font-family:var(--font-sans);font-size:var(--font-size-sm);cursor:pointer;border:1px solid var(--color-border);border-radius:var(--radius-md);background-color:var(--color-bg-secondary);color:var(--color-text-primary);padding:.4rem .875rem;transition:background-color var(--transition-fast),border-color var(--transition-fast),color var(--transition-fast)}button:hover{background-color:var(--color-bg-hover);border-color:var(--color-accent)}button:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}button:disabled{opacity:.5;cursor:not-allowed}input,select,textarea{font-family:var(--font-sans);font-size:var(--font-size-sm);background-color:var(--color-input-bg);color:var(--color-text-primary);border:1px solid var(--color-input-border);border-radius:var(--radius-md);padding:.4rem .75rem;width:100%;transition:border-color var(--transition-fast),box-shadow var(--transition-fast)}input:focus,select:focus,textarea:focus{outline:none;border-color:var(--color-accent);box-shadow:0 0 0 3px #4299e133}input::placeholder,textarea::placeholder{color:var(--color-text-muted)}select{cursor:pointer}code{font-family:var(--font-mono);font-size:.875em;background-color:var(--color-bg-tertiary);color:var(--color-text-primary);padding:.15em .4em;border-radius:var(--radius-sm)}pre{font-family:var(--font-mono);font-size:var(--font-size-sm);background-color:var(--color-bg-secondary);color:var(--color-text-primary);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:1rem;overflow-x:auto;line-height:1.5}pre code{background-color:transparent;padding:0;border-radius:0;font-size:inherit}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:var(--color-bg-primary)}::-webkit-scrollbar-thumb{background:var(--color-bg-tertiary);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--color-text-muted)}.app-layout.svelte-12qhfyh{display:flex;min-height:100vh}.sidebar.svelte-12qhfyh{width:220px;min-width:220px;background:var(--color-sidebar-bg);border-right:1px solid var(--color-border);display:flex;flex-direction:column;transition:width var(--transition-slow),min-width var(--transition-slow);overflow:hidden}.sidebar.collapsed.svelte-12qhfyh{width:52px;min-width:52px}.sidebar-header.svelte-12qhfyh{display:flex;align-items:center;justify-content:space-between;padding:1rem .75rem;border-bottom:1px solid var(--color-border);gap:.5rem}.sidebar-title.svelte-12qhfyh{font-weight:700;font-size:var(--font-size-base);color:var(--color-text-primary);white-space:nowrap;overflow:hidden}.collapse-btn.svelte-12qhfyh{border:none;background:none;color:var(--color-text-secondary);padding:.25rem;font-size:1.25rem;line-height:1;flex-shrink:0;width:28px;height:28px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-sm)}.collapse-btn.svelte-12qhfyh:hover{background:var(--color-bg-hover);color:var(--color-text-primary);border-color:transparent}.sidebar-nav.svelte-12qhfyh{flex:1;padding:.75rem 0;display:flex;flex-direction:column;gap:2px;overflow-y:auto}.nav-link.svelte-12qhfyh{display:flex;align-items:center;gap:.625rem;padding:.5rem .75rem;color:var(--color-text-secondary);text-decoration:none;border-radius:var(--radius-md);margin:0 .375rem;font-size:var(--font-size-sm);transition:background var(--transition-fast),color var(--transition-fast);white-space:nowrap;overflow:hidden}.nav-link.svelte-12qhfyh:hover{background:var(--color-bg-hover);color:var(--color-text-primary);text-decoration:none}.nav-link.active.svelte-12qhfyh{background:var(--color-bg-tertiary);color:var(--color-accent)}.nav-icon.svelte-12qhfyh{font-size:1rem;flex-shrink:0;width:20px;text-align:center}.nav-divider.svelte-12qhfyh{border:none;border-top:1px solid var(--color-border);margin:.375rem .75rem}.sidebar-footer.svelte-12qhfyh{padding:.75rem;border-top:1px solid var(--color-border);display:flex;flex-direction:column;gap:.5rem}.theme-btn.svelte-12qhfyh{width:100%;text-align:left;background:none;border:1px solid var(--color-border);color:var(--color-text-secondary);font-size:var(--font-size-xs);padding:.35rem .5rem;border-radius:var(--radius-sm)}.theme-btn.svelte-12qhfyh:hover{color:var(--color-text-primary)}.user-info.svelte-12qhfyh{display:flex;align-items:center;gap:.5rem;overflow:hidden}.avatar.svelte-12qhfyh{width:28px;height:28px;border-radius:50%;flex-shrink:0}.avatar-placeholder.svelte-12qhfyh{width:28px;height:28px;border-radius:50%;background:var(--color-accent);color:#fff;display:flex;align-items:center;justify-content:center;font-size:var(--font-size-xs);font-weight:700;flex-shrink:0}.user-details.svelte-12qhfyh{display:flex;flex-direction:column;overflow:hidden}.user-name.svelte-12qhfyh{font-size:var(--font-size-xs);color:var(--color-text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.role-badge.svelte-12qhfyh{font-size:.65rem;padding:.1rem .35rem;border-radius:var(--radius-sm);font-weight:600;text-transform:uppercase;width:fit-content}.role-admin.svelte-12qhfyh{background:#fc818133;color:var(--color-danger)}.role-operator.svelte-12qhfyh{background:#f6ad5533;color:var(--color-warning)}.role-user.svelte-12qhfyh{background:#63b3ed33;color:var(--color-info)}.logout-btn.svelte-12qhfyh{width:100%;background:none;border:1px solid var(--color-border);color:var(--color-text-secondary);font-size:var(--font-size-xs);padding:.35rem .5rem;border-radius:var(--radius-sm);text-align:center}.logout-btn.svelte-12qhfyh:hover{color:var(--color-danger);border-color:var(--color-danger)}.main-content.svelte-12qhfyh{flex:1;overflow-y:auto;padding:1.5rem;min-width:0}