.layout-v2{display:grid;grid-template-columns:240px 1fr;height:100vh}.layout-v2-sidebar{background:var(--surface);border-right:1px solid var(--border);display:flex;flex-direction:column;overflow:hidden}.layout-v2-brand{padding:12px 16px;border-bottom:1px solid var(--border);display:flex;align-items:center;gap:8px}.layout-v2-brand-mark{width:32px;height:32px;border-radius:8px;background:var(--accent);display:flex;align-items:center;justify-content:center;color:#fff;font-weight:700;font-size:14px}.layout-v2-nav{flex:1;overflow:auto;padding:8px}.layout-v2-section-label{font-size:10px;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.06em;padding:6px 8px;margin-bottom:2px}.layout-v2-nav-item{display:block;padding:7px 8px;border-radius:6px;font-size:13px;text-decoration:none;margin-bottom:2px;transition:all .15s;color:var(--text-muted)}.layout-v2-nav-item:hover{background:var(--surface2);color:var(--text)}.layout-v2-nav-item.active{background:var(--accent-subtle);color:var(--accent);font-weight:500}.layout-v2-footer{padding:8px;border-top:1px solid var(--border)}.layout-v2-user{display:flex;align-items:center;gap:8px;padding:6px}.layout-v2-avatar{width:28px;height:28px;border-radius:50%;background:var(--surface2);display:flex;align-items:center;justify-content:center;font-size:10px;font-weight:600;color:var(--text-muted)}.layout-v2-main{overflow:auto;padding:20px;background:var(--bg)}:root{--space-0: 0;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 24px;--space-6: 32px;--space-7: 48px;--space-8: 64px;--space-9: 96px;--radius-xs: 2px;--radius-sm: 4px;--radius-md: 6px;--radius-lg: 10px;--radius-xl: 16px;--radius-full: 9999px;--font-sans: "Spectrum Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", system-ui, sans-serif;--font-mono: "JetBrains Mono", "Fira Code", ui-monospace, "SF Mono", Menlo, monospace;--text-xs: 11px;--text-sm: 12px;--text-base: 13px;--text-md: 14px;--text-lg: 16px;--text-xl: 20px;--text-2xl: 24px;--text-3xl: 32px;--text-4xl: 40px;--leading-tight: 1.25;--leading-base: 1.5;--leading-relaxed: 1.65;--weight-regular: 400;--weight-medium: 500;--weight-semibold: 600;--weight-bold: 700;--motion-fast: .12s;--motion-base: .18s;--motion-slow: .26s;--ease-out: cubic-bezier(.16, 1, .3, 1);--ease-in-out: cubic-bezier(.4, 0, .2, 1);--ease-spring: cubic-bezier(.34, 1.56, .64, 1);--sidebar-width: 240px;--topbar-height: 56px;--max-content: 1280px;--z-base: 1;--z-sticky: 10;--z-overlay: 50;--z-modal: 100;--z-toast: 200;--z-tooltip: 300}:root,[data-theme=obsidian]{--bg-base: #0a0c10;--bg-raised: #11151c;--surface-1: #161b24;--surface-2: #1d242f;--surface-3: #25303d;--bg-overlay: rgba(8, 10, 14, .72);--border-subtle: #1c2230;--border-default: #283042;--border-strong: #3a445a;--text-primary: #e8ecf2;--text-secondary: #a3adc2;--text-muted: #6b7689;--text-disabled: #4a5366;--accent: #4fbcff;--accent-hover: #6cc6ff;--accent-pressed: #3aa6ea;--accent-subtle: rgba(79, 188, 255, .12);--accent-muted: rgba(79, 188, 255, .06);--success: #4ade80;--success-subtle: rgba(74, 222, 128, .12);--warning: #fbbf24;--warning-subtle: rgba(251, 191, 36, .12);--danger: #f87171;--danger-subtle: rgba(248, 113, 113, .12);--info: #a78bfa;--info-subtle: rgba(167, 139, 250, .12);--gradient-brand: linear-gradient(135deg, #4ade80 0%, #4ecdc4 50%, #4fbcff 100%);--gradient-brand-h: linear-gradient(90deg, #4ade80 0%, #4ecdc4 50%, #4fbcff 100%);--shadow-sm: 0 1px 2px rgba(0, 0, 0, .4), 0 1px 1px rgba(0, 0, 0, .3);--shadow-md: 0 4px 8px rgba(0, 0, 0, .45), 0 2px 4px rgba(0, 0, 0, .35);--shadow-lg: 0 12px 24px rgba(0, 0, 0, .55), 0 4px 8px rgba(0, 0, 0, .4);--shadow-xl: 0 24px 48px rgba(0, 0, 0, .6), 0 8px 16px rgba(0, 0, 0, .45);--shadow-focus: 0 0 0 3px rgba(79, 188, 255, .35);--shadow-glow: 0 0 20px rgba(79, 188, 255, .18);--inner-highlight: inset 0 1px 0 rgba(255, 255, 255, .04);--scrim: rgba(4, 6, 10, .7);--backdrop-blur: 8px}[data-theme=navy]{--bg-base: #0a1929;--bg-raised: #0f2236;--surface-1: #142a40;--surface-2: #1b3450;--surface-3: #244065;--bg-overlay: rgba(8, 18, 30, .72);--border-subtle: #173050;--border-default: #244166;--border-strong: #3b5a82;--text-primary: #e6edf6;--text-secondary: #9eb5cd;--text-muted: #6e88a3;--text-disabled: #4d6075;--accent: #4ecdc4;--accent-hover: #6dd6cf;--accent-pressed: #3bb8af;--accent-subtle: rgba(78, 205, 196, .12);--accent-muted: rgba(78, 205, 196, .06);--success: #3db54a;--success-subtle: rgba(61, 181, 74, .12);--warning: #f5a524;--warning-subtle: rgba(245, 165, 36, .12);--danger: #ef4444;--danger-subtle: rgba(239, 68, 68, .12);--info: #2b7de9;--info-subtle: rgba(43, 125, 233, .12);--gradient-brand: linear-gradient(135deg, #3db54a 0%, #4ecdc4 50%, #2b7de9 100%);--gradient-brand-h: linear-gradient(90deg, #3db54a 0%, #4ecdc4 50%, #2b7de9 100%);--shadow-sm: 0 1px 2px rgba(0, 8, 20, .45), 0 1px 1px rgba(0, 8, 20, .3);--shadow-md: 0 4px 8px rgba(0, 8, 20, .5), 0 2px 4px rgba(0, 8, 20, .35);--shadow-lg: 0 12px 24px rgba(0, 8, 20, .55), 0 4px 8px rgba(0, 8, 20, .4);--shadow-xl: 0 24px 48px rgba(0, 8, 20, .6), 0 8px 16px rgba(0, 8, 20, .45);--shadow-focus: 0 0 0 3px rgba(78, 205, 196, .35);--shadow-glow: 0 0 20px rgba(78, 205, 196, .2);--inner-highlight: inset 0 1px 0 rgba(255, 255, 255, .04);--scrim: rgba(4, 12, 22, .7);--backdrop-blur: 8px}[data-theme=charcoal]{--bg-base: #141414;--bg-raised: #1a1a1a;--surface-1: #222222;--surface-2: #2a2a2a;--surface-3: #333333;--bg-overlay: rgba(10, 10, 10, .72);--border-subtle: #262626;--border-default: #383838;--border-strong: #4a4a4a;--text-primary: #ebebeb;--text-secondary: #b0b0b0;--text-muted: #808080;--text-disabled: #5a5a5a;--accent: #4ecdc4;--accent-hover: #6dd6cf;--accent-pressed: #3bb8af;--accent-subtle: rgba(78, 205, 196, .12);--accent-muted: rgba(78, 205, 196, .06);--success: #3db54a;--success-subtle: rgba(61, 181, 74, .14);--warning: #f5a524;--warning-subtle: rgba(245, 165, 36, .14);--danger: #ef4444;--danger-subtle: rgba(239, 68, 68, .14);--info: #2b7de9;--info-subtle: rgba(43, 125, 233, .14);--gradient-brand: linear-gradient(135deg, #3db54a 0%, #4ecdc4 50%, #2b7de9 100%);--gradient-brand-h: linear-gradient(90deg, #3db54a 0%, #4ecdc4 50%, #2b7de9 100%);--shadow-sm: 0 1px 2px rgba(0, 0, 0, .5), 0 1px 1px rgba(0, 0, 0, .35);--shadow-md: 0 4px 8px rgba(0, 0, 0, .55), 0 2px 4px rgba(0, 0, 0, .4);--shadow-lg: 0 12px 24px rgba(0, 0, 0, .6), 0 4px 8px rgba(0, 0, 0, .45);--shadow-xl: 0 24px 48px rgba(0, 0, 0, .65), 0 8px 16px rgba(0, 0, 0, .5);--shadow-focus: 0 0 0 3px rgba(78, 205, 196, .35);--shadow-glow: 0 0 20px rgba(78, 205, 196, .18);--inner-highlight: inset 0 1px 0 rgba(255, 255, 255, .05);--scrim: rgba(0, 0, 0, .7);--backdrop-blur: 8px}[data-theme=midnight]{--bg-base: #04070d;--bg-raised: #08101e;--surface-1: #0c1828;--surface-2: #112138;--surface-3: #182d4c;--bg-overlay: rgba(2, 4, 8, .78);--border-subtle: #102140;--border-default: #1d3358;--border-strong: #2f4d7a;--text-primary: #e8f0fa;--text-secondary: #8aa4c0;--text-muted: #5e7a98;--text-disabled: #3d5575;--accent: #2b7de9;--accent-hover: #4d96f0;--accent-pressed: #1d6ad1;--accent-subtle: rgba(43, 125, 233, .14);--accent-muted: rgba(43, 125, 233, .07);--success: #3db54a;--success-subtle: rgba(61, 181, 74, .12);--warning: #f5a524;--warning-subtle: rgba(245, 165, 36, .12);--danger: #ef4444;--danger-subtle: rgba(239, 68, 68, .12);--info: #4ecdc4;--info-subtle: rgba(78, 205, 196, .12);--gradient-brand: linear-gradient(135deg, #3db54a 0%, #4ecdc4 50%, #2b7de9 100%);--gradient-brand-h: linear-gradient(90deg, #3db54a 0%, #4ecdc4 50%, #2b7de9 100%);--shadow-sm: 0 1px 2px rgba(0, 0, 5, .55), 0 1px 1px rgba(0, 0, 5, .4);--shadow-md: 0 4px 8px rgba(0, 0, 5, .6), 0 2px 4px rgba(0, 0, 5, .45);--shadow-lg: 0 12px 24px rgba(0, 0, 5, .65), 0 4px 8px rgba(0, 0, 5, .5);--shadow-xl: 0 24px 48px rgba(0, 0, 5, .7), 0 8px 16px rgba(0, 0, 5, .55);--shadow-focus: 0 0 0 3px rgba(43, 125, 233, .4);--shadow-glow: 0 0 20px rgba(43, 125, 233, .22);--inner-highlight: inset 0 1px 0 rgba(255, 255, 255, .04);--scrim: rgba(0, 0, 4, .78);--backdrop-blur: 8px}[data-theme=light]{--bg-base: #f4f6f9;--bg-raised: #ffffff;--surface-1: #ffffff;--surface-2: #f0f3f7;--surface-3: #e6ebf2;--bg-overlay: rgba(255, 255, 255, .85);--border-subtle: #eaeef4;--border-default: #d6dde7;--border-strong: #b3bdcc;--text-primary: #0f172a;--text-secondary: #475569;--text-muted: #64748b;--text-disabled: #94a3b8;--accent: #1d4ed8;--accent-hover: #2552db;--accent-pressed: #1742b8;--accent-subtle: rgba(29, 78, 216, .08);--accent-muted: rgba(29, 78, 216, .04);--success: #16a34a;--success-subtle: rgba(22, 163, 74, .08);--warning: #ca8a04;--warning-subtle: rgba(202, 138, 4, .1);--danger: #b91c1c;--danger-subtle: rgba(220, 38, 38, .08);--info: #7c3aed;--info-subtle: rgba(124, 58, 237, .08);--gradient-brand: linear-gradient(135deg, #16a34a 0%, #0891b2 50%, #1d4ed8 100%);--gradient-brand-h: linear-gradient(90deg, #16a34a 0%, #0891b2 50%, #1d4ed8 100%);--shadow-sm: 0 1px 2px rgba(15, 23, 42, .06), 0 1px 1px rgba(15, 23, 42, .04);--shadow-md: 0 4px 12px rgba(15, 23, 42, .08), 0 2px 4px rgba(15, 23, 42, .05);--shadow-lg: 0 12px 28px rgba(15, 23, 42, .1), 0 4px 10px rgba(15, 23, 42, .06);--shadow-xl: 0 24px 48px rgba(15, 23, 42, .14), 0 8px 16px rgba(15, 23, 42, .08);--shadow-focus: 0 0 0 3px rgba(29, 78, 216, .2);--shadow-glow: 0 0 20px rgba(29, 78, 216, .12);--inner-highlight: inset 0 1px 0 rgba(255, 255, 255, .5);--scrim: rgba(15, 23, 42, .4);--backdrop-blur: 8px}[data-theme=bright]{--bg-base: #ffffff;--bg-raised: #ffffff;--surface-1: #ffffff;--surface-2: #f8fafc;--surface-3: #f1f5f9;--bg-overlay: rgba(255, 255, 255, .92);--border-subtle: #f1f5f9;--border-default: #e2e8f0;--border-strong: #cbd5e1;--text-primary: #0f172a;--text-secondary: #334155;--text-muted: #64748b;--text-disabled: #94a3b8;--accent: #2563eb;--accent-hover: #2f6ef0;--accent-pressed: #1d56ce;--accent-subtle: rgba(37, 99, 235, .08);--accent-muted: rgba(37, 99, 235, .04);--success: #16a34a;--success-subtle: rgba(22, 163, 74, .08);--warning: #d97706;--warning-subtle: rgba(217, 119, 6, .1);--danger: #dc2626;--danger-subtle: rgba(220, 38, 38, .08);--info: #7c3aed;--info-subtle: rgba(124, 58, 237, .08);--gradient-brand: linear-gradient(135deg, #16a34a 0%, #0891b2 50%, #2563eb 100%);--gradient-brand-h: linear-gradient(90deg, #16a34a 0%, #0891b2 50%, #2563eb 100%);--shadow-sm: 0 1px 2px rgba(15, 23, 42, .05);--shadow-md: 0 4px 12px rgba(15, 23, 42, .07), 0 2px 4px rgba(15, 23, 42, .04);--shadow-lg: 0 12px 28px rgba(15, 23, 42, .09), 0 4px 10px rgba(15, 23, 42, .05);--shadow-xl: 0 24px 48px rgba(15, 23, 42, .12), 0 8px 16px rgba(15, 23, 42, .07);--shadow-focus: 0 0 0 3px rgba(37, 99, 235, .22);--shadow-glow: 0 0 20px rgba(37, 99, 235, .1);--inner-highlight: none;--scrim: rgba(15, 23, 42, .35);--backdrop-blur: 8px}@media(prefers-color-scheme:light){:root:not([data-theme]){--bg-base: #f4f6f9;--bg-raised: #ffffff;--surface-1: #ffffff;--surface-2: #f0f3f7;--surface-3: #e6ebf2;--bg-overlay: rgba(255, 255, 255, .85);--border-subtle: #eaeef4;--border-default: #d6dde7;--border-strong: #b3bdcc;--text-primary: #0f172a;--text-secondary: #475569;--text-muted: #64748b;--text-disabled: #94a3b8;--accent: #1d4ed8;--accent-hover: #2552db;--accent-pressed: #1742b8;--accent-subtle: rgba(29, 78, 216, .08);--accent-muted: rgba(29, 78, 216, .04);--success: #16a34a;--success-subtle: rgba(22, 163, 74, .08);--warning: #ca8a04;--warning-subtle: rgba(202, 138, 4, .1);--danger: #dc2626;--danger-subtle: rgba(220, 38, 38, .08);--info: #7c3aed;--info-subtle: rgba(124, 58, 237, .08);--gradient-brand: linear-gradient(135deg, #16a34a 0%, #0891b2 50%, #1d4ed8 100%);--gradient-brand-h: linear-gradient(90deg, #16a34a 0%, #0891b2 50%, #1d4ed8 100%);--shadow-sm: 0 1px 2px rgba(15, 23, 42, .06);--shadow-md: 0 4px 12px rgba(15, 23, 42, .08), 0 2px 4px rgba(15, 23, 42, .05);--shadow-lg: 0 12px 28px rgba(15, 23, 42, .1), 0 4px 10px rgba(15, 23, 42, .06);--shadow-xl: 0 24px 48px rgba(15, 23, 42, .14), 0 8px 16px rgba(15, 23, 42, .08);--shadow-focus: 0 0 0 3px rgba(29, 78, 216, .2);--shadow-glow: 0 0 20px rgba(29, 78, 216, .12);--inner-highlight: inset 0 1px 0 rgba(255, 255, 255, .5);--scrim: rgba(15, 23, 42, .4)}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}:root,[data-theme]{--bg: var(--bg-base);--bg-primary: var(--bg-base);--bg-secondary: var(--bg-raised);--surface: var(--surface-1);--surface2: var(--surface-2);--surface3: var(--surface-3);--card-bg: var(--surface-1);--bg-card: var(--surface-1);--bg-card-hover: var(--surface-2);--text: var(--text-primary);--text-muted: var(--text-muted);--text-secondary: var(--text-secondary);--border: var(--border-default);--border-light: var(--border-subtle);--accent-light: var(--accent-hover);--shadow: var(--shadow-md);--radius: var(--radius-md);--radius-sm: var(--radius-sm);--radius-lg: var(--radius-lg);--sidebar-width: 240px;--page-padding: var(--space-6);--card-padding: var(--space-5);--section-gap: var(--space-5);--modal-overlay: var(--bg-overlay);--hover: var(--surface-2);--tooltip-bg: var(--surface-3);--mono: var(--font-mono);--font: var(--font-sans);--primary: var(--accent);--bg-hover: var(--surface-2);--bg-muted: var(--surface-2);--warning-rgb: 234, 179, 8}*,*:before,*:after{box-sizing:border-box}*{margin:0;padding:0}html,body{font-family:var(--font-sans);font-size:var(--text-base);line-height:var(--leading-base);background:var(--bg-base);color:var(--text-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;transition:background var(--motion-base) var(--ease-out),color var(--motion-base) var(--ease-out)}a{color:var(--accent);text-decoration:none}a:hover{color:var(--accent-hover)}a:focus-visible{outline:none;box-shadow:var(--shadow-focus);border-radius:var(--radius-sm)}button{font-family:inherit;font-size:inherit}::selection{background:var(--accent-subtle);color:var(--text-primary)}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--border-default);border-radius:var(--radius-full);border:2px solid var(--bg-base)}::-webkit-scrollbar-thumb:hover{background:var(--border-strong)}.text-xs{font-size:var(--text-xs)}.text-sm{font-size:var(--text-sm)}.text-base{font-size:var(--text-base)}.text-md{font-size:var(--text-md)}.text-lg{font-size:var(--text-lg)}.text-xl{font-size:var(--text-xl)}.text-2xl{font-size:var(--text-2xl)}.text-3xl{font-size:var(--text-3xl)}.text-primary{color:var(--text-primary)}.text-secondary{color:var(--text-secondary)}.text-muted{color:var(--text-muted)}.text-disabled{color:var(--text-disabled)}.text-accent{color:var(--accent)}.text-success{color:var(--success)}.text-warning{color:var(--warning)}.text-danger{color:var(--danger)}.font-regular{font-weight:var(--weight-regular)}.font-medium{font-weight:var(--weight-medium)}.font-semibold{font-weight:var(--weight-semibold)}.font-bold{font-weight:var(--weight-bold)}.uppercase{text-transform:uppercase;letter-spacing:.08em}.mono{font-family:var(--font-mono)}.gradient-text{background:var(--gradient-brand-h);background-clip:text;-webkit-background-clip:text;color:transparent}.stack{display:flex;flex-direction:column;gap:var(--space-3)}.stack-sm{gap:var(--space-2)}.stack-lg{gap:var(--space-5)}.row{display:flex;align-items:center;gap:var(--space-3)}.row-sm{gap:var(--space-2)}.row-lg{gap:var(--space-5)}.row-end{justify-content:flex-end}.row-between{justify-content:space-between}.grid{display:grid;gap:var(--space-4)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);padding:6px 14px;font-family:var(--font-sans);font-size:var(--text-base);font-weight:var(--weight-medium);line-height:1.2;border-radius:var(--radius-md);border:1px solid transparent;background:transparent;color:var(--text-primary);cursor:pointer;white-space:nowrap;transition:background var(--motion-fast) var(--ease-out),color var(--motion-fast) var(--ease-out),border-color var(--motion-fast) var(--ease-out),box-shadow var(--motion-fast) var(--ease-out),transform var(--motion-fast) var(--ease-out);-webkit-user-select:none;user-select:none}.btn:focus-visible{outline:none;box-shadow:var(--shadow-focus)}.btn:active:not(:disabled){transform:scale(.98)}.btn:disabled,.btn[aria-disabled=true]{opacity:.5;cursor:not-allowed}.btn .icon{width:14px;height:14px;flex-shrink:0}.btn-sm{padding:4px 10px;font-size:var(--text-sm);border-radius:var(--radius-sm)}.btn-sm .icon{width:12px;height:12px}.btn-md{padding:6px 14px;font-size:var(--text-base)}.btn-lg{padding:8px 18px;font-size:var(--text-md);border-radius:var(--radius-md)}.btn-lg .icon{width:16px;height:16px}.btn-icon-only{padding:6px}.btn-icon-only.btn-sm{padding:4px}.btn-icon-only.btn-lg{padding:8px}.btn-primary{background:var(--accent);border-color:var(--accent);color:#fff;box-shadow:var(--shadow-sm)}.btn-primary:hover:not(:disabled){background:var(--accent-hover);border-color:var(--accent-hover);box-shadow:var(--shadow-md),var(--shadow-glow)}.btn-primary:active:not(:disabled){background:var(--accent-pressed);border-color:var(--accent-pressed)}.btn-secondary{background:var(--surface-2);border-color:var(--border-default);color:var(--text-primary);box-shadow:var(--shadow-sm)}.btn-secondary:hover:not(:disabled){background:var(--surface-3);border-color:var(--border-strong)}.btn-ghost{background:transparent;color:var(--text-secondary)}.btn-ghost:hover:not(:disabled){background:var(--surface-2);color:var(--text-primary)}.btn-danger{background:var(--danger-subtle);border-color:transparent;color:var(--danger)}.btn-danger:hover:not(:disabled){background:var(--danger);color:#fff}.btn-link{padding:0;background:transparent;color:var(--accent);border:none;height:auto}.btn-link:hover:not(:disabled){color:var(--accent-hover);text-decoration:underline;background:transparent}.btn-loading{color:transparent;pointer-events:none}.btn-loading:after{content:"";position:absolute;width:14px;height:14px;border:2px solid currentColor;border-top-color:transparent;border-radius:50%;animation:btn-spin .6s linear infinite;color:inherit}.btn-loading{position:relative}.btn-loading.btn-primary:after,.btn-loading.btn-danger:after{color:#fff}@keyframes btn-spin{to{transform:rotate(360deg)}}.btn-group{display:inline-flex;border-radius:var(--radius-md);background:var(--surface-2);border:1px solid var(--border-default);padding:2px;gap:0}.btn-group .btn{border:none;box-shadow:none;background:transparent;color:var(--text-secondary);padding:4px 12px;font-size:var(--text-sm);border-radius:var(--radius-sm)}.btn-group .btn.active,.btn-group .btn[aria-pressed=true]{background:var(--bg-raised);color:var(--text-primary);box-shadow:var(--shadow-sm),var(--inner-highlight)}.field{display:flex;flex-direction:column;gap:var(--space-2)}.field-row{display:flex;flex-direction:row;align-items:center;gap:var(--space-2)}.field-label{font-size:var(--text-xs);font-weight:var(--weight-semibold);color:var(--text-muted);text-transform:uppercase;letter-spacing:.06em}.field-label .required{color:var(--danger);margin-left:2px}.field-help{font-size:var(--text-sm);color:var(--text-muted)}.field-error{font-size:var(--text-sm);color:var(--danger);display:flex;align-items:center;gap:var(--space-1)}.input,.select,.textarea{width:100%;padding:8px 12px;font-family:var(--font-sans);font-size:var(--text-base);line-height:var(--leading-base);color:var(--text-primary);background:var(--surface-2);border:1px solid var(--border-default);border-radius:var(--radius-md);outline:none;transition:border-color var(--motion-fast) var(--ease-out),box-shadow var(--motion-fast) var(--ease-out),background var(--motion-fast) var(--ease-out)}.input::placeholder,.textarea::placeholder{color:var(--text-muted)}.input:hover,.select:hover,.textarea:hover{border-color:var(--border-strong)}.input:focus,.select:focus,.textarea:focus{border-color:var(--accent);box-shadow:var(--shadow-focus);background:var(--surface-1)}.input:disabled,.select:disabled,.textarea:disabled{opacity:.5;cursor:not-allowed;background:var(--surface-1)}.input.error,.select.error,.textarea.error{border-color:var(--danger)}.input.error:focus,.select.error:focus,.textarea.error:focus{box-shadow:0 0 0 3px var(--danger-subtle)}.textarea{min-height:80px;resize:vertical;font-family:var(--font-sans)}.input-sm{padding:4px 10px;font-size:var(--text-sm)}.input-lg{padding:10px 14px;font-size:var(--text-md)}.input-wrap{position:relative;display:flex;align-items:center}.input-wrap .input{padding-left:36px}.input-wrap .input-prefix{position:absolute;left:12px;display:flex;align-items:center;color:var(--text-muted);pointer-events:none}.input-wrap .input-prefix .icon{width:14px;height:14px}.select{appearance:none;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%2364748b' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 10px center;padding-right:32px}.checkbox,.radio{appearance:none;width:16px;height:16px;background:var(--surface-2);border:1px solid var(--border-default);border-radius:var(--radius-sm);cursor:pointer;position:relative;flex-shrink:0;transition:all var(--motion-fast) var(--ease-out)}.radio{border-radius:var(--radius-full)}.checkbox:hover,.radio:hover{border-color:var(--border-strong)}.checkbox:focus-visible,.radio:focus-visible{outline:none;box-shadow:var(--shadow-focus)}.checkbox:checked,.radio:checked{background:var(--accent);border-color:var(--accent)}.checkbox:checked:after{content:"";position:absolute;inset:0;background:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'%3E%3C/polyline%3E%3C/svg%3E") no-repeat center / 12px}.radio:checked:after{content:"";position:absolute;inset:4px;background:#fff;border-radius:var(--radius-full)}.switch{appearance:none;width:32px;height:18px;background:var(--surface-3);border:1px solid var(--border-default);border-radius:var(--radius-full);cursor:pointer;position:relative;flex-shrink:0;transition:background var(--motion-fast) var(--ease-out)}.switch:after{content:"";position:absolute;top:2px;left:2px;width:12px;height:12px;background:#fff;border-radius:var(--radius-full);box-shadow:var(--shadow-sm);transition:transform var(--motion-fast) var(--ease-out)}.switch:checked{background:var(--accent);border-color:var(--accent)}.switch:checked:after{transform:translate(14px)}.switch:focus-visible{outline:none;box-shadow:var(--shadow-focus)}.card{background:var(--surface-1);border:1px solid var(--border-default);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm),var(--inner-highlight);transition:transform var(--motion-base) var(--ease-out),box-shadow var(--motion-base) var(--ease-out),border-color var(--motion-base) var(--ease-out);overflow:hidden}.card-flat{box-shadow:none;border-color:var(--border-subtle)}.card-floating{box-shadow:var(--shadow-md),var(--inner-highlight)}.card-interactive{cursor:pointer}.card-interactive:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg),var(--inner-highlight);border-color:var(--border-strong)}.card-accent{border-left:3px solid var(--accent)}.card-accent.card-success{border-left-color:var(--success)}.card-accent.card-warning{border-left-color:var(--warning)}.card-accent.card-danger{border-left-color:var(--danger)}.card-header{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);padding:var(--space-4) var(--space-5);border-bottom:1px solid var(--border-subtle)}.card-title{font-size:var(--text-md);font-weight:var(--weight-semibold);color:var(--text-primary)}.card-body{padding:var(--space-5)}.card-footer{display:flex;align-items:center;justify-content:flex-end;gap:var(--space-2);padding:var(--space-3) var(--space-5);border-top:1px solid var(--border-subtle);background:var(--surface-2)}.badge{display:inline-flex;align-items:center;gap:4px;padding:2px 8px;font-size:var(--text-xs);font-weight:var(--weight-semibold);line-height:1.4;border-radius:var(--radius-sm);white-space:nowrap;background:var(--surface-2);color:var(--text-secondary);border:1px solid var(--border-subtle)}.badge-pill{border-radius:var(--radius-full);padding:2px 10px}.badge-dot:before{content:"";width:6px;height:6px;border-radius:var(--radius-full);background:currentColor}.badge-accent{background:var(--accent-subtle);color:var(--accent);border-color:transparent}.badge-success{background:var(--success-subtle);color:var(--success);border-color:transparent}.badge-warning{background:var(--warning-subtle);color:var(--warning);border-color:transparent}.badge-danger{background:var(--danger-subtle);color:var(--danger);border-color:transparent}.badge-info{background:var(--info-subtle);color:var(--info);border-color:transparent}.badge-muted{background:var(--surface-2);color:var(--text-muted);border-color:var(--border-subtle)}.badge-solid{background:var(--accent);color:#fff;border-color:transparent}.chip{display:inline-flex;align-items:center;gap:var(--space-2);padding:4px 12px;font-family:var(--font-sans);font-size:var(--text-sm);font-weight:var(--weight-medium);color:var(--text-secondary);background:var(--surface-2);border:1px solid var(--border-default);border-radius:var(--radius-full);cursor:pointer;transition:all var(--motion-fast) var(--ease-out);white-space:nowrap}.chip:hover{background:var(--surface-3);color:var(--text-primary);border-color:var(--border-strong)}.chip:focus-visible{outline:none;box-shadow:var(--shadow-focus)}.chip.active,.chip[aria-pressed=true]{background:var(--accent);border-color:var(--accent);color:#fff}.chip-close{display:inline-flex;align-items:center;justify-content:center;width:14px;height:14px;border-radius:var(--radius-full);cursor:pointer;opacity:.6;transition:opacity var(--motion-fast)}.chip-close:hover{opacity:1}.alert{display:flex;gap:var(--space-3);padding:var(--space-4) var(--space-5);border-radius:var(--radius-lg);border:1px solid;background:var(--surface-2);border-color:var(--border-subtle);color:var(--text-secondary)}.alert-icon{flex-shrink:0;padding-top:1px}.alert-icon .icon{width:16px;height:16px}.alert-body{flex:1}.alert-title{font-weight:var(--weight-semibold);color:var(--text-primary);margin-bottom:2px;font-size:var(--text-md)}.alert-text{font-size:var(--text-sm)}.alert-info{background:var(--info-subtle);border-color:transparent;color:var(--text-secondary)}.alert-info .alert-icon,.alert-info .alert-title{color:var(--info)}.alert-success{background:var(--success-subtle);border-color:transparent}.alert-success .alert-icon,.alert-success .alert-title{color:var(--success)}.alert-warning{background:var(--warning-subtle);border-color:transparent}.alert-warning .alert-icon,.alert-warning .alert-title{color:var(--warning)}.alert-danger{background:var(--danger-subtle);border-color:transparent}.alert-danger .alert-icon,.alert-danger .alert-title{color:var(--danger)}.progress{width:100%;height:8px;background:var(--surface-2);border-radius:var(--radius-full);overflow:hidden}.progress-bar{height:100%;background:var(--gradient-brand-h);border-radius:var(--radius-full);transition:width var(--motion-slow) var(--ease-out)}.progress-bar.solid{background:var(--accent)}.progress-bar.success{background:var(--success)}.progress-bar.warning{background:var(--warning)}.progress-bar.danger{background:var(--danger)}.progress-segments{display:flex;height:8px;background:var(--surface-2);border-radius:var(--radius-full);overflow:hidden;gap:2px}.progress-segments>div{transition:width var(--motion-base) var(--ease-out)}.table-wrap{background:var(--surface-1);border:1px solid var(--border-default);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm),var(--inner-highlight);overflow:hidden}.table{width:100%;border-collapse:collapse;font-size:var(--text-base)}.table thead{background:var(--surface-2);border-bottom:1px solid var(--border-default)}.table th{padding:10px var(--space-4);text-align:left;font-size:var(--text-xs);font-weight:var(--weight-semibold);color:var(--text-muted);text-transform:uppercase;letter-spacing:.06em;white-space:nowrap;-webkit-user-select:none;user-select:none}.table th.sortable{cursor:pointer}.table th.sortable:hover{color:var(--text-primary)}.table th .sort-arrow{margin-left:4px;opacity:.6}.table td{padding:10px var(--space-4);border-top:1px solid var(--border-subtle);color:var(--text-secondary);vertical-align:middle}.table tbody tr{transition:background var(--motion-fast) var(--ease-out)}.table tbody tr:hover td{background:var(--accent-muted);color:var(--text-primary)}.table tbody tr.selected td{background:var(--accent-subtle)}.table-compact th,.table-compact td{padding:6px var(--space-3)}.table-zebra tbody tr:nth-child(2n) td{background:var(--surface-2)}.table-toolbar{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);padding:var(--space-3) var(--space-4);background:var(--surface-1);border-bottom:1px solid var(--border-subtle)}.table-pagination{display:flex;align-items:center;justify-content:space-between;padding:var(--space-3) var(--space-4);background:var(--surface-1);border-top:1px solid var(--border-subtle);font-size:var(--text-sm);color:var(--text-muted)}.kpi{background:var(--surface-1);border:1px solid var(--border-default);border-radius:var(--radius-lg);padding:var(--space-5);box-shadow:var(--shadow-sm),var(--inner-highlight);display:flex;flex-direction:column;gap:var(--space-2);align-items:center;text-align:center;transition:all var(--motion-base) var(--ease-out)}.kpi-interactive{cursor:pointer}.kpi-interactive:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg),var(--inner-highlight);border-color:var(--accent)}.kpi-label{font-size:var(--text-xs);font-weight:var(--weight-semibold);color:var(--text-muted);text-transform:uppercase;letter-spacing:.06em}.kpi-value{font-size:var(--text-3xl);font-weight:var(--weight-bold);color:var(--text-primary);line-height:1;letter-spacing:-.02em}.kpi-value.gradient{background:var(--gradient-brand-h);background-clip:text;-webkit-background-clip:text;color:transparent}.kpi-meta{display:flex;align-items:center;justify-content:center;gap:var(--space-2);font-size:var(--text-sm);color:var(--text-muted)}.kpi-left{align-items:flex-start;text-align:left}.kpi-left .kpi-meta{justify-content:flex-start}.kpi-delta{display:inline-flex;align-items:center;gap:2px;padding:2px 8px;border-radius:var(--radius-full);font-size:var(--text-xs);font-weight:var(--weight-semibold)}.kpi-delta.up{background:var(--success-subtle);color:var(--success)}.kpi-delta.down{background:var(--danger-subtle);color:var(--danger)}.kpi-delta.flat{background:var(--surface-2);color:var(--text-muted)}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-8) var(--space-5);text-align:center;gap:var(--space-3)}.empty-state-icon{width:48px;height:48px;border-radius:var(--radius-full);background:var(--surface-2);display:flex;align-items:center;justify-content:center;color:var(--text-muted);margin-bottom:var(--space-2)}.empty-state-title{font-size:var(--text-md);font-weight:var(--weight-semibold);color:var(--text-primary)}.empty-state-text{font-size:var(--text-sm);color:var(--text-muted);max-width:320px;line-height:var(--leading-relaxed)}.tabs{display:flex;gap:var(--space-1);border-bottom:1px solid var(--border-default)}.tab{position:relative;padding:var(--space-2) var(--space-4);font-family:var(--font-sans);font-size:var(--text-base);font-weight:var(--weight-medium);color:var(--text-secondary);background:transparent;border:none;cursor:pointer;transition:color var(--motion-fast) var(--ease-out)}.tab:hover,.tab.active{color:var(--text-primary)}.tab.active:after{content:"";position:absolute;bottom:-1px;left:var(--space-3);right:var(--space-3);height:2px;background:var(--gradient-brand-h);border-radius:var(--radius-full) var(--radius-full) 0 0}.tab:focus-visible{outline:none;box-shadow:var(--shadow-focus);border-radius:var(--radius-sm)}.modal-backdrop{position:fixed;inset:0;background:var(--scrim);backdrop-filter:blur(var(--backdrop-blur));-webkit-backdrop-filter:blur(var(--backdrop-blur));z-index:var(--z-overlay);display:flex;align-items:center;justify-content:center;padding:var(--space-5);opacity:0;pointer-events:none;transition:opacity var(--motion-base) var(--ease-out)}.modal-backdrop.open{opacity:1;pointer-events:auto}.modal{background:var(--surface-1);border:1px solid var(--border-default);border-radius:var(--radius-xl);box-shadow:var(--shadow-xl),var(--inner-highlight);max-width:480px;width:100%;max-height:calc(100vh - var(--space-7));display:flex;flex-direction:column;overflow:hidden;transform:translateY(8px) scale(.98);transition:transform var(--motion-base) var(--ease-spring)}.modal-backdrop.open .modal{transform:translateY(0) scale(1)}.modal-header{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);padding:var(--space-4) var(--space-5);border-bottom:1px solid var(--border-subtle)}.modal-title{font-size:var(--text-lg);font-weight:var(--weight-semibold);color:var(--text-primary)}.modal-body{padding:var(--space-5);overflow-y:auto;flex:1}.modal-footer{display:flex;justify-content:flex-end;gap:var(--space-2);padding:var(--space-3) var(--space-5);border-top:1px solid var(--border-subtle);background:var(--surface-2)}.toast{display:flex;gap:var(--space-3);padding:var(--space-3) var(--space-4);background:var(--bg-raised);border:1px solid var(--border-default);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg),var(--inner-highlight);min-width:280px;max-width:420px}.toast-icon{flex-shrink:0;padding-top:2px}.toast-body{flex:1}.toast-title{font-size:var(--text-md);font-weight:var(--weight-semibold);color:var(--text-primary)}.toast-text{font-size:var(--text-sm);color:var(--text-muted);margin-top:2px}.toast.success .toast-icon{color:var(--success)}.toast.warning .toast-icon{color:var(--warning)}.toast.danger .toast-icon{color:var(--danger)}.tooltip{position:relative;display:inline-flex}.tooltip-content{position:absolute;bottom:calc(100% + 8px);left:50%;transform:translate(-50%) translateY(4px);padding:4px 10px;font-size:var(--text-xs);font-weight:var(--weight-medium);color:var(--text-primary);background:var(--bg-raised);border:1px solid var(--border-default);border-radius:var(--radius-sm);box-shadow:var(--shadow-md);white-space:nowrap;opacity:0;pointer-events:none;transition:opacity var(--motion-fast) var(--ease-out),transform var(--motion-fast) var(--ease-out);z-index:var(--z-tooltip)}.tooltip:hover .tooltip-content,.tooltip:focus-within .tooltip-content{opacity:1;transform:translate(-50%) translateY(0)}.divider{height:1px;background:var(--border-subtle);margin:var(--space-4) 0;border:none}.divider-strong{background:var(--border-default)}.divider-vertical{width:1px;height:100%;margin:0 var(--space-3)}.search-bar{position:relative;width:100%}.search-bar .input{padding-left:36px}.search-bar .search-icon{position:absolute;left:12px;top:50%;transform:translateY(-50%);color:var(--text-muted);pointer-events:none}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes slide-up{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.animate-fade-in{animation:fade-in var(--motion-base) var(--ease-out)}.animate-slide-up{animation:slide-up var(--motion-base) var(--ease-out)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}body{background:var(--bg);color:var(--text);font-family:var(--font);font-size:14px}.app{display:flex;flex-direction:column;height:100vh}.main-content{flex:1;overflow-y:auto;padding:24px}.topbar{display:flex;align-items:center;justify-content:space-between;padding:0 20px;height:52px;background:var(--surface);border-bottom:1px solid var(--border);flex-shrink:0}.topbar-left,.topbar-right{display:flex;align-items:center;gap:12px}.logo{font-weight:700;font-size:15px;color:var(--accent);letter-spacing:-.3px}.topbar-nav{display:flex;gap:2px;align-items:center}.topbar-nav button,.topbar-nav a{background:none;border:none;color:var(--text-muted);cursor:pointer;padding:6px 12px;border-radius:6px;font-size:13px;transition:all .15s;text-decoration:none;white-space:nowrap}.topbar-nav button:hover,.topbar-nav a:hover{background:var(--surface2);color:var(--text)}.topbar-nav button.active,.topbar-nav a.active{background:var(--surface2);color:var(--text);font-weight:600}.nav-dropdown{position:absolute;top:100%;left:0;margin-top:4px;background:var(--surface);border:1px solid var(--border);border-radius:8px;padding:4px 0;min-width:180px;box-shadow:0 4px 12px #0000001f;z-index:100}.nav-dropdown a{display:block;padding:8px 16px;font-size:13px;text-decoration:none;color:var(--text-muted);transition:background .1s}.nav-dropdown a:hover{background:var(--surface2);color:var(--text)}.nav-dropdown a.active{color:var(--text);font-weight:600;background:var(--surface2)}.btn{background:var(--surface2);border:1px solid var(--border);color:var(--text);padding:6px 14px;border-radius:6px;cursor:pointer;font-size:13px;transition:all .15s}.btn:hover{border-color:var(--accent);color:var(--accent)}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background:var(--accent);border-color:var(--accent);color:#fff}.btn-primary:hover{background:var(--accent-hover);border-color:var(--accent-hover);color:#fff}.sync-status{font-size:12px;color:var(--text-muted)}.sync-msg{font-size:12px;color:var(--green)}.topbar-user{font-size:13px;color:var(--text-muted)}.login-page{display:flex;align-items:center;justify-content:center;height:100vh;background:var(--bg)}.login-form{display:flex;flex-direction:column;gap:12px;width:320px;padding:32px;background:var(--surface);border:1px solid var(--border);border-radius:12px}.login-logo{font-weight:700;font-size:18px;color:var(--accent);text-align:center;margin-bottom:8px}.login-form input{background:var(--surface2);border:1px solid var(--border);color:var(--text);padding:10px 12px;border-radius:6px;font-size:14px;font-family:var(--font);outline:none}.login-form input:focus{border-color:var(--accent)}.login-error{background:#ef44441a;border:1px solid var(--red);color:var(--red);padding:8px 12px;border-radius:6px;font-size:13px;text-align:center}.stat-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:16px;margin-top:20px}.stat-card{background:var(--surface);border:1px solid var(--border);border-radius:10px;padding:20px;text-align:center}.stat-value{font-size:32px;font-weight:700;color:var(--accent)}.stat-label{font-size:12px;color:var(--text-muted);margin-top:4px}.data-table{width:100%;border-collapse:collapse;margin-top:16px}.data-table th{text-align:left;padding:10px 12px;font-size:11px;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;border-bottom:1px solid var(--border)}.data-table td{padding:10px 12px;border-bottom:1px solid var(--border)}.data-table tr:hover td{background:var(--surface2)}.badge{display:inline-block;padding:2px 8px;border-radius:4px;font-size:11px;font-weight:600;text-transform:uppercase}.badge-active,.badge-in-progress{background:var(--badge-active-bg);color:var(--badge-active-text)}.badge-complete{background:var(--badge-complete-bg);color:var(--badge-complete-text)}.badge-planning{background:var(--badge-planning-bg);color:var(--badge-planning-text)}.badge-cancelled{background:var(--badge-cancel-bg);color:var(--badge-cancel-text)}.badge-deployment-backlog{background:var(--badge-backlog-bg);color:var(--badge-backlog-text)}.view-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.filters{display:flex;gap:8px}.filter-input,.filter-select{background:var(--surface2);border:1px solid var(--border);color:var(--text);padding:6px 10px;border-radius:6px;font-size:13px}.filter-input:focus,.filter-select:focus{outline:none;border-color:var(--accent)}.ticket-list{display:flex;flex-direction:column;gap:10px}.ticket-card{background:var(--surface);border:1px solid var(--border);border-radius:8px;padding:14px 16px}.ticket-header{display:flex;align-items:center;gap:10px;margin-bottom:6px;flex-wrap:wrap}.ticket-key{font-size:12px;color:var(--accent)}.ticket-type{font-size:11px;color:var(--text-muted)}.ticket-team{font-size:11px;color:var(--text-muted);margin-left:auto}.ticket-summary{font-size:13px;margin-bottom:10px}.health-dot{width:10px;height:10px;border-radius:50%;flex-shrink:0}.lifecycle-bar{display:flex;gap:0;align-items:flex-start;border-top:1px solid var(--border);padding-top:10px}.lifecycle-phase{flex:1;text-align:center;position:relative}.lifecycle-phase:before{content:"";position:absolute;top:5px;left:0;right:0;height:2px;background:var(--border)}.lifecycle-phase:first-child:before{left:50%}.lifecycle-phase:last-child:before{right:50%}.phase-dot{width:10px;height:10px;border-radius:50%;margin:0 auto 4px;background:var(--border);position:relative;z-index:1}.lifecycle-phase.filled .phase-dot{background:var(--accent)}.phase-label{font-size:10px;color:var(--text-muted)}.phase-date{font-size:10px;color:var(--text);margin-top:2px}.mono{font-family:var(--mono)}.count{font-size:13px;color:var(--text-muted);font-weight:400}h2{font-size:18px;font-weight:600}.loading,.error,.placeholder{padding:40px;text-align:center;color:var(--text-muted);font-size:14px}.error{color:var(--red)}.modal-overlay{position:fixed;inset:0;background:var(--modal-overlay);display:flex;align-items:center;justify-content:center;z-index:100}.modal-form{display:flex;flex-direction:column;gap:12px;width:360px;padding:24px;background:var(--surface);border:1px solid var(--border);border-radius:12px}.modal-form h3{font-size:16px;font-weight:600}.modal-form p{font-size:13px;color:var(--text-muted)}.modal-form input,.modal-form select{background:var(--surface2);border:1px solid var(--border);color:var(--text);padding:10px 12px;border-radius:6px;font-size:14px;font-family:var(--font);outline:none}.modal-form input:focus,.modal-form select:focus{border-color:var(--accent)}.modal-actions{display:flex;gap:8px;justify-content:flex-end;margin-top:4px}.btn-action{font-size:12px;padding:4px 10px;border-radius:4px;background:var(--surface2);border:1px solid var(--border);color:var(--text);cursor:pointer;transition:all .15s}.btn-action:hover{border-color:var(--accent);color:var(--accent)}.actions-cell{display:flex;gap:6px}.btn-close{position:absolute;top:12px;right:12px;background:none;border:none;color:var(--text-muted);font-size:18px;cursor:pointer;padding:4px}.btn-close:hover{color:var(--text)}.tab-btn{background:none;border:none;cursor:pointer;padding:8px 20px;font-size:13px;font-weight:600;color:var(--text-muted);border-bottom:2px solid transparent;margin-bottom:-1px;transition:color .15s}.tab-btn:hover{color:var(--text)}.tab-btn.active{color:var(--accent);border-bottom-color:var(--accent)}.btn-pill{padding:2px 8px;font-size:10px;cursor:pointer;border-radius:4px;background:var(--surface2);color:var(--text-muted);border:1px solid var(--border);transition:all .15s}.btn-pill.active{background:var(--accent);color:#fff;border-color:var(--accent)}.btn-warning{padding:4px 10px;font-size:11px;font-weight:600;cursor:pointer;background:#eab30826;color:var(--yellow);border:1px solid var(--yellow);border-radius:6px}.btn-warning:hover{background:#eab30840}.btn-danger{border-color:var(--red);color:var(--red)}.btn-danger:hover{background:var(--red);color:#fff;border-color:var(--red)}.settings-modal-overlay{position:fixed;inset:0;background:#0009;z-index:1000;display:flex;align-items:center;justify-content:center}.settings-modal{position:relative;background:var(--surface);border:1px solid var(--border);border-radius:12px;width:90%;max-width:760px;max-height:85vh;overflow-y:auto;box-shadow:0 8px 32px var(--shadow)}.settings-modal-close{position:absolute;top:12px;right:12px;background:var(--surface);border:none;color:var(--text-muted);font-size:20px;cursor:pointer;z-index:10;padding:8px 12px;border-radius:8px}.settings-modal-close:hover{background:var(--surface2);color:var(--text)}.settings-view{max-width:720px;margin:0 auto;padding:2rem}.settings-view h2{margin-bottom:1.5rem;color:var(--text)}.settings-section{background:var(--card-bg);border:1px solid var(--border);border-radius:8px;padding:1.25rem;margin-bottom:1rem}.settings-section h3{margin:0 0 1rem;color:var(--text);font-size:1rem}.settings-section h4{margin:0 0 .5rem;color:var(--text-muted);font-size:.9rem}.settings-row{display:flex;align-items:center;gap:1rem;margin-bottom:.75rem}.settings-row label{min-width:160px;color:var(--text-muted)}.settings-row select{background:var(--surface);color:var(--text);border:1px solid var(--border);border-radius:4px;padding:.4rem .6rem}.settings-subsection{padding:.75rem 0;border-top:1px solid var(--border)}.settings-subsection:first-of-type{border-top:none}.save-indicator{color:var(--accent);font-size:.85rem}.placeholder-text{color:var(--text-muted);font-style:italic;font-size:.9rem}.settings-btn.active{background:var(--accent);color:#fff;border-radius:4px}.team-row{padding:.5rem 0;border-bottom:1px solid var(--border)}.team-row:last-child{border-bottom:none}.team-display{display:flex;align-items:center;gap:.75rem}.team-name{flex:1;color:var(--text)}.team-edit{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap}.team-edit input{background:var(--surface);color:var(--text);border:1px solid var(--accent);border-radius:4px;padding:.4rem .6rem;flex:1;min-width:200px}.team-error{color:#e74c3c;font-size:.85rem;width:100%}.btn-sm{font-size:.8rem;padding:.25rem .5rem}.release-notes-view{display:flex;gap:24px;height:calc(100vh - 60px)}.release-notes-sidebar{width:220px;flex-shrink:0;padding:16px 0;border-right:1px solid var(--border);overflow-y:auto}.release-notes-sidebar h3{padding:0 16px 12px;margin:0;font-size:14px;text-transform:uppercase;letter-spacing:.5px;color:var(--text-muted)}.release-note-item{display:block;width:100%;padding:8px 16px;border:none;background:none;color:var(--text);text-align:left;cursor:pointer;font-size:13px}.release-note-item:hover{background:var(--hover)}.release-note-item.active{background:var(--accent);color:#fff}.release-notes-content{flex:1;overflow-y:auto;padding:24px}.markdown-body h1{font-size:24px;margin:0 0 16px}.markdown-body h2{font-size:18px;margin:24px 0 12px;border-bottom:1px solid var(--border);padding-bottom:6px}.markdown-body h3{font-size:15px;margin:16px 0 8px}.markdown-body pre{background:var(--bg-secondary);padding:12px;border-radius:4px;overflow-x:auto;font-size:13px}.markdown-body code{background:var(--bg-secondary);padding:2px 5px;border-radius:3px;font-size:13px}.markdown-body pre code{background:none;padding:0}.markdown-body ul{padding-left:20px}.markdown-body li{margin:4px 0}.markdown-body hr{border:none;border-top:1px solid var(--border);margin:20px 0}.markdown-body table{border-collapse:collapse;margin:12px 0}.markdown-body td{border:1px solid var(--border);padding:6px 10px;font-size:13px}.markdown-body strong{color:var(--accent)}.release-notes-btn.active{background:var(--accent);color:#fff}.feedback-fab{position:fixed;bottom:24px;right:24px;width:48px;height:48px;border-radius:50%;border:none;background:var(--accent);color:#fff;font-size:20px;cursor:pointer;box-shadow:0 2px 8px #0000004d;z-index:100}.feedback-fab:hover{transform:scale(1.1)}.feedback-form textarea{width:100%;resize:vertical;padding:8px;border:1px solid var(--border);border-radius:4px;background:var(--bg);color:var(--text);font-family:inherit;font-size:14px}.feedback-form select{width:100%;padding:8px;border:1px solid var(--border);border-radius:4px;background:var(--bg);color:var(--text)}.panel{background:var(--surface);border:1px solid var(--border);border-radius:10px;padding:20px}.grid-2{display:grid;grid-template-columns:1fr 1fr;gap:20px}.progress-track{flex:1;height:6px;background:var(--surface2);border-radius:3px;overflow:hidden}.text-xs-muted{font-size:10px;color:var(--text-muted)}.text-sm-muted{font-size:12px;color:var(--text-muted)}.section-title{font-size:13px;font-weight:600;margin-bottom:14px}