:root{--bg-primary: #0f172a;--bg-secondary: #1e293b;--bg-glass: rgba(30, 41, 59, .7);--text-primary: #f8fafc;--text-secondary: #94a3b8;--accent-primary: #55B2E6;--accent-secondary: #70B84D;--accent-gradient: linear-gradient(135deg, #55B2E6 0%, #70B84D 100%);--success: #10b981;--warning: #f59e0b;--danger: #ef4444;--border-color: rgba(148, 163, 184, .1);--glass-border: 1px solid rgba(255, 255, 255, .1);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .5), 0 4px 6px -2px rgba(0, 0, 0, .3);--sidebar-width: 280px;--sidebar-collapsed-width: 88px;--current-sidebar-width: var(--sidebar-width)}.app-container.sidebar-collapsed{--current-sidebar-width: var(--sidebar-collapsed-width)}.main-content{transition:margin-left .3s ease}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Inter,sans-serif;background-color:var(--bg-primary);color:var(--text-primary);min-height:100vh;overflow-x:hidden}a{text-decoration:none;color:inherit}button{cursor:pointer;border:none;outline:none;font-family:inherit}.glass-panel{background:var(--bg-glass);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:var(--glass-border);border-radius:1rem;box-shadow:var(--shadow-lg)}.btn-primary{background:var(--accent-gradient);color:#fff;padding:.75rem 1.5rem;border-radius:.5rem;font-weight:600;transition:transform .2s,box-shadow .2s}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 4px 12px #3b82f680}.input-field{background:#0f172a80;border:1px solid var(--border-color);color:var(--text-primary);padding:.75rem 1rem;border-radius:.5rem;width:100%;transition:border-color .2s}.input-field:focus{border-color:var(--accent-primary)}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--bg-primary)}::-webkit-scrollbar-thumb{background:var(--bg-secondary);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--text-secondary)}@media(max-width:768px){:root{--current-sidebar-width: 0px}.app-container{--current-sidebar-width: 0px}.sidebar{transform:translate(-100%);width:280px!important;background:var(--bg-secondary);box-shadow:5px 0 15px #00000080;height:100vh;top:0;left:0;border-radius:0;z-index:1000}.sidebar.mobile-open{transform:translate(0)}.mobile-overlay{position:fixed;inset:0;background:#00000080;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:999;opacity:0;pointer-events:none;transition:opacity .3s ease}.mobile-overlay.visible{opacity:1;pointer-events:auto}.dashboard-container,.pipeline-container,.customers-container,.settings-container{margin-left:0!important;width:100%!important;padding:1.5rem!important}.page-header{flex-direction:column;align-items:flex-start;gap:1rem;margin-top:3rem}.page-header h2{font-size:1.5rem!important;line-height:1.2}.page-header p{font-size:.9rem}.stats-grid,.charts-grid{grid-template-columns:1fr}.pipeline-board{flex-direction:row;overflow-x:auto;padding-bottom:1rem;align-items:flex-start;justify-content:flex-start;gap:1rem}.pipeline-column{min-width:280px;width:85vw;flex-shrink:0}.settings-tabs{flex-wrap:wrap}.form-row{flex-direction:column}}