@import"https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700;800&family=Plus+Jakarta+Sans:wght@300;400;500;600;700;800&display=swap";:root{--font-heading: "Outfit", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-body: "Plus Jakarta Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--background: 240 10% 97%;--foreground: 224 71.4% 4.1%;--card: 0 0% 100%;--card-foreground: 224 71.4% 4.1%;--primary: 217 78% 54%;--primary-foreground: 210 20% 98%;--secondary: 220 14% 90%;--secondary-foreground: 220.9 39.3% 11%;--muted: 220 10% 94%;--muted-foreground: 220 8.9% 46.1%;--accent: 8 78% 52%;--accent-foreground: 210 20% 98%;--success: 142 76% 36%;--success-foreground: 355.6 100% 97.3%;--warning: 38 92% 50%;--warning-foreground: 355.6 100% 97.3%;--destructive: 0 84.2% 60.2%;--destructive-foreground: 210 20% 98%;--border: 220 13% 91%;--input: 220 13% 91%;--ring: 8 78% 52%;--radius: 1rem;--glass-bg: rgba(255, 255, 255, .7);--glass-border: rgba(255, 255, 255, .4);--shadow: 0 8px 32px 0 rgba(31, 38, 135, .05)}.dark{--background: 224 71% 4%;--foreground: 210 20% 98%;--card: 224 71% 7%;--card-foreground: 210 20% 98%;--primary: 217 85% 60%;--primary-foreground: 210 20% 98%;--secondary: 215 27.9% 16.9%;--secondary-foreground: 210 20% 98%;--muted: 217.2 32.6% 12%;--muted-foreground: 215 20.2% 65.1%;--accent: 8 85% 58%;--accent-foreground: 210 20% 98%;--success: 142 70% 45%;--warning: 48 96% 53%;--destructive: 0 62.8% 30.6%;--destructive-foreground: 210 20% 98%;--border: 217.2 32.6% 17.5%;--input: 217.2 32.6% 17.5%;--ring: 8 85% 58%;--glass-bg: rgba(10, 10, 20, .6);--glass-border: rgba(255, 255, 255, .08);--shadow: 0 8px 32px 0 rgba(0, 0, 0, .37)}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-body);background-color:hsl(var(--background));color:hsl(var(--foreground));min-height:100vh;overflow-x:hidden;transition:background-color .4s ease,color .4s ease;line-height:1.5}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);font-weight:600;letter-spacing:-.02em}.bg-gradient-mesh{position:fixed;top:0;left:0;width:100vw;height:100vh;z-index:-10;background:radial-gradient(at 0% 0%,hsla(217,78%,54%,.07) 0px,transparent 50%),radial-gradient(at 100% 0%,hsla(8,78%,52%,.07) 0px,transparent 50%),radial-gradient(at 100% 100%,hsla(208,100%,22%,.04) 0px,transparent 50%),radial-gradient(at 0% 100%,hsla(217,78%,54%,.03) 0px,transparent 50%);background-color:hsl(var(--background));transition:background-color .4s ease}.glass{background:var(--glass-bg);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid var(--glass-border);box-shadow:var(--shadow);border-radius:var(--radius);transition:transform .3s cubic-bezier(.34,1.56,.64,1),box-shadow .3s ease}.glass-hover:hover{transform:translateY(-4px);box-shadow:0 12px 40px #1f26871a}button,.btn{font-family:var(--font-body);display:inline-flex;align-items:center;justify-content:center;font-weight:500;border-radius:.75rem;padding:.6rem 1.2rem;cursor:pointer;border:none;transition:all .25s cubic-bezier(.4,0,.2,1);outline:none;gap:.5rem}.btn-primary{background:linear-gradient(135deg,hsl(var(--primary)),hsl(var(--accent)));color:hsl(var(--primary-foreground));box-shadow:0 4px 14px #2e74e54d}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 6px 20px #2e74e573;filter:brightness(1.1)}.btn-secondary{background-color:hsl(var(--secondary));color:hsl(var(--secondary-foreground))}.btn-secondary:hover{background-color:hsl(var(--muted));transform:translateY(-1px)}.btn-ghost{background:transparent;color:hsl(var(--foreground))}.btn-ghost:hover{background-color:hsl(var(--muted))}.btn-icon{padding:.5rem;border-radius:50%}.app-container{display:flex;min-height:100vh;position:relative}.sidebar{width:280px;height:100vh;position:fixed;left:0;top:0;z-index:100;display:flex;flex-direction:column;border-radius:0;border-right:1px solid var(--glass-border);padding:2rem 1.5rem;justify-content:space-between}.main-content{flex:1;margin-left:280px;padding:2.5rem;min-height:100vh;display:flex;flex-direction:column;gap:2rem;overflow-y:auto}.sidebar-logo{display:flex;align-items:center;gap:.75rem;margin-bottom:2.5rem}.logo-icon{width:40px;height:40px;background:linear-gradient(135deg,hsl(var(--primary)),hsl(var(--accent)));border-radius:.75rem;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:700;font-size:1.25rem}.logo-text{font-family:var(--font-heading);font-size:1.25rem;font-weight:700;background:linear-gradient(135deg,hsl(var(--foreground)) 30%,hsl(var(--muted-foreground)));-webkit-background-clip:text;-webkit-text-fill-color:transparent}.sidebar-menu{display:flex;flex-direction:column;gap:.5rem;list-style:none;flex:1}.menu-item{display:flex;align-items:center;gap:1rem;padding:.8rem 1.2rem;border-radius:.75rem;color:hsl(var(--muted-foreground));text-decoration:none;font-weight:500;cursor:pointer;transition:all .25s ease}.menu-item svg{transition:transform .25s ease}.menu-item:hover,.menu-item.active{color:hsl(var(--primary));background-color:#2e74e514}.menu-item:hover svg,.menu-item.active svg{transform:scale(1.1);color:hsl(var(--primary))}.sidebar-footer{display:flex;flex-direction:column;gap:1rem;border-top:1px solid var(--glass-border);padding-top:1.5rem}.user-profile-widget{display:flex;align-items:center;gap:.75rem}.user-avatar{width:44px;height:44px;border-radius:50%;background:linear-gradient(135deg,hsl(var(--primary)),hsl(var(--accent)));color:#fff;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:1.1rem}.user-info{display:flex;flex-direction:column;overflow:hidden;max-width:140px}.user-name{font-weight:600;font-size:.95rem;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.user-role{font-size:.8rem;color:hsl(var(--muted-foreground))}.top-nav{display:flex;justify-content:space-between;align-items:center;padding:1.2rem 2rem;margin-bottom:.5rem}.page-title-area{display:flex;flex-direction:column}.page-title{font-size:1.75rem;font-weight:700;color:hsl(var(--foreground))}.page-subtitle{font-size:.9rem;color:hsl(var(--muted-foreground))}.top-nav-actions{display:flex;align-items:center;gap:1rem}.metrics-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1.5rem}.metric-card{padding:1.5rem;display:flex;align-items:center;justify-content:space-between}.metric-data{display:flex;flex-direction:column;gap:.25rem}.metric-label{font-size:.85rem;font-weight:500;color:hsl(var(--muted-foreground));text-transform:uppercase;letter-spacing:.05em}.metric-value{font-size:2rem;font-weight:700;font-family:var(--font-heading)}.metric-trend{display:flex;align-items:center;gap:.25rem;font-size:.8rem;font-weight:600}.trend-up{color:hsl(var(--success))}.trend-down{color:hsl(var(--destructive))}.metric-icon{width:48px;height:48px;border-radius:.75rem;display:flex;align-items:center;justify-content:center}.card-primary-gradient{background:linear-gradient(135deg,hsla(217,78%,54%,.15) 0%,transparent 100%)}.dashboard-grid{display:grid;grid-template-columns:2fr 1fr;gap:1.5rem}@media(max-width:1024px){.dashboard-grid{grid-template-columns:1fr}}.section-card{padding:1.75rem;display:flex;flex-direction:column;gap:1.25rem}.section-header{display:flex;justify-content:space-between;align-items:center}.section-title{font-size:1.25rem;font-weight:600;color:hsl(var(--foreground))}.table-wrapper{overflow-x:auto;border-radius:.75rem;border:1px solid var(--glass-border)}.custom-table{width:100%;border-collapse:collapse;text-align:left;font-size:.95rem}.custom-table th{background-color:hsla(var(--muted),.5);padding:1rem 1.25rem;font-weight:600;color:hsl(var(--muted-foreground));border-bottom:1px solid var(--glass-border);font-size:.85rem;text-transform:uppercase;letter-spacing:.05em}.custom-table td{padding:1rem 1.25rem;border-bottom:1px solid var(--glass-border);color:hsl(var(--foreground));vertical-align:middle}.custom-table tr:last-child td{border-bottom:none}.custom-table tbody tr{transition:background-color .2s ease}.custom-table tbody tr:hover{background-color:hsla(var(--muted),.3)}.badge{display:inline-flex;align-items:center;padding:.25rem .75rem;font-size:.75rem;font-weight:600;border-radius:50rem;gap:.25rem}.badge-success{background-color:#16a24926;color:#16a249}.badge-warning{background-color:#f59f0a26;color:#f59f0a}.badge-danger{background-color:#ef444426;color:#ef4444}.badge-info{background-color:#278aec26;color:#278aec}.badge-secondary{background-color:#a1a1aa26;color:#a1a1aa}.form-group{display:flex;flex-direction:column;gap:.5rem;width:100%}.form-label{font-size:.875rem;font-weight:500;color:hsl(var(--muted-foreground))}.form-input{font-family:var(--font-body);font-size:.95rem;padding:.65rem 1rem;border-radius:.75rem;border:1px solid var(--glass-border);background-color:hsla(var(--card),.5);color:hsl(var(--foreground));outline:none;transition:border-color .25s ease,box-shadow .25s ease}.form-input:focus{border-color:hsl(var(--primary));box-shadow:0 0 0 3px #2e74e526}.form-input option{background-color:#1a1a24;color:#fff}:root:not(.dark) .form-input option{background-color:#fff;color:#121214}.form-row{display:flex;gap:1rem}@media(max-width:768px){.form-row{flex-direction:column;gap:1rem}}.login-screen{display:flex;align-items:center;justify-content:center;min-height:100vh;width:100vw;position:relative;padding:2rem}.login-card{width:100%;max-width:480px;padding:3rem;display:flex;flex-direction:column;gap:2rem;text-align:center}.login-header-logo{display:flex;flex-direction:column;align-items:center;gap:1rem}.login-header-logo .logo-icon{width:64px;height:64px;font-size:1.75rem}.login-header-logo h1{font-size:2rem;font-weight:800}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.animate-fade-in-up{animation:fadeInUp .5s cubic-bezier(.16,1,.3,1) forwards}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:hsla(var(--muted-foreground),.2);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:hsla(var(--muted-foreground),.4)}.autocomplete-container{position:relative;width:100%}.autocomplete-results{position:absolute;top:100%;left:0;right:0;max-height:200px;overflow-y:auto;z-index:1100;background:var(--glass-bg);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid var(--glass-border);border-radius:.5rem;margin-top:.25rem;box-shadow:var(--shadow)}.autocomplete-item{padding:.65rem 1rem;cursor:pointer;display:flex;flex-direction:column;border-bottom:1px solid var(--glass-border);transition:background-color .2s ease}.autocomplete-item:last-child{border-bottom:none}.autocomplete-item:hover{background-color:hsla(var(--primary),.1)}.selected-customer-badge{display:flex;align-items:center;justify-content:space-between;padding:.5rem .85rem;background:hsla(var(--primary),.1);border:1px solid hsla(var(--primary),.2);border-radius:.75rem;font-size:.9rem;margin-top:.25rem}.selected-customer-badge .clear-btn{background:transparent;color:hsl(var(--destructive));border:none;cursor:pointer;font-size:1rem;padding:0 .25rem;font-weight:700}.timeline-container{display:flex;flex-direction:column;gap:1.25rem;position:relative;padding-left:1.5rem}.timeline-container:before{content:"";position:absolute;left:5px;top:5px;bottom:5px;width:2px;background:hsla(var(--foreground),.1)}.timeline-item{position:relative;display:flex;flex-direction:column;gap:.35rem}.timeline-marker{position:absolute;left:-21px;top:6px;width:12px;height:12px;border-radius:50%;background:hsl(var(--muted-foreground));border:2px solid hsl(var(--background))}.timeline-item.call .timeline-marker{background:hsl(var(--warning))}.timeline-item.meeting .timeline-marker{background:hsl(var(--success))}.timeline-item.email .timeline-marker{background:hsl(var(--primary))}.timeline-item.note .timeline-marker{background:hsl(var(--muted-foreground))}.timeline-header{display:flex;justify-content:space-between;align-items:center;font-size:.8rem;color:hsl(var(--muted-foreground))}.timeline-subject{font-weight:600;font-size:.9rem}.timeline-body{font-size:.85rem;background:hsla(var(--foreground),.02);padding:.5rem .75rem;border-radius:.5rem;border:1px solid var(--glass-border)}.products-subtable{width:100%;font-size:.85rem;border-collapse:collapse}.products-subtable th{padding:.5rem;background:hsla(var(--foreground),.03);text-align:left;border-bottom:1px solid var(--glass-border)}.products-subtable td{padding:.5rem;border-bottom:1px solid var(--glass-border)}.stage-qualification{background-color:#278aec26;color:#278aec}.stage-needsanalysis{background-color:#8347eb26;color:#8347eb}.stage-proposal{background-color:#f59f0a26;color:#f59f0a}.stage-negotiation{background-color:#f96b0626;color:#f96b06}.stage-closedwon{background-color:#22c35d26;color:#22c35d}.stage-closedlost{background-color:#ef444426;color:#ef4444}.modal-360-backdrop{position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:#06060cb8;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);z-index:1000;display:flex;align-items:center;justify-content:center;padding:1.5rem}.modal-360-card{width:100%;max-width:1024px;display:flex;flex-direction:column;gap:1.5rem;padding:2.25rem;max-height:92vh;overflow-y:auto;background-color:hsl(var(--card));border:1px solid hsla(var(--foreground),.15);box-shadow:0 25px 50px -12px #00000080,0 0 0 1px hsla(var(--foreground),.05),inset 0 1px hsla(var(--card-foreground),.05);border-radius:var(--radius);color:hsl(var(--foreground));position:relative}.modal-360-subcard{background-color:hsla(var(--foreground),.025);border:1px solid hsl(var(--border));border-radius:.75rem;padding:1.25rem;transition:border-color .2s ease,background-color .2s ease}.modal-360-subcard:hover{background-color:hsla(var(--foreground),.04);border-color:hsla(var(--primary),.3)}.dark .modal-360-backdrop{background-color:#020204d1}.dark .modal-360-card{background-color:#0f0f18;border:1px solid rgba(255,255,255,.1);box-shadow:0 30px 60px -15px #000c,0 0 0 1px #ffffff0d}.dark .modal-360-subcard{background-color:#ffffff05;border:1px solid rgba(255,255,255,.08)}@keyframes pulse-dot{0%{transform:scale(.95);box-shadow:0 0 #22c55eb3}70%{transform:scale(1);box-shadow:0 0 0 6px #22c55e00}to{transform:scale(.95);box-shadow:0 0 #22c55e00}}.pulse-success-dot{animation:pulse-dot 2s infinite}.social-inbox-layout{display:grid;grid-template-columns:320px 1fr 340px;gap:1rem;height:calc(100vh - 120px);min-height:580px;width:100%}@media(max-width:1200px){.social-inbox-layout{grid-template-columns:280px 1fr}.social-cdp-sidebar{display:none}}.social-convo-list-panel{display:flex;flex-direction:column;height:100%;border:1px solid hsl(var(--border));background:var(--glass-bg);border-radius:var(--radius);overflow:hidden;box-shadow:var(--shadow);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.social-convo-search-bar{padding:1rem;border-bottom:1px solid hsl(var(--border));display:flex;flex-direction:column;gap:.5rem}.social-convo-list{flex:1;overflow-y:auto;padding:.5rem;display:flex;flex-direction:column;gap:.25rem}.social-convo-item{display:flex;align-items:center;gap:.75rem;padding:.75rem;border-radius:.5rem;cursor:pointer;transition:all .2s ease;border:1px solid transparent}.social-convo-item:hover{background:hsla(var(--primary),.05)}.social-convo-item.active{background:hsla(var(--primary),.1);border-color:hsla(var(--primary),.2)}.social-chat-panel{display:flex;flex-direction:column;height:100%;border:1px solid hsl(var(--border));background:var(--glass-bg);border-radius:var(--radius);overflow:hidden;box-shadow:var(--shadow);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.social-chat-header{padding:1rem;border-bottom:1px solid hsl(var(--border));display:flex;align-items:center;justify-content:space-between;background:hsla(var(--card-foreground),.01)}.social-chat-messages-container{flex:1;overflow-y:auto;padding:1rem;display:flex;flex-direction:column;gap:1rem;background:hsla(var(--card-foreground),.015)}.chat-message-row{display:flex;flex-direction:column;max-width:75%}.chat-message-row.customer{align-self:flex-start;align-items:flex-start}.chat-message-row.agent{align-self:flex-end;align-items:flex-end}.chat-message-row.system{align-self:center;max-width:90%;align-items:center}.chat-bubble{padding:.75rem 1rem;border-radius:1rem;font-size:.9rem;line-height:1.4;position:relative;box-shadow:0 1px 2px #0000000d}.chat-message-row.customer .chat-bubble{background:hsl(var(--card));color:hsl(var(--foreground));border:1px solid hsl(var(--border));border-top-left-radius:.25rem}.chat-message-row.agent .chat-bubble{background:hsl(var(--primary));color:hsl(var(--primary-foreground));border-top-right-radius:.25rem}.chat-message-row.system .chat-bubble{background:hsla(var(--foreground),.05);color:hsl(var(--muted-foreground));font-size:.8rem;border-radius:.5rem;padding:.25rem .5rem;box-shadow:none}.chat-meta{font-size:.7rem;color:hsl(var(--muted-foreground));margin-top:.25rem}.social-chat-input-area{padding:1rem;border-top:1px solid hsl(var(--border));background:hsl(var(--card));display:flex;flex-direction:column;gap:.5rem}.social-cdp-sidebar{display:flex;flex-direction:column;height:100%;background:var(--glass-bg);border-radius:var(--radius);border:1px solid hsl(var(--border));overflow-y:auto;box-shadow:var(--shadow);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.cdp-sidebar-section{padding:1.25rem;border-bottom:1px solid hsl(var(--border))}.cdp-sidebar-section:last-child{border-bottom:none}.cdp-match-indicator{display:flex;align-items:center;gap:.5rem;padding:.5rem .75rem;border-radius:.5rem;font-size:.8rem;font-weight:600}.cdp-match-indicator.linked{background:hsla(var(--success),.1);color:hsl(var(--success))}.cdp-match-indicator.suggested{background:hsla(var(--warning),.1);color:hsl(var(--warning))}.cdp-match-indicator.conflict{background:hsla(var(--destructive),.1);color:hsl(var(--destructive))}.cdp-match-indicator.unlinked{background:hsla(var(--muted-foreground),.1);color:hsl(var(--muted-foreground))}.smart-import-scanner-container{position:relative;overflow:hidden;border-radius:var(--radius);border:1px solid var(--glass-border);background:#0003;display:flex;justify-content:center;align-items:center;height:220px;margin-top:1rem}.smart-import-scanner-image{max-width:100%;max-height:100%;object-fit:contain;opacity:.85}.smart-import-scanner-line{position:absolute;top:0;left:0;width:100%;height:4px;background:linear-gradient(to bottom,#3b82f600,#3b82f6cc,#3b82f600);box-shadow:0 0 10px hsl(var(--primary));animation:scan 2s linear infinite;z-index:10}@keyframes scan{0%{top:0}50%{top:100%}to{top:0}}.smart-import-log-box{background:#0f172af2;border:1px solid var(--glass-border);border-radius:var(--radius);padding:.75rem;font-family:monospace;font-size:.75rem;color:#34d399;max-height:150px;overflow-y:auto;margin-top:1rem;box-shadow:inset 0 2px 4px #0009}.smart-import-log-line{margin-bottom:.25rem;display:flex;align-items:center;gap:.5rem}.smart-import-templates{display:flex;gap:.75rem;margin-top:.75rem}.smart-import-template-btn{flex:1;padding:.75rem;background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:var(--radius);cursor:pointer;display:flex;flex-direction:column;align-items:center;gap:.35rem;transition:all .2s ease;font-size:.8rem;font-weight:500;text-align:center}.smart-import-template-btn:hover{background:hsla(var(--primary),.1);border-color:hsl(var(--primary));transform:translateY(-2px)}