:root{--background:#fff;--background-subtle:#f9f9f9;--foreground:#111;--bg:#fff;--primary:#000;--primary-hover:#1f1f1f;--primary-active:#333;--secondary:#fff;--secondary-hover:#f4f4f5;--accent:#0070f3;--accent-hover:#3291ff;--accent-light:#0070f31a;--success:#00eb88;--danger:red;--warning:#f5a623;--info:#0070f3;--surface:#fff;--surface-hover:#f4f4f5;--surface-active:#e4e4e7;--surface-solid:#fff;--border:#00000014;--border-hover:#00000026;--border-solid:#e4e4e7;--ring:#0003;--text:#1c1c1e;--text-primary:#171717;--text-secondary:#71717a;--text-muted:#a1a1aa;--spacing-1:4px;--spacing-2:8px;--spacing-3:12px;--spacing-4:16px;--spacing-5:20px;--spacing-6:24px;--spacing-8:32px;--spacing-10:40px;--spacing-12:48px;--spacing-16:64px;--sidebar-width:240px;--sidebar-width-collapsed:64px;--topbar-height:56px;--font-sans:"Inter",-apple-system,BlinkMacSystemFont,"SF Pro Display","Segoe UI",Roboto,Helvetica,Arial,sans-serif;--font-mono:"Geist Mono","SF Mono",Consolas,Menlo,Monaco,monospace;--shadow-sm:0 1px 2px 0 #0000000d;--shadow-md:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;--shadow-lg:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;--shadow-glow:0 0 15px #0000000a;--radius-sm:4px;--radius-md:6px;--radius-lg:8px;--radius-xl:12px;--radius-full:9999px;--transition-fast:.15s cubic-bezier(.16,1,.3,1);--transition:.2s cubic-bezier(.16,1,.3,1);--transition-slow:.3s cubic-bezier(.16,1,.3,1)}[data-theme=light]{--background:#fff;--background-subtle:#f9f9f9;--foreground:#111;--bg:#fff;--primary:#000;--primary-hover:#1f1f1f;--primary-active:#333;--secondary:#fff;--secondary-hover:#f4f4f5;--surface:#fff;--surface-hover:#f4f4f5;--surface-active:#e4e4e7;--surface-solid:#fff;--border:#00000014;--border-hover:#00000026;--border-solid:#e4e4e7;--ring:#0003;--text:#1c1c1e;--text-primary:#171717;--text-secondary:#71717a;--text-muted:#a1a1aa;--shadow-sm:0 1px 2px 0 #0000000d;--shadow-md:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;--shadow-lg:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;--shadow-glow:0 0 15px #0000000a}[data-theme=dark]{--background:#000;--background-subtle:#050505;--foreground:#ededed;--bg:#000;--primary:#fff;--primary-hover:#e5e5e5;--primary-active:#ccc;--secondary:#171717;--secondary-hover:#262626;--surface:#0a0a0a;--surface-hover:#141414;--surface-active:#1a1a1a;--surface-solid:#111;--border:#ffffff14;--border-hover:#ffffff26;--border-solid:#222;--ring:#fff3;--text:#ededed;--text-primary:#ededed;--text-secondary:#a1a1aa;--text-muted:#71717a;--shadow-sm:0 1px 2px 0 #0006;--shadow-md:0 4px 6px -1px #0006,0 2px 4px -1px #0003;--shadow-lg:0 10px 15px -3px #00000080,0 4px 6px -2px #0000004d;--shadow-glow:0 0 15px #ffffff14}*{box-sizing:border-box;margin:0;padding:0}html{background-color:var(--background)}body{background-color:var(--background);color:var(--text-primary);font-family:var(--font-sans);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;width:100vw;height:100vh;line-height:1.5;overflow:hidden}button,input,select,textarea{color:inherit;font-family:var(--font-sans)!important}h1,h2,h3,h4,h5,h6{letter-spacing:-.02em;color:var(--text);margin-bottom:var(--spacing-4);font-weight:600;line-height:1.2}h1{font-size:2rem}h2{font-size:1.5rem}h3{font-size:1.25rem}p{margin-bottom:var(--spacing-4)}a{color:var(--text-primary);transition:color var(--transition);text-decoration:none}a:hover{color:var(--primary)}.app-wrapper{background-color:var(--background);width:100vw;height:100vh;display:flex;position:relative;overflow:hidden}.app-main{background-color:var(--background);min-width:0;height:100vh;margin-left:var(--sidebar-width-collapsed);flex-direction:column;flex:1;display:flex;position:relative}.app-content{scrollbar-width:thin;scrollbar-color:var(--border)transparent;flex:1;position:relative;overflow:hidden auto}.app-content::-webkit-scrollbar{width:8px;height:8px}.app-content::-webkit-scrollbar-track{background:0 0}.app-content::-webkit-scrollbar-thumb{background-color:var(--border);border-radius:var(--radius-full)}.app-content::-webkit-scrollbar-thumb:hover{background-color:var(--text-muted)}.page-container{max-width:1200px;padding:var(--spacing-8);width:100%;margin:0 auto}.page-header{margin-bottom:var(--spacing-8);justify-content:space-between;align-items:flex-start;gap:var(--spacing-4);flex-wrap:wrap;display:flex}.page-title{letter-spacing:-.03em;margin-bottom:var(--spacing-1);color:var(--text);font-size:1.875rem;font-weight:600}.page-description{color:var(--text-secondary);margin-bottom:0;font-size:.9375rem}@media (max-width:768px){.page-container{padding:var(--spacing-4);padding-bottom:calc(var(--spacing-8) + 60px)}.page-header{margin-bottom:var(--spacing-6)}.page-title{font-size:1.5rem}.app-main{margin-left:0}}.glass-panel{-webkit-backdrop-filter:blur(12px)saturate(160%);border:1px solid var(--border);background:#0a0a0ab3}.btn-outline{border:1px solid var(--border);color:var(--text-primary);border-radius:var(--radius-md);transition:var(--transition-fast);background:0 0;padding:8px 16px}.btn-outline:hover{background:var(--surface-hover);color:var(--text);border-color:#fff3}.btn-danger{color:var(--danger);border-radius:var(--radius-md);transition:var(--transition-fast);background:#ff00001a;border:1px solid #0000;padding:8px 16px}.btn-danger:hover{background:#ff000026;border-color:#ff00004d}.badge{border-radius:var(--radius-full);border:1px solid var(--border);background:var(--surface-hover);color:var(--text-secondary);align-items:center;padding:2px 8px;font-size:.75rem;font-weight:500;display:inline-flex}.badge.success{color:var(--success);background:#00eb881a;border-color:#00eb8833}.badge.danger{color:var(--danger);background:#ff00001a;border-color:#f003}.badge.warning{color:var(--warning);background:#f5a6231a;border-color:#f5a62333}.badge.info{color:var(--info);background:var(--accent-light);border-color:#0070f333}.btn-danger:hover{background:var(--danger);color:#fff}.status-badge{border-radius:var(--radius-full);align-items:center;gap:6px;padding:4px 10px;font-size:.75rem;font-weight:500;display:inline-flex}.status-connected{color:var(--success);background:#00eb881a;border:1px solid #00eb8833}.status-disconnected{color:var(--text-muted);background:#a1a1aa1a;border:1px solid #a1a1aa33}.kanban-scroll-container{cursor:grab}.kanban-scroll-container:active{cursor:grabbing}.kanban-scroll-container{scroll-behavior:auto}@media (max-width:768px){.kanban-scroll-container{scroll-snap-type:x mandatory;padding:20px 16px!important}.kanban-scroll-container>div{gap:16px!important}.kanban-column{scroll-snap-align:center;scroll-snap-stop:always;z-index:1!important;flex:0 0 85vw!important;width:85vw!important;min-width:85vw!important;max-width:85vw!important;position:relative!important;left:auto!important;right:auto!important;box-shadow:0 2px 6px #00000008!important}}