@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=Outfit:wght@400;500;600;700&display=swap";:root{--neural-bg: #f8fafc;--surface-white: #ffffff;--glass-white: rgba(255, 255, 255, .7);--glass-border: rgba(99, 102, 241, .12);--primary-indigo: #3b82f6;--accent-cyan: #06b6d4;--success-emerald: #059669;--warning-amber: #d97706;--danger-rose: #e11d48;--text-primary: #0f172a;--text-secondary: #475569;--text-muted: #64748b;--section-py: clamp(4rem, 10vw, 8rem);--container-px: clamp(1.25rem, 5vw, 5rem);--radius-lg: 24px;--radius-md: 16px;--radius-sm: 8px;--shadow-premium: 0 10px 40px -10px rgba(59, 130, 246, .12);--shadow-hover: 0 20px 25px -5px rgba(59, 130, 246, .1), 0 10px 10px -5px rgba(59, 130, 246, .04);--gradient-indigo: linear-gradient(135deg, #3b82f6 0%, #60a5fa 100%)}*{box-sizing:border-box;margin:0;padding:0;-webkit-tap-highlight-color:transparent}body{font-family:Inter,sans-serif;background:var(--neural-bg);color:var(--text-primary);min-height:100vh;line-height:1.5;overflow-x:hidden}h1,h2,h3,h4,h5{font-family:Outfit,sans-serif;letter-spacing:-.02em;color:var(--text-primary);line-height:1.1}h1{font-size:clamp(2.5rem,8vw,4.5rem);font-weight:800}h2{font-size:clamp(2rem,6vw,3.5rem);font-weight:800}h3{font-size:clamp(1.5rem,4vw,2.25rem);font-weight:700}.glass{background:var(--glass-white);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid var(--glass-border);box-shadow:var(--shadow-premium)}.glass-card{background:var(--surface-white);border:1px solid var(--glass-border);border-radius:var(--radius-lg);padding:2.5rem;box-shadow:var(--shadow-premium);transition:all .3s cubic-bezier(.4,0,.2,1)}.glass-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-hover);border-color:#4f46e533}.auth-container{width:100%;max-width:480px;padding:3rem;border-radius:28px;background:var(--surface-white);border:1px solid var(--glass-border);box-shadow:0 25px 50px -12px #6366f126}.auth-title{font-size:2.5rem;font-weight:800;background:var(--gradient-indigo);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.form-group{margin-bottom:1.5rem}label{display:block;font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.12em;color:var(--primary-indigo);margin-bottom:.6rem;opacity:.9}input,select,textarea{width:100%;height:52px;background:#f1f5f9;border:1px solid rgba(0,0,0,.05);border-radius:14px;padding:0 1.25rem;color:var(--text-primary);font-size:1rem;font-family:Inter,sans-serif;transition:all .3s cubic-bezier(.4,0,.2,1)}input:focus{outline:none;border-color:var(--primary-indigo);background:#fff;box-shadow:0 0 0 4px #4f46e51a}.btn{width:100%;height:52px;background:var(--gradient-indigo);color:#fff;border:none;border-radius:14px;font-size:1rem;font-weight:700;cursor:pointer;transition:all .3s;display:flex;align-items:center;justify-content:center;gap:.75rem;box-shadow:0 10px 20px -5px #4f46e54d}.btn:hover{transform:translateY(-2px);box-shadow:0 15px 30px -5px #4f46e566;filter:brightness(1.05)}.btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.dashboard-view{width:100%;min-height:100vh;padding:3rem;max-width:1600px;margin:0 auto}.dashboard-header{margin-bottom:2.5rem;padding-bottom:1.5rem;border-bottom:1px solid rgba(0,0,0,.05);display:flex;flex-direction:column;gap:1.5rem;align-items:flex-start}@media(min-width:768px){.dashboard-header{flex-direction:row;justify-content:space-between;align-items:center}}.dashboard-header h1{font-size:2.25rem;font-weight:800;color:var(--text-primary);margin-bottom:.5rem}.kanban-board{display:flex;gap:1.5rem;padding-bottom:2rem;overflow-x:auto;align-items:flex-start;min-height:80vh}.kanban-column{flex:0 0 320px;background:#f1f5f980;border:1px solid rgba(0,0,0,.03);border-radius:var(--radius-lg);padding:1.25rem;min-height:700px;display:flex;flex-direction:column;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.column-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem;padding:0 .5rem}.column-title{font-family:Outfit,sans-serif;font-size:.85rem;font-weight:800;text-transform:uppercase;letter-spacing:.15em;color:var(--text-secondary)}.column-count{font-size:.75rem;background:#fff;border:1px solid rgba(0,0,0,.05);padding:2px 10px;border-radius:20px;color:var(--primary-indigo);font-weight:700}.lead-card{background:#fff;border:1px solid rgba(0,0,0,.05);border-radius:18px;padding:1.25rem;margin-bottom:1rem;transition:all .3s cubic-bezier(.4,0,.2,1);cursor:pointer;box-shadow:0 4px 6px -1px #00000008;position:relative}.lead-card:hover{border-color:var(--primary-indigo);transform:translateY(-4px) scale(1.01);box-shadow:0 20px 25px -5px #6366f114,0 10px 10px -5px #6366f108}.lead-card.dragging{box-shadow:0 25px 50px -12px #00000026;border-color:var(--primary-indigo);transform:scale(1.05);z-index:1000}.lead-name{font-family:Outfit,sans-serif;font-size:1rem;font-weight:600;margin-bottom:.5rem;color:var(--text-primary);line-height:1.4}.add-lead-btn{display:flex;align-items:center;gap:.75rem;padding:.75rem 1.5rem;background:var(--gradient-indigo);color:#fff;border:none;border-radius:14px;font-size:.9rem;font-weight:700;cursor:pointer;transition:all .3s;box-shadow:0 10px 20px -5px #4f46e533}.add-lead-btn:hover{transform:translateY(-2px);box-shadow:0 15px 30px -5px #4f46e54d}.modal-overlay{position:fixed;inset:0;background:#0f172a4d;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem}.modal-content{background:#fff;width:100%;max-width:600px;border-radius:28px;padding:3rem;position:relative;box-shadow:0 25px 50px -12px #0003}.modal-close{position:absolute;top:1.5rem;right:1.5rem;background:#f1f5f9;border:none;width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;color:var(--text-muted);transition:all .2s}.modal-close:hover{background:var(--danger-rose);color:#fff}@keyframes spin{to{transform:rotate(360deg)}}.spinner{width:24px;height:24px;border:3px solid rgba(79,70,229,.1);border-radius:50%;border-top-color:var(--primary-indigo);animation:spin 1s linear infinite}.integrations-grid,.bookings-grid,.cards-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:1.5rem}.tab-scroll{display:flex;gap:.5rem;margin-bottom:2rem;border-bottom:1px solid rgba(0,0,0,.05);padding-bottom:0;overflow-x:auto;scrollbar-width:none}.tab-scroll::-webkit-scrollbar{display:none}@media(max-width:768px){.main-sidebar{position:fixed!important;left:0;top:0;bottom:0;transform:translate(-100%);width:280px!important;min-width:280px!important;z-index:1000!important;transition:transform .3s cubic-bezier(.4,0,.2,1)!important}.sidebar-visible{transform:translate(0)!important}.sidebar-close-btn,.mobile-topbar{display:flex!important}.dashboard-view{padding:1rem!important}.dashboard-header h1{font-size:1.5rem!important}.dashboard-header{flex-direction:column;align-items:flex-start!important;gap:1.25rem;margin-bottom:2rem!important}.header-actions{display:flex;flex-wrap:wrap;width:100%;gap:.75rem!important}.header-actions>div,.header-actions>button:not(.btn-square),.header-actions>a:not(.btn-square){flex:1 1 calc(50% - .5rem);min-width:140px}.btn-square{flex:0 0 44px!important;min-width:44px!important;width:44px!important;padding:0!important}.header-actions>div input{width:100%!important}.cards-grid{grid-template-columns:1fr!important}.responsive-stats-grid{flex-direction:column;gap:1rem!important}.tab-scroll{overflow-x:auto;white-space:nowrap;-webkit-overflow-scrolling:touch;scrollbar-width:none;margin:0 -1rem 1.5rem!important;padding:0 1rem!important}.tab-scroll::-webkit-scrollbar{display:none}.table-container{overflow-x:auto;-webkit-overflow-scrolling:touch;border-radius:12px;border:1px solid rgba(0,0,0,.05)}.form-grid{grid-template-columns:1fr!important;gap:1rem!important}.responsive-2col{grid-template-columns:1fr!important}.kanban-board{padding-left:0!important;gap:1rem!important}.kanban-column{flex:0 0 calc(100vw - 3rem)!important;min-height:auto!important}.integrations-grid,.bookings-grid,.cards-grid{grid-template-columns:1fr!important}}.portfolio-img{transition:transform .6s cubic-bezier(.4,0,.2,1)}.pillar-card:hover .portfolio-img{transform:scale(1.08)}.pillar-card:hover{transform:translateY(-8px);border-color:#3b82f64d!important;box-shadow:0 30px 60px -15px #3b82f626}