: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}.custom-scrollbar::-webkit-scrollbar{width:4px;height:4px}.custom-scrollbar::-webkit-scrollbar-track{background:0 0}.custom-scrollbar::-webkit-scrollbar-thumb{background:#0000001a;border-radius:10px}.dark-theme .custom-scrollbar::-webkit-scrollbar-thumb{background:#ffffff1a}.custom-scrollbar::-webkit-scrollbar-thumb:hover{background:var(--accent)}.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}.mobile-show{display:block!important}}.mobile-show{display:none}.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}.funnel-filters{flex-direction:column!important;align-items:stretch!important;gap:12px!important}.funnel-filters .funnel-tabs-row{-webkit-overflow-scrolling:touch;overflow-x:auto;flex-wrap:nowrap!important}.funnel-filters .filter-bar{flex-wrap:wrap!important;justify-content:flex-start!important;width:100%!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}.agenda-container{gap:16px!important;height:auto!important}.agenda-header{flex-direction:column!important;align-items:stretch!important;gap:16px!important}.agenda-header>div:first-child{justify-content:space-between;align-items:flex-start;width:100%;display:flex}.member-selector{justify-content:center;width:100%;margin:8px 0}.agenda-grid{padding-bottom:10px;flex:none!important;gap:4px!important;height:auto!important}.agenda-grid>div{min-height:unset!important;aspect-ratio:1/1.2!important;border-radius:12px!important;padding:6px 4px!important}.agenda-grid>div span{font-size:11px!important}.agenda-container .card{height:auto!important;padding:16px!important}.agenda-header h2{font-size:18px!important}.agenda-grid>div:nth-child(-n+7){padding:4px 0!important}.agenda-container{flex-direction:column!important}.agenda-container>div{flex:none!important;width:100%!important}}@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}.responsive-flex{flex-direction:column!important;height:auto!important;overflow:visible!important}.sheets-sidebar{display:none!important}.sheets-content-area{border:none!important;border-radius:0!important;padding:16px!important}.sheets-header-controls{flex-direction:column!important;align-items:stretch!important}.sheets-filters{width:100%;padding-bottom:8px;overflow-x:auto}}.chat-modal-overlay{padding:40px}.chat-modal-container{max-width:1000px;height:100%}@media (width<=768px){.chat-modal-overlay{padding:0!important}.chat-modal-container{border-radius:0!important;width:100%!important;max-width:100%!important;height:100%!important}.chat-sidebar-details{z-index:200;top:0;bottom:0;right:0;width:100%!important;position:absolute!important}.chat-header-actions span{display:none!important}.chat-header-actions button{padding:8px!important}}
