:root{--primary:#4f46e5;--primary2:#7c3aed;--bg:#f4f7fb;--card:#fff;--text:#172033;--muted:#687386;--line:#e6eaf0;--danger:#dc2626;--success:#059669;--warning:#d97706;--sidebar:#111827;--shadow:0 12px 35px rgba(24,31,50,.08)}
*{box-sizing:border-box}html{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--text);background:var(--bg)}body{margin:0}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}label{display:flex;flex-direction:column;gap:7px;font-size:13px;font-weight:650;color:#3b4559}input,select,textarea{width:100%;border:1px solid #d9dee8;border-radius:10px;padding:11px 12px;background:var(--card);color:var(--text);outline:none}input:focus,select:focus,textarea:focus{border-color:var(--primary);box-shadow:0 0 0 3px rgba(79,70,229,.12)}textarea{min-height:96px;resize:vertical}.btn{display:inline-flex;align-items:center;justify-content:center;gap:7px;border:0;border-radius:10px;padding:11px 16px;background:linear-gradient(135deg,var(--primary),var(--primary2));color:#fff;font-weight:750;cursor:pointer;box-shadow:0 8px 20px rgba(79,70,229,.2)}.btn.secondary{background:var(--card);color:var(--text);border:1px solid var(--line);box-shadow:none}.btn.danger{background:var(--danger)}.btn.small{padding:7px 10px;font-size:12px}.wide{width:100%}.muted{color:var(--muted)}.center{text-align:center}.brand{display:flex;align-items:center;gap:11px}.brand-mark{width:42px;height:42px;display:grid;place-items:center;border-radius:12px;background:linear-gradient(135deg,#6366f1,#8b5cf6);color:#fff;font-weight:900;box-shadow:0 8px 18px rgba(99,102,241,.3)}.brand strong,.brand small{display:block}.brand small{font-size:11px;color:var(--muted);margin-top:2px}.alert{padding:12px 14px;border-radius:10px;font-size:13px}.alert.danger{color:#991b1b;background:#fee2e2}.alert.success{color:#065f46;background:#d1fae5}.alert.warning{color:#92400e;background:#fef3c7}
.login-page{min-height:100vh;display:grid;grid-template-columns:minmax(0,1.15fr) minmax(380px,.85fr);background:#fff}.login-visual{padding:8vw;display:flex;align-items:center;color:#fff;background:radial-gradient(circle at 20% 10%,rgba(129,140,248,.8),transparent 35%),linear-gradient(145deg,#111827,#312e81 55%,#4f46e5);position:relative;overflow:hidden}.login-visual:after{content:"";position:absolute;width:420px;height:420px;border:80px solid rgba(255,255,255,.05);border-radius:50%;right:-150px;bottom:-150px}.login-visual h1{font-size:clamp(38px,5vw,70px);max-width:820px;line-height:1.04;margin:18px 0}.login-visual p{font-size:19px;max-width:650px;color:#dbeafe}.eyebrow{font-size:12px;letter-spacing:.18em;font-weight:800;color:#c7d2fe}.login-points{display:flex;gap:20px;flex-wrap:wrap;margin-top:35px;font-size:13px;color:#e0e7ff}.login-card{padding:clamp(35px,7vw,100px);display:flex;flex-direction:column;justify-content:center;gap:30px}.login-card form{display:grid;gap:18px}.login-card h2{font-size:32px;margin:0 0 6px}
.installer{min-height:100vh;padding:35px;background:linear-gradient(145deg,#eef2ff,#f8fafc)}.install-card{max-width:820px;margin:auto;background:#fff;border-radius:24px;padding:34px;box-shadow:var(--shadow)}.install-card h1{margin-top:35px}.install-card h3{border-bottom:1px solid var(--line);padding-bottom:10px;margin-top:30px}.requirements{display:flex;flex-wrap:wrap;gap:8px;margin:18px 0}.requirements span{font-size:12px;padding:7px 10px;border-radius:20px}.requirements .ok{background:#d1fae5;color:#065f46}.requirements .bad{background:#fee2e2;color:#991b1b}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.form-grid .full{grid-column:1/-1}.success-panel{text-align:center;padding:55px 20px}
.app-shell{min-height:100vh;display:grid;grid-template-columns:245px 1fr}.sidebar{background:var(--sidebar);color:#cbd5e1;position:fixed;inset:0 auto 0 0;width:245px;padding:20px 13px;overflow:auto}.sidebar .brand{padding:4px 8px 22px}.sidebar .brand strong{color:#fff}.sidebar .brand small{color:#94a3b8}.nav-label{font-size:10px;letter-spacing:.14em;color:#64748b;font-weight:800;margin:22px 12px 8px}.nav-link{display:flex;align-items:center;gap:11px;padding:10px 12px;border-radius:9px;margin:2px 0;font-size:13px;font-weight:650}.nav-link:hover,.nav-link.active{color:#fff;background:rgba(99,102,241,.22)}.nav-icon{width:24px;text-align:center}.main{grid-column:2;min-width:0}.topbar{height:70px;padding:0 28px;display:flex;align-items:center;justify-content:space-between;background:var(--card);border-bottom:1px solid var(--line);position:sticky;top:0;z-index:10}.topbar-right{display:flex;align-items:center;gap:12px}.avatar{width:38px;height:38px;border-radius:50%;display:grid;place-items:center;background:#e0e7ff;color:#4338ca;font-weight:850}.mobile-menu{display:none;border:0;background:transparent;font-size:24px}.content{padding:28px;max-width:1600px;margin:auto}.page-head{display:flex;justify-content:space-between;align-items:flex-start;gap:20px;margin-bottom:22px}.page-head h1{font-size:27px;margin:0 0 5px}.actions{display:flex;gap:8px;flex-wrap:wrap}.card{background:var(--card);border:1px solid var(--line);border-radius:15px;box-shadow:0 4px 20px rgba(25,33,50,.04)}.card-pad{padding:20px}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:20px}.stat{padding:19px;position:relative;overflow:hidden}.stat small{color:var(--muted);font-weight:650}.stat h2{font-size:29px;margin:9px 0 2px}.stat .trend{font-size:12px;color:var(--success)}.stat:after{content:"";position:absolute;width:70px;height:70px;border-radius:50%;background:rgba(99,102,241,.08);right:-18px;top:-18px}.grid-2{display:grid;grid-template-columns:1.2fr .8fr;gap:20px}.chart{height:260px;display:flex;align-items:flex-end;gap:14px;padding:20px 5px 5px}.bar-group{flex:1;text-align:center;font-size:11px;color:var(--muted)}.bar{border-radius:8px 8px 3px 3px;background:linear-gradient(#818cf8,#4f46e5);min-height:4px;margin-bottom:8px}.activity-list{display:grid;gap:0}.activity{display:flex;gap:12px;padding:13px 0;border-bottom:1px solid var(--line)}.activity:last-child{border:0}.dot{width:10px;height:10px;border-radius:50%;background:#6366f1;margin-top:5px;flex:none}.activity strong{display:block;font-size:13px}.activity small{color:var(--muted)}
.toolbar{display:flex;gap:10px;flex-wrap:wrap;padding:15px;margin-bottom:15px}.toolbar form{display:flex;gap:10px;flex:1;min-width:280px}.toolbar input{max-width:350px}.table-wrap{overflow:auto}.data-table{width:100%;border-collapse:collapse;min-width:800px}.data-table th{text-align:left;font-size:11px;text-transform:uppercase;letter-spacing:.06em;color:var(--muted);padding:12px 15px;border-bottom:1px solid var(--line);white-space:nowrap}.data-table td{padding:13px 15px;border-bottom:1px solid var(--line);font-size:13px;vertical-align:middle}.data-table tr:hover td{background:#fafbff}.person{display:flex;gap:10px;align-items:center}.person .avatar{width:32px;height:32px;font-size:12px}.badge{display:inline-flex;padding:5px 9px;border-radius:999px;background:#eef2ff;color:#4338ca;font-size:11px;font-weight:750;white-space:nowrap}.badge-won,.badge-completed,.badge-active{background:#d1fae5;color:#047857}.badge-lost,.badge-urgent,.badge-inactive{background:#fee2e2;color:#b91c1c}.badge-high,.badge-negotiation{background:#fef3c7;color:#b45309}.pagination{display:flex;gap:6px;padding:15px}.pagination a{width:32px;height:32px;display:grid;place-items:center;border:1px solid var(--line);border-radius:8px;background:#fff;font-size:12px}.pagination a.active{background:var(--primary);color:#fff;border-color:var(--primary)}.form-card{padding:22px}.form-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:20px}.kanban{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(260px,1fr);gap:14px;overflow:auto;padding-bottom:10px}.kanban-col{background:#eef1f6;border-radius:13px;padding:12px;min-height:440px}.kanban-head{display:flex;justify-content:space-between;align-items:center;font-weight:800;font-size:13px;margin-bottom:12px}.kanban-card{background:#fff;border:1px solid var(--line);border-radius:11px;padding:13px;margin-bottom:10px;box-shadow:0 3px 10px rgba(20,30,50,.04)}.kanban-card h4{margin:0 0 7px;font-size:13px}.kanban-card p{margin:3px 0;color:var(--muted);font-size:11px}.empty{text-align:center;padding:45px;color:var(--muted)}.metric-row{display:flex;justify-content:space-between;padding:11px 0;border-bottom:1px solid var(--line)}.metric-row:last-child{border:0}.code-box{font-family:monospace;background:#111827;color:#e2e8f0;padding:13px;border-radius:10px;overflow:auto;font-size:12px}
body.dark{--bg:#0b1120;--card:#111827;--text:#e5e7eb;--muted:#94a3b8;--line:#283244;--sidebar:#070b14}.dark input,.dark select,.dark textarea{border-color:#334155}.dark .data-table tr:hover td{background:#172033}.dark .kanban-col{background:#151d2c}.dark .btn.secondary{color:#e5e7eb}
@media(max-width:1050px){.stats{grid-template-columns:repeat(2,1fr)}.grid-2{grid-template-columns:1fr}}
@media(max-width:760px){.login-page{grid-template-columns:1fr}.login-visual{display:none}.login-card{min-height:100vh;padding:30px}.form-grid{grid-template-columns:1fr}.form-grid .full{grid-column:auto}.app-shell{display:block}.sidebar{transform:translateX(-100%);transition:.2s;z-index:30}.sidebar.open{transform:translateX(0)}.main{margin:0}.mobile-menu{display:block}.topbar{padding:0 15px}.topbar .user-meta{display:none}.content{padding:18px 13px}.page-head{align-items:stretch;flex-direction:column}.stats{grid-template-columns:1fr 1fr;gap:10px}.stat{padding:14px}.stat h2{font-size:23px}.toolbar form{min-width:100%;flex-direction:column}.toolbar input{max-width:none}}
@media(max-width:420px){.stats{grid-template-columns:1fr}.install-card{padding:22px}.installer{padding:12px}}

/* NEXT GEN v29 application shell */
.sidebar .brand strong{font-size:12px;line-height:1.35;letter-spacing:.02em}.sidebar .brand small a{color:#a5b4fc}.main{padding-bottom:38px}.topbar{display:grid;grid-template-columns:1fr auto 1fr;background:rgba(255,255,255,.92);backdrop-filter:blur(14px)}.topbar-right{justify-content:flex-end}.topbar-brand{display:flex;align-items:center;gap:10px}.topbar-brand .user-meta strong,.topbar-brand .user-meta small{display:block}.topbar-brand .user-meta strong{font-size:13px}.topbar-brand .user-meta small{font-size:11px;color:var(--muted);margin-top:2px}.live-clock{text-align:center;min-width:220px}.live-clock strong,.live-clock small{display:block}.live-clock strong{font-size:17px;letter-spacing:.06em;color:var(--primary)}.live-clock small{font-size:10px;text-transform:uppercase;letter-spacing:.09em;color:var(--muted);margin-top:3px}.content{padding-bottom:64px}.app-footer{position:fixed;left:245px;right:0;bottom:0;height:34px;padding:0 28px;display:flex;align-items:center;justify-content:space-between;background:var(--card);border-top:1px solid var(--line);font-size:11px;color:var(--muted);z-index:12}.app-footer a{color:#ec4899;font-weight:800}

/* Animated dashboard */
.stat-icon{position:absolute;right:18px;bottom:16px;font-size:23px;opacity:.22}.dashboard-stats .stat:after{width:86px;height:86px;right:-25px;top:-25px}.stat.indigo{border-top:3px solid #6366f1}.stat.cyan{border-top:3px solid #06b6d4}.stat.green{border-top:3px solid #10b981}.stat.orange{border-top:3px solid #f59e0b}.dashboard-grid{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(300px,.55fr);gap:20px;margin-bottom:20px}.section-title{display:flex;align-items:flex-start;justify-content:space-between;gap:15px}.section-title h3{margin:4px 0 0}.eyebrow-dark{font-size:9px;font-weight:900;letter-spacing:.16em;color:#6366f1}.live-pill{display:inline-flex;align-items:center;gap:6px;padding:5px 9px;border-radius:99px;background:#ecfdf5;color:#047857;font-size:10px;font-weight:800}.live-pill i{width:6px;height:6px;border-radius:50%;background:#10b981;animation:pulse 1.6s infinite}.chart-card .chart{height:280px;padding-top:36px}.chart-card .bar-group{height:225px;display:flex;flex-direction:column;justify-content:flex-end;position:relative}.bar-value{font-size:10px;font-weight:800;margin-bottom:5px;color:var(--text)}.chart-card .bar{height:var(--bar-h,4px);background:linear-gradient(180deg,#a78bfa,#4f46e5);box-shadow:0 10px 22px rgba(79,70,229,.2);transform-origin:bottom;animation:growBar .7s ease-out both;animation-delay:var(--delay,0s)}.pulse-card{background:linear-gradient(145deg,var(--card),rgba(99,102,241,.055))}.health-score{font-size:26px;color:#10b981}.health-track{height:9px;border-radius:20px;background:var(--line);overflow:hidden;margin:22px 0 7px}.health-track i{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#06b6d4,#10b981);animation:growWidth 1s ease-out}.pulse-metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;margin:20px 0}.pulse-metrics div{text-align:center;padding:12px 5px;background:var(--bg);border-radius:10px}.pulse-metrics strong,.pulse-metrics span{display:block}.pulse-metrics strong{font-size:18px}.pulse-metrics span{font-size:9px;color:var(--muted);margin-top:3px}.source-row{display:flex;justify-content:space-between;align-items:center;padding:7px 0;font-size:11px}.source-row span{display:flex;align-items:center;gap:7px}.source-dot{width:7px;height:7px;border-radius:50%;display:inline-block}.color-0{background:#6366f1}.color-1{background:#06b6d4}.color-2{background:#10b981}.color-3{background:#f59e0b}.color-4{background:#ec4899}.lower-grid{grid-template-columns:1.2fr .8fr}.text-link{font-size:11px;color:#6366f1;font-weight:800}.activity .dot{box-shadow:0 0 0 5px rgba(99,102,241,.1)}.smart-actions h3{margin-top:6px}.smart-action-list{display:grid;gap:9px;margin-top:18px}.smart-action-list a{display:flex;align-items:center;gap:11px;padding:11px;border:1px solid var(--line);border-radius:11px;transition:.2s}.smart-action-list a:hover{border-color:#a5b4fc;transform:translateX(3px);background:rgba(99,102,241,.04)}.smart-action-list a>span{width:34px;height:34px;display:grid;place-items:center;border-radius:10px;background:#eef2ff;color:#4f46e5}.smart-action-list strong,.smart-action-list small{display:block}.smart-action-list strong{font-size:12px}.smart-action-list small{font-size:10px;color:var(--muted);margin-top:3px}@keyframes growBar{from{transform:scaleY(0);opacity:.2}to{transform:scaleY(1);opacity:1}}@keyframes growWidth{from{width:0}}@keyframes pulse{50%{opacity:.3;transform:scale(.75)}}

/* Lead actions, stacked pipeline and advanced modules */
.quick-actions{display:flex;gap:6px;align-items:center;flex-wrap:nowrap}.icon-btn{width:31px;height:31px;display:grid;place-items:center;border-radius:9px;color:#fff;font-weight:900;transition:.18s;box-shadow:0 4px 10px rgba(15,23,42,.12)}.icon-btn:hover{transform:translateY(-2px) scale(1.06)}.icon-btn.call{background:#0ea5e9}.icon-btn.whatsapp{background:#22c55e}.icon-btn.email{background:#f59e0b}.icon-btn.view{background:#6366f1}.icon-btn.edit{background:#64748b}.quick-actions.large .icon-btn{width:38px;height:38px}.kanban{display:grid;grid-template-columns:1fr;grid-auto-flow:row;grid-auto-columns:auto;overflow:visible}.kanban-col{min-height:90px;border-left:4px solid #818cf8}.kanban-card{transition:.2s}.kanban-card:hover{transform:translateX(4px);border-color:#a5b4fc}.calendar-list{display:grid;gap:12px}.calendar-day{display:grid;grid-template-columns:80px 1fr;overflow:hidden}.calendar-date{padding:17px;display:grid;place-items:center;background:linear-gradient(145deg,#4f46e5,#7c3aed);color:#fff}.calendar-date strong{font-size:25px}.calendar-date small{text-transform:uppercase;letter-spacing:.1em}.calendar-events{padding:10px 16px}.calendar-events a{display:flex;justify-content:space-between;gap:15px;padding:11px 0;border-bottom:1px solid var(--line)}.calendar-events a:last-child{border:0}.calendar-events strong,.calendar-events small{font-size:12px}.calendar-events small{color:var(--muted)}.communication-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.comm-card{padding:17px;display:flex;align-items:center;justify-content:space-between;gap:14px}.notification-list{display:grid;gap:10px}.notification-item{padding:15px;display:flex;gap:13px}.notification-item.unread{border-left:4px solid #6366f1;background:linear-gradient(90deg,rgba(99,102,241,.07),var(--card))}.notification-icon{width:36px;height:36px;display:grid;place-items:center;border-radius:50%;background:#eef2ff;color:#4f46e5}.notification-item p{margin:5px 0;color:var(--muted);font-size:12px}.notification-item small{color:var(--muted);font-size:10px}.config-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}.config-card{padding:20px}.config-card h3{display:flex;justify-content:space-between}.config-card h3 span{font-size:11px;background:#eef2ff;color:#4f46e5;padding:5px 8px;border-radius:99px}.config-items{max-height:260px;overflow:auto;margin-bottom:18px;border-block:1px solid var(--line)}.config-items>div{display:grid;grid-template-columns:12px minmax(110px,1fr) auto;gap:8px;align-items:center;padding:9px 2px;border-bottom:1px solid var(--line);font-size:11px}.config-items>div:last-child{border:0}.config-items i{width:8px;height:8px;border-radius:50%}.config-items small{color:var(--muted);max-width:170px;text-align:right}.config-card form{display:grid;gap:10px}.mini-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.sub-form{border-top:1px dashed var(--line);padding-top:15px;margin-top:15px}

.dark .topbar{background:rgba(17,24,39,.92)}.dark .kanban-card{background:#111827}.dark .smart-action-list a>span,.dark .notification-icon,.dark .config-card h3 span{background:#252d4a;color:#a5b4fc}.dark .live-pill{background:#0c342b;color:#6ee7b7}
@media(max-width:1150px){.dashboard-grid{grid-template-columns:1fr}.communication-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:760px){.topbar{height:76px;padding:0 13px;grid-template-columns:1fr auto}.live-clock{grid-column:1/-1;grid-row:2;min-width:0;position:absolute;bottom:4px;left:50%;transform:translateX(-50%)}.live-clock strong{font-size:11px}.live-clock small{display:none}.topbar-right .btn:first-child{display:none}.app-footer{left:0;padding:0 12px;height:38px}.app-footer span:first-child{display:none}.content{padding-bottom:70px}.communication-grid,.config-grid{grid-template-columns:1fr}.calendar-day{grid-template-columns:58px 1fr}.calendar-events a{flex-direction:column;gap:4px}}

/* SEO landing page and CSS 3D mobile preview */
.landing-page{background:#070b18;color:#eef2ff;overflow-x:hidden}.landing-header{height:76px;position:fixed;z-index:50;inset:0 0 auto;display:flex;align-items:center;justify-content:space-between;padding:0 max(5vw,24px);background:rgba(7,11,24,.74);backdrop-filter:blur(18px);border-bottom:1px solid rgba(255,255,255,.08)}.landing-brand{display:flex;align-items:center;gap:11px}.landing-brand>span:last-child strong,.landing-brand>span:last-child small{display:block}.landing-brand>span:last-child strong{font-size:12px;color:#fff}.landing-brand>span:last-child small{font-size:9px;color:#a5b4fc;margin-top:3px;letter-spacing:.08em}.landing-header nav{display:flex;align-items:center;gap:26px}.landing-header nav a{font-size:12px;color:#cbd5e1;font-weight:700}.landing-header nav a:hover{color:#fff}.landing-header .nav-login{padding:9px 17px;border-radius:9px;background:linear-gradient(135deg,#6366f1,#8b5cf6);color:#fff}.landing-hero{min-height:850px;padding:150px max(6vw,28px) 100px;display:grid;grid-template-columns:minmax(0,1.02fr) minmax(430px,.98fr);align-items:center;gap:50px;position:relative;isolation:isolate;background:radial-gradient(circle at 15% 15%,rgba(79,70,229,.22),transparent 34%),radial-gradient(circle at 85% 35%,rgba(6,182,212,.14),transparent 32%)}.hero-glow{position:absolute;border-radius:50%;filter:blur(10px);z-index:-1}.hero-glow.one{width:320px;height:320px;background:rgba(99,102,241,.12);left:-130px;top:160px}.hero-glow.two{width:300px;height:300px;background:rgba(16,185,129,.08);right:5%;bottom:5%}.hero-copy{max-width:800px}.hero-badge{display:inline-flex;padding:8px 12px;border:1px solid rgba(165,180,252,.3);background:rgba(99,102,241,.12);border-radius:99px;color:#c7d2fe;font-size:10px;letter-spacing:.13em;font-weight:850}.hero-copy h1{font-size:clamp(48px,6vw,86px);line-height:1.02;letter-spacing:-.045em;margin:24px 0}.hero-copy h1 em{font-style:normal;background:linear-gradient(100deg,#a5b4fc,#67e8f9 50%,#6ee7b7);-webkit-background-clip:text;color:transparent}.hero-copy>p{font-size:18px;line-height:1.75;color:#aebbd2;max-width:690px}.hero-actions{display:flex;gap:12px;margin:34px 0 28px}.hero-btn{padding:14px 20px}.landing-page .btn.secondary{background:rgba(255,255,255,.06);color:#fff;border-color:rgba(255,255,255,.12)}.hero-proof{display:flex;gap:22px;flex-wrap:wrap;color:#c7d2fe;font-size:11px}.phone-stage{height:620px;display:grid;place-items:center;position:relative;perspective:1300px}.phone{width:294px;height:590px;padding:10px;border-radius:45px;background:linear-gradient(145deg,#20293a,#050710 45%,#374151);box-shadow:35px 40px 80px rgba(0,0,0,.55),-10px -8px 35px rgba(129,140,248,.16),inset 0 0 0 2px rgba(255,255,255,.1);transform:rotateY(-18deg) rotateX(5deg) rotateZ(3deg);animation:phoneFloat 5s ease-in-out infinite;position:relative}.phone-side{position:absolute;width:8px;height:92px;right:-6px;top:150px;background:#252d3d;border-radius:0 4px 4px 0}.phone-screen{height:100%;padding:26px 16px 17px;border-radius:36px;background:linear-gradient(160deg,#10172a,#111827 55%,#172554);overflow:hidden;position:relative}.phone-notch{position:absolute;top:8px;left:50%;width:82px;height:20px;transform:translateX(-50%);border-radius:20px;background:#030712}.phone-top{display:flex;justify-content:space-between;font-size:8px;color:#dbeafe}.phone-brand{display:flex;align-items:center;gap:8px;margin-top:26px}.mini-logo{width:30px;height:30px;display:grid;place-items:center;border-radius:9px;background:linear-gradient(145deg,#6366f1,#8b5cf6);font-size:10px;font-weight:900}.phone-brand strong,.phone-brand small{display:block}.phone-brand strong{font-size:10px}.phone-brand small{font-size:7px;color:#94a3b8}.phone-welcome{margin:18px 0 10px;font-size:13px;font-weight:800}.phone-stats{display:grid;grid-template-columns:1fr 1fr;gap:8px}.phone-stats>div{padding:11px;border:1px solid rgba(255,255,255,.08);border-radius:13px;background:rgba(255,255,255,.045)}.phone-stats small,.phone-stats strong,.phone-stats i{display:block}.phone-stats small{font-size:7px;color:#94a3b8}.phone-stats strong{font-size:19px;margin:5px 0}.phone-stats i{font-size:7px;color:#6ee7b7;font-style:normal}.phone-chart{height:130px;margin:12px 0;padding:13px;display:flex;align-items:flex-end;gap:8px;border:1px solid rgba(255,255,255,.07);border-radius:15px;background:rgba(255,255,255,.035)}.phone-chart span{flex:1;border-radius:4px 4px 2px 2px;background:linear-gradient(#67e8f9,#6366f1);animation:phoneBars 2s ease-in-out infinite alternate}.phone-chart span:nth-child(2n){animation-delay:.3s}.phone-lead{display:flex;align-items:center;gap:8px;padding:11px;border-radius:13px;background:rgba(99,102,241,.16);border:1px solid rgba(165,180,252,.12)}.phone-lead i{width:27px;height:27px;display:grid;place-items:center;border-radius:50%;background:#818cf8;font-size:7px;font-style:normal}.phone-lead div{flex:1}.phone-lead strong,.phone-lead small{display:block}.phone-lead strong{font-size:8px}.phone-lead small{font-size:6px;color:#a5b4fc;margin-top:3px}.phone-nav{position:absolute;left:16px;right:16px;bottom:14px;display:flex;justify-content:space-around;padding:11px;border-radius:16px;background:rgba(3,7,18,.72);color:#a5b4fc;font-size:12px}.phone-shadow{position:absolute;width:270px;height:70px;bottom:0;background:rgba(79,70,229,.38);filter:blur(35px);border-radius:50%;transform:rotate(-5deg)}.float-card{position:absolute;padding:13px 16px;border:1px solid rgba(255,255,255,.13);background:rgba(15,23,42,.78);backdrop-filter:blur(13px);border-radius:14px;box-shadow:0 20px 45px rgba(0,0,0,.3);animation:floatCard 4s ease-in-out infinite}.float-card strong,.float-card small{display:block}.float-card strong{font-size:17px}.float-card small{font-size:8px;color:#a5b4fc;margin-top:3px}.float-one{left:2%;top:22%}.float-two{right:1%;bottom:18%;display:flex;align-items:center;gap:10px;animation-delay:.8s}.float-two>span{width:30px;height:30px;display:grid;place-items:center;border-radius:50%;background:#10b981;color:#fff}.landing-section{padding:105px max(7vw,28px);background:#f8fafc;color:#172033}.section-intro{max-width:760px;margin:0 auto 48px;text-align:center}.section-intro>span,.login-message>span{font-size:10px;letter-spacing:.16em;font-weight:900;color:#6366f1}.section-intro h2,.security-section h2,.login-message h2{font-size:clamp(34px,4vw,55px);line-height:1.08;margin:13px 0}.section-intro p{color:#64748b;line-height:1.7}.feature-grid{max-width:1320px;margin:auto;display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.feature-grid article{padding:28px;border:1px solid #e2e8f0;border-radius:18px;background:#fff;box-shadow:0 12px 30px rgba(15,23,42,.04);transition:.25s}.feature-grid article:hover{transform:translateY(-7px);box-shadow:0 22px 45px rgba(79,70,229,.11);border-color:#c7d2fe}.feature-grid i{width:45px;height:45px;display:grid;place-items:center;border-radius:13px;background:linear-gradient(145deg,#eef2ff,#e0e7ff);color:#4f46e5;font-style:normal;font-size:20px}.feature-grid h3{margin:19px 0 9px}.feature-grid p{font-size:13px;line-height:1.7;color:#64748b}.modules-section{background:#eef2ff}.module-cloud{max-width:1100px;margin:auto;display:flex;justify-content:center;gap:12px;flex-wrap:wrap}.module-cloud span{padding:12px 17px;border-radius:99px;background:#fff;border:1px solid #dbe3ff;color:#3730a3;font-size:12px;font-weight:750;box-shadow:0 7px 20px rgba(79,70,229,.07)}.security-section{display:grid;grid-template-columns:1.1fr .9fr;align-items:center;gap:70px;background:linear-gradient(145deg,#111827,#172554);color:#fff}.security-section>div:first-child{max-width:720px}.security-section p{color:#cbd5e1;line-height:1.8}.security-section ul{list-style:none;padding:0;display:grid;gap:11px;color:#dbeafe}.security-section li:before{content:"✓";color:#6ee7b7;margin-right:9px}.dark-badge{background:rgba(255,255,255,.07)}.security-orbit{height:390px;position:relative;display:grid;place-items:center}.security-orbit>span{width:88px;height:88px;display:grid;place-items:center;border-radius:28px;background:linear-gradient(145deg,#4f46e5,#06b6d4);font-size:36px;box-shadow:0 0 80px rgba(6,182,212,.35)}.security-orbit>b{position:absolute;bottom:50px;text-align:center}.orbit{position:absolute;border:1px solid rgba(165,180,252,.25);border-radius:50%;animation:orbitSpin 13s linear infinite}.orbit:after{content:"";position:absolute;width:12px;height:12px;border-radius:50%;background:#67e8f9;top:12%;left:15%;box-shadow:0 0 20px #67e8f9}.o1{width:260px;height:260px}.o2{width:360px;height:360px;animation-direction:reverse;animation-duration:18s}.login-section{padding:110px max(8vw,28px);display:grid;grid-template-columns:1fr 480px;gap:80px;align-items:center;background:#fff;color:#172033}.login-message{max-width:650px}.login-message p{color:#64748b;line-height:1.8}.login-benefits{display:flex;gap:13px;margin-top:35px}.login-benefits div{min-width:120px;padding:16px;background:#f8fafc;border:1px solid #e2e8f0;border-radius:14px}.login-benefits strong,.login-benefits small{display:block}.login-benefits strong{color:#4f46e5;font-size:19px}.login-benefits small{color:#64748b;margin-top:4px}.login-panel{padding:32px;border:1px solid #e2e8f0;border-radius:24px;background:#fff;box-shadow:0 30px 80px rgba(15,23,42,.12)}.login-panel .brand{margin-bottom:26px}.login-panel .brand strong{font-size:12px}.login-panel form{display:grid;gap:17px;margin:20px 0}.landing-footer{padding:30px max(6vw,28px);display:flex;align-items:center;justify-content:space-between;background:#050812;border-top:1px solid rgba(255,255,255,.08)}.landing-footer>div:last-child{display:flex;gap:22px;color:#64748b;font-size:10px}.landing-footer a{color:#ec4899;font-weight:800}@keyframes phoneFloat{50%{transform:rotateY(-14deg) rotateX(3deg) rotateZ(1deg) translateY(-12px)}}@keyframes floatCard{50%{transform:translateY(-10px)}}@keyframes phoneBars{to{filter:brightness(1.3);transform:scaleY(.9)}}@keyframes orbitSpin{to{transform:rotate(360deg)}}
@media(max-width:1000px){.landing-hero{grid-template-columns:1fr;text-align:center}.hero-copy{margin:auto}.hero-actions,.hero-proof{justify-content:center}.phone-stage{height:650px}.feature-grid{grid-template-columns:repeat(2,1fr)}.security-section,.login-section{grid-template-columns:1fr}.security-section>div:first-child{margin:auto}.login-panel{max-width:560px;width:100%;margin:auto}}
@media(max-width:720px){.landing-header{height:66px}.landing-header nav a:not(.nav-login){display:none}.landing-brand>span:last-child strong{font-size:9px}.landing-brand>span:last-child small{font-size:7px}.landing-hero{padding:120px 18px 70px;min-height:auto}.hero-copy h1{font-size:43px}.hero-copy>p{font-size:15px}.hero-actions{flex-direction:column}.hero-proof{gap:10px}.phone-stage{height:560px;transform:scale(.88);margin:-30px 0}.float-one{left:-5%}.float-two{right:-7%}.landing-section{padding:75px 18px}.feature-grid{grid-template-columns:1fr}.security-orbit{height:330px;transform:scale(.85)}.login-section{padding:75px 18px}.login-benefits{display:grid;grid-template-columns:repeat(3,1fr)}.login-benefits div{min-width:0;padding:12px}.login-panel{padding:22px}.landing-footer{align-items:flex-start;gap:22px;flex-direction:column}.landing-footer>div:last-child{flex-direction:column;gap:5px}}

/* Focused desktop lead layout: all information stays inside the display */
@media(min-width:761px){.lead-table-wrap{overflow:visible}.lead-table{display:block;min-width:0}.lead-table thead{display:none}.lead-table tbody{display:grid;gap:13px;padding:14px}.lead-table tr{display:grid;grid-template-columns:minmax(220px,1.35fr) minmax(190px,1.2fr) minmax(145px,.85fr) minmax(145px,.85fr);gap:0 14px;padding:14px 16px;border:1px solid var(--line);border-left:5px solid #6366f1;border-radius:15px;background:linear-gradient(145deg,var(--card),color-mix(in srgb,var(--primary) 3%,var(--card)));box-shadow:0 10px 26px rgba(15,23,42,.07)}.lead-table tr:nth-child(4n+2){border-left-color:#06b6d4}.lead-table tr:nth-child(4n+3){border-left-color:#10b981}.lead-table tr:nth-child(4n+4){border-left-color:#f59e0b}.lead-table td{display:block;min-width:0;padding:9px 4px;border-bottom:1px dashed var(--line);background:transparent!important;overflow-wrap:anywhere}.lead-table td:before{content:attr(data-label);display:block;margin-bottom:6px;font-size:8px;font-weight:900;letter-spacing:.1em;color:var(--muted);text-transform:uppercase}.lead-table td:nth-child(n+5){border-bottom:0}.lead-table td .person,.lead-table td .quick-actions{min-width:0}.lead-table td .quick-actions{flex-wrap:wrap}.lead-table td small{display:block}.lead-table .status-select{max-width:100%}.lead-table .empty{grid-column:1/-1;border:0}}

/* Compact calendar with a clear side agenda */
.calendar-workspace{display:grid;grid-template-columns:minmax(580px,1.45fr) minmax(290px,.55fr);gap:18px;align-items:start}.compact-month-calendar{padding:10px}.compact-month-calendar .calendar-weekdays span{padding:8px}.compact-month-calendar .calendar-cell{min-height:88px;padding:6px}.compact-month-calendar .day-number{margin-bottom:4px}.compact-month-calendar .day-number span{width:23px;height:23px;font-size:11px}.compact-month-calendar .day-events{gap:3px}.compact-month-calendar .day-events a{padding:4px;font-size:7px}.calendar-agenda{padding:18px;position:sticky;top:90px;max-height:calc(100vh - 145px);overflow:hidden}.agenda-heading{display:grid;grid-template-columns:auto 1fr auto;gap:10px;align-items:center;padding-bottom:14px;border-bottom:1px solid var(--line)}.agenda-heading>span{width:39px;height:39px;display:grid;place-items:center;border-radius:12px;background:#ede9fe;color:#7c3aed}.agenda-heading small,.agenda-heading h3{display:block;margin:0}.agenda-heading small{font-size:8px;letter-spacing:.1em;color:#7c3aed;font-weight:900}.agenda-heading h3{margin-top:3px}.agenda-heading>strong{width:30px;height:30px;display:grid;place-items:center;border-radius:10px;background:#4f46e5;color:#fff}.agenda-list{display:grid;gap:8px;margin:12px 0;max-height:390px;overflow:auto;padding-right:3px}.agenda-item{display:grid;grid-template-columns:auto 1fr auto;gap:9px;align-items:center;padding:10px;border-radius:12px;background:#f5f3ff;border-left:4px solid #7c3aed}.agenda-tone-1{background:#ecfeff;border-color:#06b6d4}.agenda-tone-2{background:#ecfdf5;border-color:#10b981}.agenda-tone-3{background:#fff7ed;border-color:#f97316}.agenda-tone-4{background:#fdf2f8;border-color:#ec4899}.agenda-date{width:38px;text-align:center}.agenda-date strong,.agenda-date small{display:block}.agenda-date strong{font-size:18px}.agenda-date small{font-size:8px;color:var(--muted);text-transform:uppercase}.agenda-info{min-width:0}.agenda-info strong,.agenda-info span,.agenda-info small{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.agenda-info strong{font-size:11px}.agenda-info span{font-size:9px;color:var(--muted);margin:3px 0}.agenda-info small{font-size:8px;color:#6366f1}.agenda-arrow{font-size:20px;color:#6366f1}.agenda-empty{padding:28px 12px;text-align:center;color:var(--muted);font-size:11px}.agenda-add{padding:9px}

/* Independent Platform Super Admin portal */
.sa-login-page{min-height:100vh;display:grid;place-items:center;padding:25px;background:radial-gradient(circle at 15% 15%,rgba(124,58,237,.35),transparent 32%),radial-gradient(circle at 85% 80%,rgba(6,182,212,.25),transparent 30%),#080d1c}.sa-login-card{width:min(440px,100%);padding:34px;border:1px solid rgba(255,255,255,.11);border-radius:26px;background:rgba(17,24,39,.9);backdrop-filter:blur(18px);color:#fff;box-shadow:0 35px 90px rgba(0,0,0,.45)}.sa-login-brand{display:flex;align-items:center;gap:11px}.sa-login-brand strong,.sa-login-brand small{display:block}.sa-login-brand strong{font-size:12px}.sa-login-brand small{font-size:9px;color:#a5b4fc;margin-top:3px}.sa-shield{width:74px;height:74px;display:grid;place-items:center;margin:30px auto 18px;border-radius:24px;background:linear-gradient(145deg,#7c3aed,#06b6d4);font-size:30px;box-shadow:0 18px 45px rgba(79,70,229,.4)}.sa-login-card h1,.sa-login-card>p{text-align:center}.sa-login-card h1{margin:0;font-size:28px}.sa-login-card>p{color:#94a3b8}.sa-login-card form{display:grid;gap:15px;margin-top:25px}.sa-login-card label{color:#dbeafe}.sa-login-card input{background:#111827;border-color:#334155;color:#fff}.sa-demo-box{display:grid;gap:4px;margin-top:18px;padding:14px;border:1px dashed #6366f1;border-radius:13px;background:rgba(99,102,241,.1);font-size:11px}.sa-demo-box strong{color:#a5b4fc}.sa-demo-box small{margin-top:4px;color:#fbbf24}.sa-back{display:block;text-align:center;margin-top:18px;color:#94a3b8;font-size:10px}
.sa-panel-body{margin:0;background:#f1f5f9;color:#172033}.sa-shell{min-height:100vh;display:grid;grid-template-columns:245px 1fr}.sa-sidebar{position:fixed;inset:0 auto 0 0;width:245px;padding:22px 15px;display:flex;flex-direction:column;background:linear-gradient(180deg,#080d1c,#111827);color:#cbd5e1;z-index:30}.sa-panel-brand{display:flex;align-items:center;gap:10px;padding:3px 6px 25px}.sa-panel-brand strong,.sa-panel-brand small{display:block}.sa-panel-brand strong{color:#fff;font-size:13px}.sa-panel-brand small{color:#818cf8;font-size:8px;letter-spacing:.12em;margin-top:4px}.sa-sidebar nav{display:grid;gap:5px}.sa-sidebar nav a,.sa-sidebar-bottom a{padding:11px 13px;border-radius:10px;font-size:12px;font-weight:750}.sa-sidebar nav a:hover,.sa-sidebar nav a.active{background:linear-gradient(135deg,rgba(99,102,241,.35),rgba(6,182,212,.16));color:#fff}.sa-sidebar-bottom{display:grid;gap:4px;margin-top:auto;border-top:1px solid #273244;padding-top:14px}.sa-content{grid-column:2;min-width:0}.sa-topbar{height:72px;display:flex;align-items:center;justify-content:space-between;padding:0 28px;background:#fff;border-bottom:1px solid #e2e8f0;position:sticky;top:0;z-index:20}.sa-topbar>div:first-of-type small,.sa-topbar>div:first-of-type strong{display:block}.sa-topbar>div:first-of-type small{font-size:8px;letter-spacing:.12em;color:#6366f1;font-weight:900}.sa-topbar>div:first-of-type strong{font-size:13px;margin-top:3px}.sa-topbar-right{display:flex;align-items:center;gap:12px}.sa-live{display:flex;align-items:center;gap:6px;padding:7px 10px;border-radius:99px;background:#ecfdf5;color:#047857;font-size:9px;font-weight:800}.sa-live i{width:7px;height:7px;border-radius:50%;background:#10b981}.sa-menu{display:none;border:0;background:transparent;font-size:22px}.sa-page{max-width:1500px;margin:auto;padding:28px}.sa-title{display:flex;justify-content:space-between;align-items:flex-start;gap:20px}.sa-title span,.sa-section-head small,.sa-security>div>small{font-size:8px;letter-spacing:.14em;font-weight:900;color:#6366f1}.sa-title h1{margin:5px 0;font-size:29px}.sa-title p{margin:0;color:#64748b}.sa-title>strong{padding:9px 13px;border-radius:99px;background:#ede9fe;color:#6d28d9;font-size:10px}.sa-stat-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin:24px 0}.sa-stat-grid article{display:flex;align-items:center;gap:13px;padding:19px;border:0;border-radius:17px;color:#fff;box-shadow:0 15px 30px rgba(15,23,42,.13)}.sa-stat-grid article:nth-child(1){background:linear-gradient(135deg,#4338ca,#7c3aed)}.sa-stat-grid article:nth-child(2){background:linear-gradient(135deg,#0369a1,#06b6d4)}.sa-stat-grid article:nth-child(3){background:linear-gradient(135deg,#047857,#10b981)}.sa-stat-grid article:nth-child(4){background:linear-gradient(135deg,#c2410c,#f59e0b)}.sa-stat-grid article>span{width:42px;height:42px;display:grid;place-items:center;border-radius:13px;background:rgba(255,255,255,.17)}.sa-stat-grid small,.sa-stat-grid h2{display:block;margin:0}.sa-stat-grid small{color:rgba(255,255,255,.8)}.sa-stat-grid h2{font-size:28px;margin-top:3px}.sa-section{padding:22px;margin-top:20px;border:1px solid #e2e8f0;border-radius:20px;background:#fff;box-shadow:0 12px 30px rgba(15,23,42,.05);scroll-margin-top:90px}.sa-section-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:17px}.sa-section-head h2{margin:3px 0}.sa-section-head>span{padding:7px 10px;border-radius:99px;background:#f1f5f9;color:#64748b;font-size:9px}.sa-org-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(285px,1fr));gap:13px}.sa-org-card{padding:16px;border:1px solid #e2e8f0;border-top:4px solid #7c3aed;border-radius:15px}.sa-org-card.tone-1{border-top-color:#06b6d4}.sa-org-card.tone-2{border-top-color:#10b981}.sa-org-card.tone-3{border-top-color:#f97316}.sa-org-card.tone-4{border-top-color:#ec4899}.sa-org-head{display:grid;grid-template-columns:auto 1fr auto;gap:9px;align-items:center}.sa-org-head>span{width:37px;height:37px;display:grid;place-items:center;border-radius:11px;background:#ede9fe;color:#6d28d9;font-size:10px;font-weight:900}.sa-org-head strong,.sa-org-head small{display:block}.sa-org-head small{font-size:8px;color:#64748b;margin-top:3px}.sa-org-metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;margin:15px 0}.sa-org-metrics span{padding:9px;text-align:center;border-radius:9px;background:#f8fafc}.sa-org-metrics strong,.sa-org-metrics small{display:block}.sa-org-metrics small{font-size:8px;color:#64748b}.sa-org-card button:disabled{opacity:.45;cursor:not-allowed}.sa-user-list{display:grid;gap:9px}.sa-user-list article{display:grid;grid-template-columns:minmax(220px,1.4fr) minmax(150px,1fr) minmax(130px,.8fr) minmax(150px,.8fr) auto;gap:14px;align-items:center;padding:12px;border:1px solid #e2e8f0;border-radius:13px}.sa-user-list article>div>small,.sa-user-list article>div>strong{display:block}.sa-user-list article>div>small{font-size:8px;color:#64748b}.sa-user-list article>div>strong{font-size:11px;margin-top:3px}.sa-user-list .person small{display:block}.sa-current{font-size:9px;color:#6366f1;font-weight:800}.sa-security{display:grid;grid-template-columns:.8fr 1.2fr;gap:35px;align-items:center}.sa-security h2{margin:4px 0}.sa-security p{color:#64748b}.sa-security form{display:grid;grid-template-columns:1fr 1fr auto;gap:10px;align-items:end}.sa-footer{height:38px;padding:0 28px;display:flex;justify-content:space-between;align-items:center;color:#64748b;font-size:9px}.sa-footer a{color:#ec4899;font-weight:800}
@media(max-width:1000px){.calendar-workspace{grid-template-columns:1fr}.calendar-agenda{position:static;max-height:none}.agenda-list{max-height:330px}.sa-stat-grid{grid-template-columns:1fr 1fr}.sa-user-list article{grid-template-columns:1fr 1fr}.sa-user-list article .person{grid-column:1/-1}.sa-security{grid-template-columns:1fr}.sa-security form{grid-template-columns:1fr 1fr}.sa-security form button{grid-column:1/-1}}
@media(max-width:760px){.calendar-workspace{display:block}.calendar-agenda{margin-top:14px}.sa-shell{display:block}.sa-sidebar{transform:translateX(-100%);transition:.2s}.sa-sidebar.open{transform:none}.sa-content{margin:0}.sa-topbar{padding:0 14px}.sa-menu{display:block}.sa-live{display:none}.sa-page{padding:18px 13px}.sa-title{display:block}.sa-title>strong{display:inline-flex;margin-top:14px}.sa-stat-grid{grid-template-columns:1fr 1fr;gap:9px}.sa-stat-grid article{padding:14px}.sa-section{padding:14px}.sa-org-grid{grid-template-columns:1fr}.sa-user-list article{grid-template-columns:1fr;gap:9px}.sa-user-list article .person{grid-column:auto}.sa-security form{grid-template-columns:1fr}.sa-footer{height:auto;padding:16px;flex-direction:column;gap:5px}.sa-login-card{padding:24px}}
@media(max-width:430px){.sa-stat-grid{grid-template-columns:1fr}.sa-org-head{grid-template-columns:auto 1fr}.sa-org-head .badge{grid-column:1/-1;width:max-content}.sa-login-page{padding:12px}}

/* v30 advanced colorful CRM experience */
.svg-icon{width:17px;height:17px;display:inline-block;vertical-align:middle;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}.add-lead-btn,.add-contact-btn{background:linear-gradient(135deg,#7c3aed,#4f46e5 55%,#2563eb);box-shadow:0 12px 28px rgba(79,70,229,.3);border:1px solid rgba(255,255,255,.22)}.add-lead-btn:hover,.add-contact-btn:hover{transform:translateY(-2px);filter:saturate(1.15)}.export-btn.excel{background:linear-gradient(135deg,#059669,#10b981)}.export-btn.pdf{background:linear-gradient(135deg,#e11d48,#f97316)}
.dashboard-stats .stat{min-height:132px;border:0;color:#fff;box-shadow:0 15px 32px rgba(15,23,42,.13);isolation:isolate}.dashboard-stats .stat small,.dashboard-stats .stat .muted,.dashboard-stats .stat .trend{color:rgba(255,255,255,.86)}.dashboard-stats .stat:after{background:rgba(255,255,255,.14);z-index:-1}.dashboard-stats .stat.indigo{background:linear-gradient(135deg,#4338ca,#7c3aed)}.dashboard-stats .stat.cyan{background:linear-gradient(135deg,#0284c7,#06b6d4)}.dashboard-stats .stat.green{background:linear-gradient(135deg,#047857,#10b981)}.dashboard-stats .stat.orange{background:linear-gradient(135deg,#ea580c,#f59e0b)}.dashboard-grid-advanced{grid-template-columns:minmax(0,1.15fr) minmax(250px,.55fr) minmax(280px,.65fr)}
.reminder-notebook{padding:20px 20px 18px 31px;position:relative;overflow:hidden;background:repeating-linear-gradient(#fff 0,#fff 31px,#dbeafe 32px);box-shadow:12px 15px 30px rgba(146,64,14,.12);border-color:#fde68a}.reminder-notebook:before{content:"";position:absolute;inset:0 auto 0 14px;border-left:2px solid #fca5a5}.notebook-head{display:flex;gap:10px;align-items:center;margin-bottom:13px}.notebook-head>span{width:39px;height:39px;display:grid;place-items:center;color:#b45309;background:#fef3c7;border-radius:12px}.notebook-head small,.notebook-head h3{display:block;margin:0}.notebook-head small{font-size:9px;letter-spacing:.12em;color:#b45309;font-weight:900}.reminder-form{display:grid;gap:8px}.reminder-form input,.reminder-form select{padding:9px;background:rgba(255,255,255,.93)}.reminder-save{padding:8px;background:linear-gradient(135deg,#f59e0b,#f97316)}.reminder-list{margin-top:12px;max-height:160px;overflow:auto}.reminder-row{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:8px 4px;border-bottom:1px dashed #fbbf24}.reminder-row strong,.reminder-row small{display:block}.reminder-row strong{font-size:11px}.reminder-row small{font-size:9px;color:#78716c;margin-top:2px}.reminder-row.due strong{color:#dc2626}.reminder-row button{border:0;background:#10b981;color:#fff;width:28px;height:28px;border-radius:50%;display:grid;place-items:center;cursor:pointer}.empty-note{font-size:11px;color:#78716c}.colorful-timeline{position:relative}.colorful-timeline:before{content:"";position:absolute;left:19px;top:15px;bottom:15px;width:2px;background:linear-gradient(#8b5cf6,#06b6d4,#10b981,#f59e0b,#ec4899)}.colorful-timeline .activity{position:relative;border:0;padding:9px 10px;border-radius:12px;margin:5px 0}.activity-icon{width:39px;height:39px;display:grid;place-items:center;border-radius:12px;color:#fff;z-index:1;box-shadow:0 7px 15px rgba(15,23,42,.14)}.activity-tone-0{background:#f5f3ff}.activity-tone-0 .activity-icon{background:#7c3aed}.activity-tone-1{background:#ecfeff}.activity-tone-1 .activity-icon{background:#06b6d4}.activity-tone-2{background:#ecfdf5}.activity-tone-2 .activity-icon{background:#10b981}.activity-tone-3{background:#fff7ed}.activity-tone-3 .activity-icon{background:#f97316}.activity-tone-4{background:#fdf2f8}.activity-tone-4 .activity-icon{background:#ec4899}.activity-tone-5{background:#eff6ff}.activity-tone-5 .activity-icon{background:#2563eb}.smart-action-list .action-purple>span{background:#ede9fe;color:#7c3aed}.smart-action-list .action-blue>span{background:#dbeafe;color:#2563eb}.smart-action-list .action-orange>span{background:#ffedd5;color:#ea580c}.smart-action-list .action-green>span{background:#d1fae5;color:#059669}
.icon-btn .svg-icon{width:16px;height:16px}.icon-btn.sms{background:linear-gradient(135deg,#8b5cf6,#ec4899)}.icon-btn.notebook{background:linear-gradient(135deg,#f59e0b,#ef4444)}.icon-btn.view{background:linear-gradient(135deg,#4f46e5,#2563eb)}.icon-btn.edit{background:linear-gradient(135deg,#475569,#0f172a)}.inline-select-form{margin:0}.status-select,.task-priority-select,.task-status-select{min-width:128px;width:auto;border:0;border-radius:99px;padding:7px 28px 7px 10px;font-size:11px;font-weight:800;color:#3730a3;background-color:#eef2ff}.task-inline-controls{display:flex;gap:7px;align-items:center}.task-priority-select{color:#b45309;background-color:#fef3c7}.task-status-select{color:#0369a1;background-color:#e0f2fe}.score-ring{width:35px;height:35px;display:grid;place-items:center;border-radius:50%;color:#fff;background:conic-gradient(#8b5cf6 0 75%,#e2e8f0 75%);box-shadow:inset 0 0 0 4px #fff;font-size:11px}
.pipeline-journey{display:grid;grid-template-columns:1fr;gap:18px}.pipeline-stage{border:0;border-radius:22px;padding:0;background:linear-gradient(145deg,color-mix(in srgb,var(--stage-color) 12%,var(--card)),var(--card));box-shadow:0 18px 40px rgba(15,23,42,.09);overflow:hidden;min-height:0}.pipeline-stage .kanban-head{padding:17px 20px;margin:0;background:linear-gradient(135deg,var(--stage-color),color-mix(in srgb,var(--stage-color) 70%,#111827));color:#fff}.pipeline-stage .kanban-head>div,.pipeline-stage .kanban-head>span{display:flex;align-items:center;gap:11px}.pipeline-stage .kanban-head strong,.pipeline-stage .kanban-head small{display:block}.pipeline-stage .kanban-head small{font-size:9px;color:rgba(255,255,255,.75);margin-top:2px}.stage-number{width:35px;height:35px;display:grid;place-items:center;border-radius:11px;background:rgba(255,255,255,.18);font-size:11px}.pipeline-card-grid{padding:15px;display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:12px}.pipeline-lead-card{margin:0;padding:14px;border:0;box-shadow:6px 8px 18px rgba(15,23,42,.1),inset 0 1px rgba(255,255,255,.8);background:linear-gradient(145deg,#fff,#f8fafc)}.pipeline-card-main{display:block}.pipeline-lead-card .person h4{margin:0}.pipeline-metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:5px;margin:13px 0}.pipeline-metrics span{padding:8px;border-radius:9px;background:#f1f5f9}.pipeline-metrics small,.pipeline-metrics strong{display:block}.pipeline-metrics small{font-size:8px;color:#64748b}.pipeline-metrics strong{font-size:11px;margin-top:3px}.pipeline-lead-card .quick-actions{border-top:1px dashed #dbe3ef;padding-top:10px}.stage-empty{padding:22px;text-align:center;color:var(--muted);font-size:12px;border:1px dashed var(--stage-color);border-radius:14px}
.calendar-nav{display:flex;align-items:center;gap:14px;padding:7px;border:1px solid var(--line);background:var(--card);border-radius:13px}.calendar-nav a{width:34px;height:34px;display:grid;place-items:center;border-radius:9px;background:#eef2ff;color:#4f46e5;font-size:20px}.month-calendar{padding:14px;overflow:hidden}.calendar-weekdays,.calendar-grid{display:grid;grid-template-columns:repeat(7,1fr)}.calendar-weekdays span{text-align:center;padding:10px;color:#64748b;font-size:10px;font-weight:900;letter-spacing:.08em}.calendar-cell{min-height:135px;border-top:1px solid var(--line);border-right:1px solid var(--line);padding:8px;background:var(--card)}.calendar-cell:nth-child(7n){border-right:0}.calendar-cell.blank{background:color-mix(in srgb,var(--bg) 70%,var(--card))}.calendar-cell.today{background:linear-gradient(145deg,#eef2ff,#ecfeff);box-shadow:inset 0 0 0 2px #6366f1}.day-number{display:flex;justify-content:space-between;align-items:center;margin-bottom:7px}.day-number span{width:26px;height:26px;display:grid;place-items:center;border-radius:8px;font-weight:900}.today .day-number span{background:#4f46e5;color:#fff}.day-number small{display:none}.day-events{display:grid;gap:5px}.day-events a{padding:6px;border-radius:7px;border-left:3px solid;font-size:8px}.day-events strong,.day-events small{display:block}.day-events small{margin-top:2px;color:#64748b}.event-tone-0{background:#ede9fe;border-color:#7c3aed}.event-tone-1{background:#cffafe;border-color:#06b6d4}.event-tone-2{background:#d1fae5;border-color:#10b981}.event-tone-3{background:#ffedd5;border-color:#f97316}.more-events{font-size:8px;color:#4f46e5;font-weight:800}
.advanced-communication-grid{grid-template-columns:repeat(auto-fill,minmax(330px,1fr));gap:18px}.advanced-comm-card{padding:19px;display:block;position:relative;overflow:hidden;border-top:4px solid #7c3aed;box-shadow:0 16px 35px rgba(15,23,42,.08)}.advanced-comm-card:after{content:"";position:absolute;width:110px;height:110px;border-radius:50%;right:-50px;top:-55px;background:rgba(99,102,241,.11)}.comm-tone-1{border-color:#06b6d4}.comm-tone-2{border-color:#10b981}.comm-tone-3{border-color:#f97316}.comm-tone-4{border-color:#ec4899}.comm-tone-5{border-color:#2563eb}.comm-card-head{display:flex;justify-content:space-between;align-items:center}.comm-card-head .person small{display:block;font-size:10px;color:var(--muted);margin-top:3px}.comm-meta{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;margin:16px 0}.comm-meta span{padding:10px;border-radius:10px;background:var(--bg)}.comm-meta small,.comm-meta strong{display:block}.comm-meta small{font-size:8px;color:var(--muted)}.comm-meta strong{font-size:12px;margin-top:3px}.comm-contact{display:grid;gap:7px;padding-bottom:13px}.comm-contact span{display:flex;align-items:center;gap:7px;font-size:10px;color:var(--muted)}.comm-contact .svg-icon{width:14px;color:#6366f1}
.forms-layout{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(360px,.9fr);gap:20px}.form-library{display:grid;gap:12px;align-content:start}.form-tile{display:grid;grid-template-columns:auto 1fr auto;gap:14px;align-items:center;padding:18px;border-left:4px solid #06b6d4}.form-tile-icon{width:45px;height:45px;display:grid;place-items:center;border-radius:13px;background:linear-gradient(145deg,#cffafe,#dbeafe);color:#0369a1;font-size:20px}.form-tile small{font-size:8px;letter-spacing:.12em;color:#0891b2;font-weight:900}.form-tile h3{margin:4px 0}.form-tile p{font-size:10px;color:var(--muted)}.form-tile-actions{display:flex;gap:7px;flex-wrap:wrap}.copy-link{border:0}.advanced-form-builder{border-top:4px solid #8b5cf6;box-shadow:0 20px 45px rgba(79,70,229,.1)}.builder-title{display:flex;gap:10px;align-items:center;margin-bottom:18px}.builder-title>span{width:42px;height:42px;display:grid;place-items:center;border-radius:13px;background:#ede9fe;color:#7c3aed}.builder-title small{font-size:8px;letter-spacing:.12em;color:#7c3aed;font-weight:900}.builder-title h3{margin:3px 0}.builder-help{margin-top:17px}.builder-help strong,.builder-help small{display:block}.builder-help small{color:var(--muted);font-size:10px;margin-top:3px}.field-builder{display:grid;gap:7px;margin:13px 0 18px}.builder-field{display:grid;grid-template-columns:auto 1fr auto;gap:8px;align-items:center;padding:9px 10px;border:1px solid var(--line);border-radius:10px;background:var(--card);cursor:grab}.builder-field.dragging{opacity:.45;border-color:#7c3aed}.builder-field label{display:flex;flex-direction:row;align-items:center;gap:8px}.builder-field input{width:auto}.drag-handle{color:#94a3b8;font-size:20px}.move-field{width:27px;height:27px;border:0;border-radius:7px;background:#eef2ff;color:#4f46e5;cursor:pointer}
.payment-summary{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-bottom:18px}.payment-summary .card{padding:18px;display:flex;gap:10px;align-items:center}.payment-summary strong{font-size:27px;color:#4f46e5}.payment-summary span{font-size:11px;color:var(--muted)}.secure-pill,.super-shield{padding:9px 13px;border-radius:99px;background:#d1fae5;color:#047857;font-size:11px;font-weight:850}.gateway-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:14px}.gateway-card{overflow:hidden}.gateway-card.configured{border-top:3px solid #10b981}.gateway-card summary{list-style:none;display:grid;grid-template-columns:auto 1fr auto auto;align-items:center;gap:11px;padding:17px;cursor:pointer}.gateway-card summary::-webkit-details-marker{display:none}.gateway-logo{width:42px;height:42px;display:grid;place-items:center;border-radius:12px;background:linear-gradient(145deg,#4f46e5,#06b6d4);color:#fff;font-weight:900}.gateway-card summary strong,.gateway-card summary small{display:block}.gateway-card summary small{font-size:9px;color:var(--muted);margin-top:3px}.expand-gateway{font-size:20px;color:#6366f1}.gateway-card[open] .expand-gateway{transform:rotate(45deg)}.gateway-form{padding:0 17px 17px;display:grid;gap:10px;border-top:1px dashed var(--line)}.gateway-form>label:first-of-type{margin-top:14px}.super-stats .stat{color:#fff;border:0}.super-stats .stat small{color:rgba(255,255,255,.8)}.super-stats .indigo{background:linear-gradient(135deg,#4338ca,#7c3aed)}.super-stats .cyan{background:linear-gradient(135deg,#0284c7,#06b6d4)}.super-stats .green{background:linear-gradient(135deg,#047857,#10b981)}.super-stats .orange{background:linear-gradient(135deg,#c2410c,#f59e0b)}.admin-section{margin-top:18px}.danger-btn{background:linear-gradient(135deg,#dc2626,#f43f5e)}.success-btn{background:linear-gradient(135deg,#059669,#10b981)}
.notification-bell{position:relative;width:38px;height:38px;display:grid;place-items:center;border:1px solid var(--line);border-radius:11px;background:var(--card);color:#4f46e5}.notification-count{position:absolute;right:-5px;top:-5px;min-width:18px;height:18px;padding:0 4px;display:grid;place-items:center;border-radius:99px;background:#ef4444;color:#fff;font-size:9px;font-weight:900;border:2px solid var(--card)}.hidden{display:none!important}.notification-toast{position:fixed;right:25px;top:82px;max-width:340px;padding:0;z-index:90;opacity:0;transform:translateY(-10px);pointer-events:none;transition:.25s}.notification-toast.show{opacity:1;transform:none;padding:14px 16px;border-radius:13px;background:#111827;color:#fff;box-shadow:0 18px 50px rgba(15,23,42,.35)}
body.dark .reminder-notebook{background:repeating-linear-gradient(#172033 0,#172033 31px,#334155 32px)}body.dark .pipeline-lead-card{background:linear-gradient(145deg,#172033,#111827)}body.dark .pipeline-metrics span{background:#202a3a}body.dark .activity-tone-0,body.dark .activity-tone-1,body.dark .activity-tone-2,body.dark .activity-tone-3,body.dark .activity-tone-4,body.dark .activity-tone-5{background:#172033}
@media(max-width:1250px){.dashboard-grid-advanced{grid-template-columns:1fr 1fr}.dashboard-grid-advanced .chart-card{grid-column:1/-1}.forms-layout{grid-template-columns:1fr}.advanced-form-builder{max-width:none}}
@media(max-width:760px){body{overflow-x:hidden}.topbar-right{gap:6px}.topbar-right .btn{display:none}.notification-bell{width:34px;height:34px}.dashboard-grid-advanced{grid-template-columns:1fr}.dashboard-grid-advanced .chart-card{grid-column:auto}.dashboard-stats{grid-template-columns:1fr 1fr}.dashboard-stats .stat{min-height:125px}.lower-grid{grid-template-columns:1fr}.table-wrap{overflow:visible;border:0;background:transparent;box-shadow:none}.responsive-card-table{min-width:0;display:block}.responsive-card-table thead{display:none}.responsive-card-table tbody{display:grid;gap:13px}.responsive-card-table tr{display:block;padding:13px;border-radius:16px;background:var(--card);border:1px solid var(--line);box-shadow:0 12px 28px rgba(15,23,42,.08);overflow:hidden}.responsive-card-table td{display:grid;grid-template-columns:105px minmax(0,1fr);gap:10px;align-items:center;width:100%;padding:9px 4px;border-bottom:1px dashed var(--line);background:transparent!important;overflow-wrap:anywhere}.responsive-card-table td:last-child{border:0}.responsive-card-table td:before{content:attr(data-label);font-size:9px;text-transform:uppercase;letter-spacing:.08em;color:var(--muted);font-weight:900}.responsive-card-table td .quick-actions{flex-wrap:wrap}.responsive-card-table td .person{min-width:0}.responsive-card-table td small{display:block}.task-inline-controls{flex-wrap:wrap}.pipeline-card-grid{grid-template-columns:1fr;padding:11px}.pipeline-stage .kanban-head{align-items:flex-start}.pipeline-stage .kanban-head>span:last-child{text-align:right}.month-calendar{padding:0;background:transparent;border:0;box-shadow:none}.calendar-weekdays{display:none}.calendar-grid{display:grid;grid-template-columns:1fr;gap:9px}.calendar-cell,.calendar-cell:nth-child(7n){min-height:0;border:1px solid var(--line);border-left:5px solid #6366f1;border-radius:14px;padding:12px;display:grid;grid-template-columns:52px 1fr;gap:10px;box-shadow:0 10px 25px rgba(15,23,42,.07)}.calendar-cell.blank{display:none}.day-number{display:block;margin:0;text-align:center}.day-number span{margin:auto;background:#eef2ff;color:#4f46e5}.day-number small{display:block;margin-top:4px;font-size:8px;color:var(--muted)}.day-events a{font-size:9px;padding:8px}.advanced-communication-grid{grid-template-columns:1fr}.advanced-comm-card{border-radius:18px}.form-tile{grid-template-columns:auto 1fr}.form-tile-actions{grid-column:1/-1}.advanced-form-builder{padding:16px}.payment-summary{grid-template-columns:1fr}.gateway-grid{grid-template-columns:1fr}.gateway-card summary{grid-template-columns:auto 1fr auto}.gateway-card summary .badge{display:none}.notification-toast{left:13px;right:13px;top:84px;max-width:none}.score-ring{box-shadow:inset 0 0 0 3px var(--card)}}
@media(max-width:440px){.dashboard-stats{grid-template-columns:1fr}.comm-meta{grid-template-columns:1fr 1fr}.builder-field{grid-template-columns:auto 1fr}.builder-field>div{grid-column:2}.pipeline-metrics{grid-template-columns:1fr 1fr}.calendar-nav{width:100%;justify-content:space-between}}