:root{--primary:#fff;--secondary:#f1f5f9;--accent:#002b5b;--text-main:#000;--text-muted:#4a5568;--bg-main:#f8fafc;--bg-card:#fff;--border:#e2e8f0;--success:#10b981;--warning:#f59e0b;--error:#ef4444;--font-family:"Outfit", "Inter", system-ui, sans-serif}.dark-theme{--primary:#1a1f2c;--secondary:#2d3446;--accent:#2563eb;--text-main:#f8f9fa;--text-muted:#a0aec0;--bg-main:#0f1219;--bg-card:#1e2533;--border:#2d3748}.dark-theme .card{box-shadow:0 8px 32px #0006}.dark-theme .main-content{background:radial-gradient(circle at 100% 0,#1a1f2c 0%,#0f1219 100%)}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-main);color:var(--text-main);font-family:var(--font-family);-webkit-font-smoothing:antialiased;overflow-x:hidden}.app-container{width:100vw;height:100vh;display:flex}.sidebar{background-color:var(--primary);border-right:1px solid var(--border);flex-direction:column;width:260px;padding:24px 16px;display:flex}.main-content{background:var(--bg-main);flex:1;padding:32px;overflow-y:auto}.nav-item{color:var(--text-muted);cursor:pointer;border-radius:12px;align-items:center;gap:12px;margin-bottom:8px;padding:12px 16px;text-decoration:none;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex}.nav-item:hover{background-color:var(--secondary);color:var(--text-main)}.nav-item.active{background-color:var(--accent);color:#fff;font-weight:600;box-shadow:0 4px 12px #002b5b33}h1,h2,h3{letter-spacing:-.02em;font-weight:700}.card{background:var(--bg-card);border:1px solid var(--border);border-radius:16px;padding:24px;transition:transform .2s;box-shadow:0 4px 20px #0000000d}.card:hover{transform:translateY(-2px)}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--bg-main)}::-webkit-scrollbar-thumb{background:var(--border);border-radius:10px}::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}.responsive-flex{gap:24px;display:flex}.mobile-wrap{flex-wrap:wrap;gap:16px;display:flex}@media (width<=768px){.responsive-flex{gap:16px;flex-direction:column!important}.mobile-hide{display:none!important}}.kanban-board{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:20px;width:100%;display:grid}.kanban-column{min-width:0;min-height:200px}.mobile-header-btn{cursor:pointer;color:var(--text-main);background:0 0;border:none;padding:8px;display:none}.sidebar-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:99;background:#00000080;display:none;position:fixed;inset:0}@media (width<=1024px){.sidebar{width:220px;padding:24px 12px}}@media (width<=768px){.mobile-header-btn{display:block}.sidebar{z-index:100;width:280px;height:100vh;padding:24px 20px;transition:transform .3s cubic-bezier(.4,0,.2,1);position:fixed;top:0;left:0;transform:translate(-100%);box-shadow:4px 0 24px #0000001a}.sidebar.open{transform:translate(0)}.sidebar-overlay.open{display:block}.main-content{width:100vw;padding:20px}.kanban-board{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:20px;padding-bottom:32px;display:grid!important;overflow-x:visible!important}.kanban-column{height:fit-content;min-width:0!important}.settings-container{flex-direction:column!important;height:auto!important}.settings-sidebar{border-bottom:1px solid var(--border);overflow-x:auto;border-right:none!important;flex-direction:row!important;width:100%!important;padding:8px!important}.settings-sidebar>div{white-space:nowrap}}@media (width<=480px){.main-content{padding:12px}header h1{font-size:18px!important}header p{font-size:11px}.kanban-board{gap:12px;grid-template-columns:1fr!important}}