*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--bg: #07070f;--surface: #0f0f1c;--surface2: #16162a;--surface3: #1e1e35;--border: rgba(255,255,255,.07);--border2: rgba(255,255,255,.12);--text: #f0f0ff;--muted: #6b7280;--muted2: #9ca3af;--purple: #8b5cf6;--purple2: #7c3aed;--indigo: #6366f1;--blue: #3b82f6;--cyan: #06b6d4;--pink: #ec4899;--rose: #f43f5e;--green: #10b981;--yellow: #f59e0b;--orange: #f97316;--grad-primary: linear-gradient(135deg, #8b5cf6 0%, #6366f1 100%);--grad-blue: linear-gradient(135deg, #3b82f6 0%, #06b6d4 100%);--grad-pink: linear-gradient(135deg, #ec4899 0%, #f43f5e 100%);--grad-green: linear-gradient(135deg, #10b981 0%, #06b6d4 100%);--grad-orange: linear-gradient(135deg, #f97316 0%, #f59e0b 100%);--shadow-sm: 0 1px 3px rgba(0,0,0,.4);--shadow: 0 4px 20px rgba(0,0,0,.5);--shadow-lg: 0 12px 40px rgba(0,0,0,.6);--glow: 0 0 20px rgba(139,92,246,.25);--radius: 10px;--radius-lg: 16px;--radius-xl: 20px;--font: "Inter", system-ui, -apple-system, sans-serif;--sidebar-w: 230px}html{scroll-behavior:smooth}body{font-family:var(--font);background:var(--bg);color:var(--text);min-height:100vh;font-size:14px;line-height:1.5;-webkit-font-smoothing:antialiased}a{color:var(--purple);text-decoration:none}a:hover{color:#a78bfa}::selection{background:#8b5cf659}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:var(--surface)}::-webkit-scrollbar-thumb{background:var(--surface3);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--border2)}.layout{display:flex;min-height:100vh}.sidebar{width:var(--sidebar-w);min-height:100vh;background:var(--surface);border-right:1px solid var(--border);display:flex;flex-direction:column;position:sticky;top:0;height:100vh;overflow-y:auto;flex-shrink:0;z-index:20}.sidebar-logo{padding:1.5rem 1.25rem 1rem;display:flex;align-items:center;gap:.6rem;border-bottom:1px solid var(--border);margin-bottom:.5rem}.sidebar-logo-icon{width:32px;height:32px;border-radius:8px;background:var(--grad-primary);display:flex;align-items:center;justify-content:center;font-size:15px;font-weight:800;color:#fff;box-shadow:0 4px 12px #8b5cf666;flex-shrink:0}.sidebar-logo-text{font-size:1rem;font-weight:800;color:var(--text);letter-spacing:-.3px}.sidebar-section-label{font-size:.65rem;font-weight:700;letter-spacing:.1em;color:var(--muted);text-transform:uppercase;padding:.75rem 1.25rem .35rem}.nav-item{display:flex;align-items:center;gap:.65rem;padding:.55rem 1.25rem;margin:.1rem .5rem;border-radius:8px;cursor:pointer;font-size:.875rem;font-weight:500;color:var(--muted2);text-decoration:none;transition:all .15s}.nav-item:hover{background:var(--surface2);color:var(--text)}.nav-item.active{background:#8b5cf626;color:#a78bfa;font-weight:600}.nav-item.active .nav-icon{color:var(--purple)}.nav-icon{font-size:1rem;width:18px;text-align:center;flex-shrink:0}.sidebar-footer{margin-top:auto;padding:1rem 1.25rem;border-top:1px solid var(--border)}.sidebar-user{display:flex;align-items:center;gap:.65rem;padding:.5rem 0;cursor:pointer;border-radius:8px}.sidebar-avatar{width:30px;height:30px;border-radius:50%;background:var(--grad-primary);display:flex;align-items:center;justify-content:center;font-size:.75rem;font-weight:700;color:#fff;flex-shrink:0}.sidebar-email{font-size:.78rem;color:var(--muted2);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:140px}.sidebar-logout{width:100%;margin-top:.5rem;background:#f43f5e1a;border:1px solid rgba(244,63,94,.2);color:#f87171;padding:.45rem;border-radius:7px;cursor:pointer;font-size:.8rem;font-weight:600;font-family:var(--font);transition:all .15s;display:flex;align-items:center;justify-content:center;gap:.4rem}.sidebar-logout:hover{background:#f43f5e2e;border-color:#f43f5e66}.main-content{flex:1;min-width:0;display:flex;flex-direction:column}.topbar{display:flex;align-items:center;justify-content:space-between;padding:0 2rem;height:60px;border-bottom:1px solid var(--border);background:#07070fcc;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);position:sticky;top:0;z-index:10}.topbar-title{font-size:1rem;font-weight:700;color:var(--text)}.topbar-right{display:flex;align-items:center;gap:.75rem}.topbar-badge{font-size:.7rem;font-weight:700;padding:.2rem .65rem;background:#8b5cf626;border:1px solid rgba(139,92,246,.3);color:#a78bfa;border-radius:20px;letter-spacing:.03em}.content{padding:2rem;max-width:1140px;margin:0 auto;width:100%}.page-header{margin-bottom:1.75rem}.page-title{font-size:1.5rem;font-weight:800;color:var(--text);letter-spacing:-.3px;margin-bottom:.25rem}.page-subtitle{font-size:.875rem;color:var(--muted2)}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:1.5rem;margin-bottom:1.25rem}.card:hover{border-color:var(--border2)}.card-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1.25rem}.card-title{font-size:.9rem;font-weight:700;color:var(--text)}.card-sub{font-size:.8rem;color:var(--muted);margin-top:.15rem}.card-glass{background:#ffffff08;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid var(--border);border-radius:var(--radius-lg);padding:1.5rem;margin-bottom:1.25rem}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:1rem;margin-bottom:1.5rem}.stat-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:1.25rem 1.5rem;text-decoration:none;display:block;transition:all .2s;position:relative;overflow:hidden}.stat-card:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;border-radius:var(--radius-lg) var(--radius-lg) 0 0}.stat-card.purple:before{background:var(--grad-primary)}.stat-card.blue:before{background:var(--grad-blue)}.stat-card.pink:before{background:var(--grad-pink)}.stat-card.green:before{background:var(--grad-green)}.stat-card.orange:before{background:var(--grad-orange)}.stat-card:hover{border-color:var(--border2);transform:translateY(-1px);box-shadow:var(--shadow)}.stat-icon{width:36px;height:36px;border-radius:9px;display:flex;align-items:center;justify-content:center;font-size:1.1rem;margin-bottom:1rem}.stat-icon.purple{background:#8b5cf626}.stat-icon.blue{background:#3b82f626}.stat-icon.pink{background:#ec489926}.stat-icon.green{background:#10b98126}.stat-icon.orange{background:#f9731626}.stat-num{font-size:1.75rem;font-weight:800;letter-spacing:-.5px;line-height:1;margin-bottom:.4rem}.stat-num.purple{color:#a78bfa}.stat-num.blue{color:#60a5fa}.stat-num.pink{color:#f472b6}.stat-num.green{color:#34d399}.stat-num.orange{color:#fb923c}.stat-label{font-size:.8rem;font-weight:600;color:var(--muted2)}.stat-sub{font-size:.72rem;color:var(--muted);margin-top:.2rem}.input-group{margin-bottom:1rem}.input-label{display:block;font-size:.78rem;font-weight:600;color:var(--muted2);margin-bottom:.4rem;letter-spacing:.02em}.input{display:block;width:100%;background:var(--surface2);border:1px solid var(--border);color:var(--text);border-radius:9px;padding:.65rem .9rem;font-size:.875rem;font-family:var(--font);resize:vertical;transition:border-color .15s,box-shadow .15s;outline:none}.input:focus{border-color:#8b5cf680;box-shadow:0 0 0 3px #8b5cf61f}.input::placeholder{color:var(--muted)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.4rem;border:none;border-radius:9px;padding:.6rem 1.2rem;font-weight:600;font-size:.875rem;cursor:pointer;transition:all .15s;font-family:var(--font);text-decoration:none;letter-spacing:.01em;white-space:nowrap}.btn-primary{background:var(--grad-primary);color:#fff;box-shadow:0 4px 14px #8b5cf659}.btn-primary:hover{box-shadow:0 6px 20px #8b5cf680;transform:translateY(-1px);filter:brightness(1.05)}.btn-secondary{background:var(--surface2);border:1px solid var(--border2);color:var(--text)}.btn-secondary:hover{background:var(--surface3);border-color:#8b5cf64d}.btn-danger{background:#f43f5e1f;border:1px solid rgba(244,63,94,.25);color:#f87171}.btn-danger:hover{background:#f43f5e33}.btn-ghost{background:transparent;border:1px solid var(--border);color:var(--muted2)}.btn-ghost:hover{border-color:var(--border2);color:var(--text)}.btn-sm{padding:.35rem .75rem;font-size:.8rem;border-radius:7px}.btn-lg{padding:.75rem 1.75rem;font-size:1rem}.btn:disabled{opacity:.45;cursor:not-allowed;transform:none!important}.w-full{width:100%}.table-wrap{overflow-x:auto}.table{width:100%;border-collapse:collapse;font-size:.875rem}.table th{text-align:left;color:var(--muted);padding:.6rem .75rem;border-bottom:1px solid var(--border);font-weight:600;font-size:.75rem;text-transform:uppercase;letter-spacing:.06em;white-space:nowrap}.table td{padding:.75rem;border-bottom:1px solid rgba(255,255,255,.04);vertical-align:middle}.table tr:last-child td{border-bottom:none}.table tr:hover td{background:#ffffff05}.empty{color:var(--muted);text-align:center;padding:2.5rem!important}.badge{display:inline-flex;align-items:center;gap:.3rem;padding:.2rem .6rem;border-radius:6px;font-size:.7rem;font-weight:700;letter-spacing:.03em}.badge:before{content:"";width:5px;height:5px;border-radius:50%;background:currentColor;flex-shrink:0}.badge-green{background:#10b9811f;color:#34d399}.badge-blue{background:#3b82f61f;color:#60a5fa}.badge-red{background:#f43f5e1f;color:#f87171}.badge-yellow{background:#f59e0b1f;color:#fbbf24}.badge-purple{background:#8b5cf61f;color:#a78bfa}.alert{padding:.75rem 1rem;border-radius:9px;font-size:.875rem;margin-bottom:1rem;display:flex;align-items:flex-start;gap:.5rem}.alert-error{background:#f43f5e1a;border:1px solid rgba(244,63,94,.2);color:#fca5a5}.alert-success{background:#10b9811a;border:1px solid rgba(16,185,129,.2);color:#6ee7b7}.alert-info{background:#3b82f61a;border:1px solid rgba(59,130,246,.2);color:#93c5fd}.auth-page{min-height:100vh;display:flex;align-items:center;justify-content:center;background:var(--bg);background-image:radial-gradient(ellipse at 20% 20%,rgba(139,92,246,.08) 0%,transparent 50%),radial-gradient(ellipse at 80% 80%,rgba(59,130,246,.06) 0%,transparent 50%)}.auth-card{width:100%;max-width:400px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-xl);padding:2.25rem 2rem;box-shadow:var(--shadow-lg)}.auth-logo{display:flex;align-items:center;gap:.6rem;justify-content:center;margin-bottom:1.75rem}.auth-logo-icon{width:40px;height:40px;border-radius:10px;background:var(--grad-primary);display:flex;align-items:center;justify-content:center;font-size:18px;font-weight:800;color:#fff;box-shadow:0 6px 16px #8b5cf666}.auth-logo-text{font-size:1.25rem;font-weight:800;color:var(--text)}.auth-title{font-size:1.4rem;font-weight:800;text-align:center;margin-bottom:.35rem}.auth-sub{text-align:center;color:var(--muted2);font-size:.875rem;margin-bottom:1.75rem}.auth-footer{text-align:center;font-size:.85rem;color:var(--muted);margin-top:1.25rem}.auth-footer a{color:var(--purple);font-weight:600}.divider{border:none;border-top:1px solid var(--border);margin:1.25rem 0}.status-bars{display:flex;flex-direction:column;gap:.9rem}.status-bar-row{display:flex;align-items:center;gap:.75rem}.status-bar-label{width:90px;font-size:.8rem;color:var(--muted2);text-transform:capitalize;font-weight:500}.status-bar-track{flex:1;height:6px;background:var(--surface3);border-radius:3px;overflow:hidden}.status-bar-fill{height:100%;border-radius:3px;min-width:2px;transition:width .5s ease}.status-bar-count{width:36px;font-size:.8rem;color:var(--muted2);text-align:right;font-weight:600}.contact-picker{border:1px solid var(--border);border-radius:9px;padding:.75rem;margin-bottom:1rem;max-height:200px;overflow-y:auto;background:var(--surface2)}.contact-check{display:flex;align-items:center;gap:.5rem;padding:.35rem .25rem;font-size:.875rem;cursor:pointer;border-radius:6px;transition:background .1s}.contact-check:hover{background:#8b5cf614}.contact-check input[type=checkbox]{accent-color:var(--purple)}.muted{color:var(--muted)}.muted2{color:var(--muted2)}.flex{display:flex}.flex-col{display:flex;flex-direction:column}.items-center{align-items:center}.justify-between{justify-content:space-between}.gap-1{gap:.4rem}.gap-2{gap:.75rem}.gap-3{gap:1rem}.mt-1{margin-top:.35rem}.mt-2{margin-top:.75rem}.mt-3{margin-top:1.25rem}.mb-1{margin-bottom:.35rem}.mb-2{margin-bottom:.75rem}.mb-3{margin-bottom:1.25rem}.flex-wrap{flex-wrap:wrap}.text-sm{font-size:.8rem}.font-bold{font-weight:700}.font-medium{font-weight:500}.toast{position:fixed;bottom:1.5rem;right:1.5rem;z-index:999;background:var(--surface2);border:1px solid var(--border2);color:var(--text);padding:.75rem 1.25rem;border-radius:10px;font-size:.875rem;font-weight:500;box-shadow:var(--shadow-lg);max-width:320px;animation:slideUp .25s ease}.toast-success{border-color:#10b9814d;background:#10b9811a;color:#6ee7b7}.toast-error{border-color:#f43f5e4d;background:#f43f5e1a;color:#fca5a5}@keyframes slideUp{0%{transform:translateY(12px);opacity:0}to{transform:translateY(0);opacity:1}}.empty-state{text-align:center;padding:3rem 1.5rem;color:var(--muted2)}.empty-state-icon{font-size:2.5rem;margin-bottom:.75rem;opacity:.5}.empty-state-title{font-size:1rem;font-weight:700;color:var(--text);margin-bottom:.35rem}.empty-state-sub{font-size:.85rem;color:var(--muted)}.pricing-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1.25rem}.pricing-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:1.75rem;display:flex;flex-direction:column;gap:.75rem;position:relative;transition:border-color .2s,transform .2s}.pricing-card:hover{transform:translateY(-2px);border-color:var(--border2)}.pricing-highlight{border-color:#8b5cf666;background:linear-gradient(135deg,#8b5cf60f,#6366f10a);box-shadow:0 0 0 1px #8b5cf633,var(--glow)}.pricing-badge{position:absolute;top:-12px;left:50%;transform:translate(-50%);background:var(--grad-primary);color:#fff;font-size:.68rem;font-weight:700;padding:.2rem .85rem;border-radius:20px;white-space:nowrap;letter-spacing:.04em;box-shadow:0 4px 12px #8b5cf666}.pricing-name{font-weight:800;font-size:1rem}.pricing-price{font-size:2.2rem;font-weight:800;letter-spacing:-1px;color:var(--text)}.pricing-price span{font-size:1rem;font-weight:400;color:var(--muted)}.pricing-desc{color:var(--muted2);font-size:.85rem}.pricing-features{list-style:none;display:flex;flex-direction:column;gap:.55rem;flex:1;margin-bottom:.5rem}.pricing-features li{font-size:.875rem;display:flex;gap:.5rem;align-items:flex-start;color:var(--muted2)}.check{color:var(--green);font-weight:700;flex-shrink:0}.landing{min-height:100vh;background:var(--bg);color:var(--text)}.landing-nav{display:flex;align-items:center;justify-content:space-between;padding:0 2rem;height:64px;position:sticky;top:0;z-index:100;background:#07070fd9;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-bottom:1px solid var(--border)}.landing-nav-logo{display:flex;align-items:center;gap:.6rem;font-size:1.1rem;font-weight:800;color:var(--text);text-decoration:none}.landing-nav-links{display:flex;align-items:center;gap:1rem}.landing-nav-links a{color:var(--muted2);font-size:.9rem;transition:color .15s}.landing-nav-links a:hover{color:var(--text)}.hero{text-align:center;padding:5.5rem 2rem 4rem;background:radial-gradient(ellipse at top,rgba(139,92,246,.1) 0%,transparent 60%)}.hero-badge{display:inline-flex;align-items:center;gap:.4rem;padding:.3rem .9rem;border-radius:20px;background:#8b5cf61a;border:1px solid rgba(139,92,246,.25);color:#a78bfa;font-size:.78rem;font-weight:700;letter-spacing:.06em;margin-bottom:1.75rem;text-transform:uppercase}.hero-title{font-size:clamp(2.4rem,5.5vw,4rem);font-weight:900;line-height:1.05;margin-bottom:1.25rem;letter-spacing:-1.5px}.hero-grad{background:var(--grad-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.hero-sub{max-width:540px;margin:0 auto 2rem;color:var(--muted2);font-size:1.1rem;line-height:1.65}.hero-cta{display:flex;gap:.75rem;justify-content:center;flex-wrap:wrap;margin-bottom:.75rem}.hero-fine{font-size:.8rem;color:var(--muted);margin-bottom:3rem}.hero-preview{max-width:700px;margin:0 auto;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-xl);overflow:hidden;box-shadow:0 32px 80px #0009,0 0 0 1px #ffffff0a}.preview-bar{display:flex;align-items:center;gap:.4rem;padding:.65rem 1rem;background:#0000004d;border-bottom:1px solid var(--border)}.preview-dot{width:10px;height:10px;border-radius:50%}.preview-dot.red{background:#f43f5e}.preview-dot.yellow{background:#f59e0b}.preview-dot.green{background:#10b981}.preview-url{margin-left:auto;font-size:.72rem;color:var(--muted)}.preview-body{padding:1.5rem}.preview-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem;text-align:center}.preview-num{font-size:1.5rem;font-weight:800;background:var(--grad-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.preview-lbl{font-size:.7rem;color:var(--muted);margin-top:.2rem}.section{padding:5rem 2rem}.section-alt{background:#0f0f1c99}.section-inner{max-width:1100px;margin:0 auto}.section-label{font-size:.72rem;font-weight:800;letter-spacing:.12em;color:var(--purple);text-transform:uppercase;margin-bottom:.75rem}.section-title{font-size:clamp(1.75rem,3vw,2.5rem);font-weight:900;line-height:1.15;margin-bottom:1rem;letter-spacing:-.5px}.section-sub{color:var(--muted2);margin-bottom:2.5rem;font-size:1rem;line-height:1.65;max-width:540px}.features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.25rem;margin-top:2.5rem}.feature-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:1.5rem;transition:all .2s}.feature-card:hover{border-color:#8b5cf64d;box-shadow:var(--glow);transform:translateY(-2px)}.feature-icon{width:44px;height:44px;border-radius:11px;display:flex;align-items:center;justify-content:center;font-size:1.25rem;margin-bottom:1rem;background:#8b5cf61a;border:1px solid rgba(139,92,246,.15)}.feature-title{font-weight:700;margin-bottom:.4rem;font-size:.95rem}.feature-desc{color:var(--muted2);font-size:.875rem;line-height:1.55}.testimonials-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.25rem;margin-top:2.5rem}.testimonial-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:1.5rem}.testimonial-quote{color:var(--muted2);font-size:.9rem;line-height:1.65;margin-bottom:1.25rem}.testimonial-author{display:flex;align-items:center;gap:.75rem}.testimonial-avatar{width:36px;height:36px;border-radius:50%;background:var(--grad-primary);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:800;font-size:.8rem;flex-shrink:0}.testimonial-name{font-weight:700;font-size:.875rem}.testimonial-role{font-size:.78rem;color:var(--muted)}.cta-section{background:radial-gradient(ellipse at center,rgba(139,92,246,.08) 0%,transparent 65%)}.cta-inner{text-align:center}.cta-title{font-size:clamp(1.75rem,3vw,2.5rem);font-weight:900;margin-bottom:1rem;letter-spacing:-.5px}.cta-sub{color:var(--muted2);max-width:480px;margin:0 auto 2rem;font-size:1rem;line-height:1.65}.landing-footer{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:1rem;padding:1.5rem 2rem;border-top:1px solid var(--border)}.footer-copy{font-size:.78rem;color:var(--muted)}.footer-links{display:flex;gap:1.25rem}.footer-links a{font-size:.82rem;color:var(--muted);transition:color .15s}.footer-links a:hover{color:var(--text)}.char-count{font-size:.75rem;color:var(--muted);text-align:right;margin-top:-.5rem;margin-bottom:.75rem}.action-row{display:flex;align-items:center;gap:.75rem;flex-wrap:wrap}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:.75rem}@media(max-width:600px){.form-row{grid-template-columns:1fr}}@media(max-width:768px){.sidebar{display:none}.sidebar.open{display:flex;position:fixed;left:0;top:0;bottom:0;z-index:50}}.platform-toggle{display:flex;gap:.6rem;margin-bottom:1rem;flex-wrap:wrap}.platform-btn{display:flex;align-items:center;gap:.4rem;padding:.5rem 1rem;border-radius:9px;cursor:pointer;border:1px solid var(--border);background:var(--surface2);color:var(--muted2);font-size:.875rem;font-weight:600;transition:all .15s;font-family:var(--font)}.platform-btn.selected{border-color:#8b5cf680;background:#8b5cf61f;color:#a78bfa}.platform-btn:hover{border-color:var(--border2);color:var(--text)}.connection-card{display:flex;align-items:center;justify-content:space-between;padding:.65rem .9rem;background:var(--surface2);border:1px solid var(--border);border-radius:9px;margin-bottom:.5rem}.connection-platform{display:flex;align-items:center;gap:.5rem;font-weight:600;font-size:.875rem}.sortable{cursor:pointer;-webkit-user-select:none;user-select:none}.sortable:hover{color:var(--text)}