@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&display=swap";*{margin:0;padding:0;box-sizing:border-box}:root{--bg: #FFFFFF;--bg-secondary: #F8FAFC;--bg-card: #FFFFFF;--border: #E2E8F0;--border-light: #F1F5F9;--text: #0F172A;--text-secondary: #475569;--text-muted: #94A3B8;--primary: #2563EB;--primary-hover: #1D4ED8;--primary-light: #EFF6FF;--primary-subtle: rgba(37,99,235,.08);--success: #16A34A;--success-light: #F0FDF4;--danger: #DC2626;--danger-light: #FEF2F2;--warning: #D97706;--warning-light: #FFFBEB;--sidebar-width: 240px;--topbar-height: 56px;--shadow-sm: 0 1px 2px rgba(0,0,0,.05);--shadow: 0 1px 3px rgba(0,0,0,.08), 0 1px 2px rgba(0,0,0,.04);--shadow-md: 0 4px 6px rgba(0,0,0,.06), 0 2px 4px rgba(0,0,0,.04);--radius: 8px;--radius-lg: 12px}body{font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;background:var(--bg);color:var(--text);line-height:1.5;font-size:14px;-webkit-font-smoothing:antialiased}a{color:var(--primary);text-decoration:none}button{cursor:pointer;border:none;outline:none;font-family:inherit}input,textarea,select{font-family:inherit;outline:none}.layout{display:flex;min-height:100vh;background:var(--bg-secondary)}.sidebar{width:var(--sidebar-width);background:var(--bg-card);border-right:1px solid var(--border);padding:0;position:fixed;height:100vh;overflow-y:auto;z-index:100;display:flex;flex-direction:column;transition:transform .18s ease,box-shadow .18s ease}.sidebar-logo{height:var(--topbar-height);padding:0 20px;border-bottom:1px solid var(--border);display:flex;align-items:center;gap:10px;flex-shrink:0}.sidebar-logo h1{font-size:15px;font-weight:700;color:var(--primary);letter-spacing:-.3px}.sidebar-logo p{font-size:11px;color:var(--text-muted);margin-top:1px}.sidebar-nav{list-style:none;padding:8px 12px;flex:1}.sidebar-nav li{margin-bottom:2px}.sidebar-nav a{display:flex;align-items:center;gap:10px;padding:8px 10px;border-radius:var(--radius);color:var(--text-secondary);font-size:13.5px;font-weight:500;transition:all .15s;text-decoration:none}.sidebar-nav a:hover{background:var(--bg-secondary);color:var(--text)}.sidebar-nav a.active{background:var(--primary-subtle);color:var(--primary);font-weight:600}.sidebar-nav a svg{width:16px;height:16px;flex-shrink:0}.sidebar-section-label{font-size:10px;font-weight:700;color:var(--text-muted);text-transform:uppercase;letter-spacing:.08em;padding:12px 10px 4px}.sidebar-logout{padding:12px;border-top:1px solid var(--border)}.sidebar-logout button{width:100%;display:flex;align-items:center;gap:8px;padding:8px 10px;border-radius:var(--radius);color:var(--text-secondary);font-size:13.5px;font-weight:500;background:transparent;transition:all .15s}.sidebar-logout button:hover{background:var(--danger-light);color:var(--danger)}.main-content{margin-left:var(--sidebar-width);flex:1;min-height:100vh;display:flex;flex-direction:column;max-width:100%;overflow-x:hidden}.topbar{height:var(--topbar-height);background:var(--bg-card);border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;padding:0 24px;position:sticky;top:0;z-index:50}.topbar-left{display:flex;align-items:center;font-size:15px;font-weight:600;color:var(--text);min-width:0}.topbar-right{display:flex;align-items:center;gap:10px;flex-shrink:0}.page-content{padding:24px}.page-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.page-header h2{font-size:20px;font-weight:700;color:var(--text);letter-spacing:-.3px}.card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm)}.card-header{padding:16px 20px;border-bottom:1px solid var(--border-light);display:flex;justify-content:space-between;align-items:center}.card-header h3{font-size:14px;font-weight:600;color:var(--text)}.card-body{padding:20px}.table-container{overflow-x:auto;-webkit-overflow-scrolling:touch;max-width:100%}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:12px;margin-bottom:20px}.stat-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);padding:16px 20px;box-shadow:var(--shadow-sm)}.stat-label{font-size:12px;font-weight:500;color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;margin-bottom:6px}.stat-value{font-size:26px;font-weight:700;color:var(--text);letter-spacing:-.5px}.stat-value.accent{color:var(--primary)}.stat-value.success{color:var(--success)}.stat-value.danger{color:var(--danger)}.stat-value.warning{color:var(--warning)}.btn{display:flex;width:fit-content;align-items:center;gap:6px;padding:8px 14px;border-radius:var(--radius);font-size:13.5px;font-weight:500;transition:all .15s;line-height:1;white-space:nowrap}.btn-primary{background:linear-gradient(135deg,#1d4ed8,#2563eb 55%,#3b82f6);color:#fff;border:none;box-shadow:0 2px 10px #2563eb4d;position:relative;overflow:hidden}.btn-primary:after{content:"";position:absolute;inset:0;background:#fff0;transition:background .15s}.btn-primary:hover{background:linear-gradient(135deg,#1e40af,#1d4ed8 55%,#2563eb);box-shadow:0 4px 18px #2563eb73;transform:translateY(-1px)}.btn-primary:active{transform:translateY(0);box-shadow:0 2px 8px #2563eb40}.btn-outline{background:transparent;color:var(--text-secondary);border:1px solid var(--border)}.btn-outline:hover{background:var(--bg-secondary);color:var(--text)}.btn-danger{background:var(--danger);color:#fff;border:none}.btn-danger:hover{background:#b91c1c}.btn-success{background:linear-gradient(135deg,#059669,#10b981);color:#fff;border:none;box-shadow:0 2px 8px #10b98140}.btn-success:hover{background:linear-gradient(135deg,#047857,#059669);box-shadow:0 4px 14px #10b98159;transform:translateY(-1px)}.btn-ghost{background:transparent;color:var(--text-secondary);border:none;padding:6px 10px}.btn-ghost:hover{background:var(--bg-secondary)}.btn-sm{padding:5px 10px;font-size:12.5px}.btn-lg{padding:10px 20px;font-size:15px}.btn:disabled{opacity:.5;cursor:not-allowed}.badge{display:flex;width:fit-content;align-items:center;padding:2px 8px;border-radius:20px;font-size:11.5px;font-weight:600;letter-spacing:.02em}.badge-info{background:#dbeafe;color:#1e40af}.badge-success{background:var(--success-light);color:var(--success)}.badge-danger{background:var(--danger-light);color:var(--danger)}.badge-warning{background:var(--warning-light);color:var(--warning)}.badge-muted{background:var(--bg-secondary);color:var(--text-muted)}.badge-primary{background:var(--primary-light);color:var(--primary)}.form-group{margin-bottom:14px}.form-group label{display:block;font-size:13px;font-weight:500;color:var(--text-secondary);margin-bottom:5px}.form-control{width:100%;padding:8px 12px;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);color:var(--text);font-size:13.5px;transition:border-color .15s,box-shadow .15s}.form-control:focus{border-color:#2563eb;box-shadow:0 0 0 3px #2563eb24,0 1px 4px #2563eb1f;outline:none}.form-control::placeholder{color:var(--text-muted)}textarea.form-control{resize:vertical;min-height:100px}select.form-control{cursor:pointer;-webkit-appearance:none;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%2394A3B8' stroke-width='2'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 10px center;padding-right:32px}.table-wrapper{overflow-x:auto;border-radius:var(--radius-lg);border:1px solid var(--border);background:var(--bg-card)}table{width:100%;border-collapse:collapse}th{padding:10px 14px;text-align:left;font-size:11.5px;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.06em;background:var(--bg-secondary);border-bottom:1px solid var(--border);white-space:nowrap}td{padding:11px 14px;font-size:13.5px;color:var(--text-secondary);border-bottom:1px solid var(--border-light);vertical-align:middle}tr:last-child td{border-bottom:none}tbody tr:hover{background:var(--bg-secondary)}.chart-container{height:240px;position:relative}.modal-overlay{position:fixed;inset:0;background:#0f172a8c;display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.modal{background:var(--bg-card);border-radius:var(--radius-lg);width:100%;max-width:480px;max-height:90vh;display:flex;flex-direction:column;box-shadow:0 24px 60px #0000002e,0 8px 24px #0000001a;border:1px solid var(--border);overflow:hidden}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;border-bottom:1px solid var(--border);flex-shrink:0;background:var(--bg-card)}.modal-header h3{font-size:15px;font-weight:600;color:var(--text);margin:0}.modal-close{background:none;border:none;font-size:20px;color:var(--text-muted);cursor:pointer;line-height:1;padding:2px 6px;border-radius:var(--radius);transition:all .15s}.modal-close:hover{color:var(--text);background:var(--bg-secondary)}.modal-body{padding:20px;overflow-y:auto;flex:1}.modal-footer{padding:12px 20px;border-top:1px solid var(--border);display:flex;justify-content:flex-end;gap:8px;flex-shrink:0;background:var(--bg-card)}.modal-actions{display:flex;justify-content:flex-end;gap:8px;padding-top:16px;margin-top:4px}.grid-2{display:grid;grid-template-columns:1fr 1fr;gap:12px}.grid-3{display:grid;grid-template-columns:1fr 1fr 1fr;gap:12px}@media(max-width:560px){.grid-2,.grid-3{grid-template-columns:1fr}}.search-bar{width:100%;max-width:280px;padding:7px 12px;background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius);color:var(--text);font-size:13px}.search-bar:focus{border-color:var(--primary);outline:none;background:var(--bg-card)}.pagination{display:flex;align-items:center;gap:4px;justify-content:flex-end;padding-top:12px}.pagination button{padding:5px 10px;border-radius:var(--radius);border:1px solid var(--border);background:var(--bg-card);color:var(--text-secondary);font-size:12.5px;font-weight:500;transition:all .15s}.pagination button:hover{background:var(--bg-secondary)}.pagination button.active{background:var(--primary);color:#fff;border-color:var(--primary)}.pagination button:disabled{opacity:.4;cursor:not-allowed}.empty-state{text-align:center;padding:60px 20px}.empty-state p{color:var(--text-muted);font-size:14px}.empty-state h3{color:var(--text-secondary);font-size:16px;margin-bottom:6px}.alert{padding:10px 14px;border-radius:var(--radius);font-size:13.5px;font-weight:500;display:flex;align-items:center;gap:8px}.alert-error{background:var(--danger-light);color:var(--danger);border:1px solid #FECACA}.alert-success{background:var(--success-light);color:var(--success);border:1px solid #BBF7D0}.alert-info{background:var(--primary-light);color:var(--primary);border:1px solid #BFDBFE}.alert-warning{background:var(--warning-light);color:var(--warning);border:1px solid #FDE68A}.error-text{color:var(--danger);font-size:12.5px;margin-top:4px}.auth-split{height:100vh;overflow:hidden;display:grid;grid-template-columns:1fr 1fr}.auth-form-panel{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:clamp(20px,3vh,40px) clamp(24px,3vw,48px);background:linear-gradient(155deg,#fff,#f0f7ff,#e8f0fe 70%,#f5f9ff);height:100%;overflow-x:hidden;overflow-y:auto;scrollbar-width:none;position:relative}.auth-form-panel::-webkit-scrollbar{display:none}.auth-form-inner{width:100%;max-width:400px;background:#ffffffe0;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border:1px solid rgba(37,99,235,.1);border-radius:20px;padding:clamp(24px,3.5vh,40px) clamp(20px,2.5vw,36px);box-shadow:0 4px 6px #2563eb0a,0 20px 60px #00000012,0 0 0 1px #ffffffe6 inset}.auth-brand-link{display:flex;width:fit-content;align-items:center;gap:8px;font-size:clamp(16px,1.8vh,20px);font-weight:800;color:var(--primary);text-decoration:none;letter-spacing:-.5px;margin-bottom:clamp(14px,2vh,24px)}.auth-brand-link svg{width:clamp(20px,2.5vh,28px);height:clamp(20px,2.5vh,28px)}.auth-headline{font-size:clamp(20px,2.8vh,26px);font-weight:800;color:#0f172a;letter-spacing:-.5px;margin-bottom:clamp(4px,.6vh,8px);line-height:1.2}.auth-subline{font-size:clamp(12px,1.5vh,14px);color:#64748b;margin-bottom:clamp(16px,2.5vh,28px)}.auth-divider{display:flex;align-items:center;gap:12px;margin:clamp(12px,1.8vh,20px) 0;font-size:12px;color:#94a3b8}.auth-divider:before,.auth-divider:after{content:"";flex:1;height:1px;background:#e2e8f0}.auth-footer-note{font-size:clamp(11px,1.4vh,13px);color:#64748b;text-align:center;margin-top:clamp(12px,1.8vh,24px)}.auth-legal{font-size:clamp(10px,1.3vh,11.5px);color:#94a3b8;text-align:center;margin-top:clamp(12px,1.8vh,24px);line-height:1.6}.auth-legal a{color:#64748b}.auth-brand-panel{background:radial-gradient(ellipse 90% 70% at 60% -10%,#dbeafe,#eff6ff 35%,#f8fafc 65%,#fff);display:flex;flex-direction:column;align-items:center;justify-content:center;padding:clamp(16px,2.5vh,36px) clamp(24px,3.5vw,44px);position:relative;overflow:hidden;border-left:1px solid #E2E8F0}.auth-brand-panel:before{content:"";position:absolute;top:-120px;right:-80px;width:420px;height:420px;border-radius:50%;background:radial-gradient(ellipse at center,rgba(37,99,235,.1) 0%,rgba(37,99,235,.04) 45%,transparent 70%);pointer-events:none;animation:auth-glow-pulse 7s ease-in-out infinite}.auth-brand-panel:after{content:"";position:absolute;bottom:-80px;left:-60px;width:360px;height:360px;border-radius:50%;background:radial-gradient(ellipse at center,rgba(99,102,241,.08) 0%,rgba(16,185,129,.04) 50%,transparent 70%);pointer-events:none;animation:auth-glow-pulse 9s ease-in-out infinite reverse}.auth-brand-panel .auth-grid-texture{position:absolute;inset:0;background-image:radial-gradient(rgba(37,99,235,.07) 1px,transparent 1px);background-size:28px 28px;pointer-events:none;z-index:0}.auth-brand-panel>*:not(.auth-grid-texture){position:relative;z-index:1}@keyframes auth-glow-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.6;transform:scale(1.06)}}.auth-panel-logo{font-size:clamp(11px,1.4vh,15px);font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:#64748b;margin-bottom:clamp(2px,.4vh,4px);display:flex;align-items:center;gap:8px}.auth-panel-logo-dot{width:8px;height:8px;border-radius:50%;background:linear-gradient(135deg,#2563eb,#60a5fa);box-shadow:0 0 10px #2563ebcc}.auth-panel-tagline{font-size:clamp(10px,1.3vh,13px);color:#94a3b8;margin-bottom:clamp(10px,1.8vh,22px);letter-spacing:.04em}.auth-panel-headline{font-size:clamp(18px,2.8vh,28px);font-weight:900;color:#0f172a;letter-spacing:-.8px;line-height:1.2;margin-bottom:clamp(6px,.9vh,12px);text-align:center;text-shadow:none}.auth-panel-sub{font-size:clamp(11px,1.4vh,13.5px);color:#64748b;text-align:center;margin-bottom:clamp(12px,2vh,24px);line-height:1.5;max-width:320px}.auth-features{list-style:none;width:100%;max-width:340px;display:flex;flex-direction:column;gap:clamp(6px,.9vh,10px);margin-bottom:clamp(10px,1.5vh,18px)}.auth-feature-item{display:flex;align-items:center;gap:clamp(8px,1vw,12px);padding:clamp(7px,1vh,10px) clamp(10px,1.2vw,14px);border-radius:10px;background:#fff;border:1px solid #E2E8F0;box-shadow:0 1px 4px #0000000d;transition:background .2s,border-color .2s,box-shadow .2s}.auth-feature-item:hover{background:#eff6ff;border-color:#bfdbfe;box-shadow:0 2px 8px #2563eb14}.auth-feature-icon{width:clamp(26px,3.2vh,32px);height:clamp(26px,3.2vh,32px);border-radius:8px;display:flex;align-items:center;justify-content:center;flex-shrink:0;box-shadow:0 1px 4px #00000014}.auth-feature-text h4{font-size:clamp(11px,1.4vh,13.5px);font-weight:600;color:#1e293b;margin-bottom:2px}.auth-feature-text p{font-size:clamp(10px,1.2vh,12px);color:#64748b;line-height:1.45}.auth-stats-row{display:flex;gap:0;width:100%;max-width:340px;justify-content:center;background:#fff;border:1px solid #E2E8F0;border-radius:12px;overflow:hidden;box-shadow:0 1px 4px #0000000d}.auth-stat{text-align:center;flex:1;padding:clamp(8px,1.1vh,12px) clamp(6px,.8vw,10px);border-right:1px solid #E2E8F0}.auth-stat:last-child{border-right:none}.auth-stat-val{font-size:clamp(13px,1.8vh,17px);font-weight:800;background:linear-gradient(135deg,#1d4ed8,#2563eb);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;letter-spacing:-.3px}.auth-stat-label{font-size:clamp(9px,1.1vh,10.5px);color:#94a3b8;margin-top:2px;text-transform:uppercase;letter-spacing:.06em}@media(max-width:768px){.auth-split{grid-template-columns:1fr}.auth-brand-panel{display:none}.auth-form-panel{padding:32px 24px}}.login-page{min-height:100vh;display:flex;align-items:center;justify-content:center;background:var(--bg-secondary);padding:24px}.login-card{width:100%;max-width:400px;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);padding:36px 32px;box-shadow:var(--shadow-md)}.login-card h1{font-size:22px;font-weight:700;color:var(--primary);margin-bottom:4px}.login-card>p{font-size:13px;color:var(--text-muted);margin-bottom:24px}.flex-gap{display:flex;align-items:center;gap:8px}.flex-between{display:flex;justify-content:space-between;align-items:center}.health-dot{width:8px;height:8px;border-radius:50%;display:inline-block}.health-good{background:var(--success)}.health-warn{background:var(--warning)}.health-bad{background:var(--danger)}.progress-bar{height:6px;background:var(--border);border-radius:3px;overflow:hidden}.progress-bar-fill{height:100%;border-radius:3px;transition:width .3s}.progress-primary{background:var(--primary)}.progress-danger{background:var(--danger)}.progress-success{background:var(--success)}.plan-badge{padding:2px 8px;border-radius:4px;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.06em}.plan-free{background:#f1f5f9;color:#64748b}.plan-pro{background:#eff6ff;color:#2563eb}.plan-premium{background:#f5f3ff;color:#7c3aed}.plan-growth{background:#f0fdf4;color:#16a34a}.plan-admin{background:#fff7ed;color:#c2410c}.page-loader{display:flex;align-items:center;justify-content:center;min-height:200px;color:var(--text-muted);font-size:13.5px;gap:8px}pre{background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius);padding:12px;font-size:12px;overflow-x:auto;color:var(--text-secondary)}.switch{position:relative;display:inline-block;width:36px;height:20px}.switch input{opacity:0;width:0;height:0}.slider{position:absolute;cursor:pointer;inset:0;background:var(--border);border-radius:20px;transition:.2s}.slider:before{content:"";position:absolute;height:14px;width:14px;left:3px;bottom:3px;background:#fff;border-radius:50%;transition:.2s}input:checked+.slider{background:var(--primary)}input:checked+.slider:before{transform:translate(16px)}.divider{height:1px;background:var(--border);margin:16px 0}.info-box{padding:12px 14px;border-radius:var(--radius);font-size:13px;line-height:1.6;border-left:3px solid}.info-box-info{background:var(--primary-light);border-color:var(--primary);color:#1e40af}.info-box-warn{background:var(--warning-light);border-color:var(--warning);color:#92400e}.info-box-danger{background:var(--danger-light);border-color:var(--danger);color:#991b1b}.info-box-success{background:var(--success-light);border-color:var(--success);color:#166534}input[type=checkbox]{width:14px;height:14px;accent-color:var(--primary);cursor:pointer}::-webkit-scrollbar{width:5px;height:5px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--border);border-radius:10px}::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}[title]{cursor:help}.hamburger-btn{display:none;align-items:center;justify-content:center;background:none;border:none;cursor:pointer;color:var(--text);padding:4px;border-radius:6px;flex-shrink:0;margin-right:8px}.hamburger-btn:hover{background:var(--bg-secondary)}.sidebar-close-btn{display:none;align-items:center;justify-content:center;background:none;border:none;cursor:pointer;color:var(--text-muted);padding:4px;border-radius:6px;margin-left:auto}.sidebar-close-btn:hover{color:var(--text);background:var(--bg-secondary)}.sidebar-overlay{display:none;position:fixed;inset:0;background:#00000073;z-index:99;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}@media(max-width:768px){.sidebar{transform:translate(-100%);transition:none;z-index:200;box-shadow:none}.sidebar.sidebar-open{transform:translate(0);transition:transform .2s ease;box-shadow:4px 0 24px #00000026}.main-content{margin-left:0!important}.hamburger-btn,.sidebar-close-btn{display:flex}.topbar{padding:0 16px;gap:8px}.topbar-left{font-size:14px;gap:0}.topbar-badge,.topbar-username{display:none}.stats-grid{grid-template-columns:repeat(2,1fr);gap:10px}.page-content,.card{padding:16px}.page-header{flex-wrap:wrap;gap:10px;margin-bottom:16px}.page-header h1{font-size:18px}.table-container{overflow-x:auto;-webkit-overflow-scrolling:touch}.data-table{min-width:600px}.modal-overlay{padding:12px;align-items:flex-end}.modal{max-width:100%!important;width:100%!important;margin:0;border-radius:16px 16px 0 0;max-height:90vh}.modal-body{max-height:60vh}.flex-gap,.toggle-group{flex-wrap:wrap}}@media(max-width:480px){.stats-grid,.grid-2,.grid-3{grid-template-columns:1fr}.topbar-upgrade-btn .topbar-btn-label{display:none}.page-content,.card{padding:12px}.data-table{font-size:12px}.data-table th,.data-table td{padding:8px 10px}.modal{border-radius:16px 16px 0 0}.modal-footer{flex-wrap:wrap}.modal-footer .btn{flex:1;min-width:0}}.lp-root{font-family:Inter,-apple-system,sans-serif;color:#0f172a;background:#fff;min-height:100vh;font-size:15px;line-height:1.6}.lp-container{max-width:1280px;margin:0 auto;padding:0 40px}.lp-nav{position:sticky;top:0;z-index:200;background:#fffffff2;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-bottom:1px solid #E2E8F0}.lp-nav-inner{height:64px;display:flex;align-items:center;gap:0;position:relative}.lp-logo{font-size:17px;font-weight:800;color:#2563eb;letter-spacing:-.4px;text-decoration:none;flex-shrink:0}.lp-nav-links{display:flex;gap:36px;align-items:center;position:absolute;left:50%;transform:translate(-50%)}.lp-nav-links a{color:#475569;font-size:14px;text-decoration:none;font-weight:500;transition:color .15s}.lp-nav-links a:hover{color:#2563eb}.lp-nav-actions{display:flex;gap:10px;align-items:center;flex-shrink:0;margin-left:auto}.lp-btn-primary{background:linear-gradient(135deg,#1d4ed8,#2563eb 55%,#3b82f6);box-shadow:0 2px 12px #2563eb52;color:#fff;border:none;padding:9px 20px;border-radius:7px;font-size:14px;font-weight:600;cursor:pointer;transition:background .15s;text-decoration:none;display:inline-block}.lp-btn-primary:hover{background:linear-gradient(135deg,#1e40af,#1d4ed8 55%,#2563eb);box-shadow:0 4px 20px #2563eb73;transform:translateY(-1px)}.lp-btn-primary:active{transform:translateY(0)}.lp-btn-primary.lp-btn-lg{padding:12px 28px;font-size:15px;border-radius:8px}.lp-btn-primary.lp-btn-full{width:100%;text-align:center;padding:11px}.lp-btn-secondary{background:transparent;color:#475569;border:1px solid #E2E8F0;padding:9px 20px;border-radius:7px;font-size:14px;font-weight:500;cursor:pointer;text-decoration:none;display:inline-block;transition:border-color .15s,color .15s}.lp-btn-secondary:hover{border-color:#94a3b8;color:#0f172a}.lp-btn-secondary.lp-btn-lg{padding:12px 28px;font-size:15px}.lp-btn-ghost{background:none;border:none;color:#475569;font-size:14px;font-weight:500;cursor:pointer;padding:7px 14px;border-radius:7px;transition:background .15s}.lp-btn-ghost:hover{background:#f8fafc;color:#0f172a}.lp-btn-outline{background:#fff;color:#2563eb;border:1.5px solid #2563EB;padding:10px 22px;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;text-align:center;transition:background .15s,color .15s;display:inline-block}.lp-btn-outline:hover{background:#eff6ff}.lp-btn-outline.lp-btn-lg{padding:12px 28px;font-size:15px}.lp-btn-ghost-white{background:#ffffff14;color:#fff;border:1.5px solid rgba(255,255,255,.75);padding:12px 28px;border-radius:8px;font-size:15px;font-weight:600;cursor:pointer;transition:background .15s,border-color .15s}.lp-btn-ghost-white:hover{background:#ffffff2e;border-color:#fff}.lp-hero{padding:88px 0 80px;background:radial-gradient(ellipse 90% 70% at 65% -5%,#dbeafe,#eff6ff 28%,#fff 65%)}.lp-hero-inner{display:grid;grid-template-columns:1fr 1fr;gap:64px;align-items:center}.lp-hero-text{max-width:520px}.lp-pill{display:inline-block;background:#eff6ff;border:1px solid #BFDBFE;border-radius:20px;padding:4px 14px;font-size:11.5px;font-weight:700;color:#2563eb;letter-spacing:.06em;margin-bottom:22px}.lp-h1{font-size:42px;font-weight:800;letter-spacing:-1px;line-height:1.15;margin-bottom:18px;color:#0f172a}.lp-h1-accent{background:linear-gradient(135deg,#2563eb,#7c3aed);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.lp-hero-sub{font-size:17px;color:#475569;line-height:1.7;margin-bottom:32px}.lp-hero-actions{display:flex;gap:12px;margin-bottom:28px;flex-wrap:wrap}.lp-hero-facts{display:flex;flex-wrap:wrap;gap:10px 20px}.lp-hero-fact{font-size:13px;color:#475569;display:flex;align-items:center;gap:5px}.lp-check{color:#2563eb;font-weight:700;font-size:12px}.lp-hero-visual{display:flex;justify-content:flex-end}.lp-mockup{width:100%;max-width:440px;background:#fff;border:1px solid #E2E8F0;border-radius:12px;box-shadow:0 20px 60px #0000001a,0 4px 12px #0000000f;overflow:hidden}.lp-mockup-bar{height:32px;background:#f8fafc;border-bottom:1px solid #E2E8F0;display:flex;align-items:center;padding:0 12px;gap:6px}.lp-mockup-dot{width:10px;height:10px;border-radius:50%}.lp-mockup-body{display:flex;height:300px}.lp-mockup-sidebar{width:90px;background:#fff;border-right:1px solid #E2E8F0;padding:12px 8px;display:flex;flex-direction:column;gap:2px}.lp-mockup-logo{width:28px;height:28px;border-radius:6px;overflow:hidden;display:flex;align-items:center;justify-content:center;margin-bottom:10px}.lp-mockup-nav-item{font-size:9px;color:#94a3b8;padding:5px 6px;border-radius:5px;font-weight:500;cursor:default}.lp-mockup-nav-active{background:#eff6ff;color:#2563eb;font-weight:600}.lp-mockup-main{flex:1;padding:10px 12px;overflow:hidden}.lp-mockup-topbar{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.lp-mockup-badge{background:#f1f5f9;color:#64748b;font-size:8px;font-weight:700;padding:2px 6px;border-radius:3px;text-transform:uppercase;letter-spacing:.04em}.lp-mockup-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:6px;margin-bottom:10px}.lp-mockup-stat{background:#f8fafc;border:1px solid #E2E8F0;border-radius:6px;padding:6px}.lp-mockup-chart-wrap{margin-bottom:8px}.lp-mockup-chart{height:52px;display:flex;align-items:flex-end;gap:2px;background:#f8fafc;border-radius:6px;padding:6px}.lp-mockup-bar-item{flex:1;background:#2563eb;opacity:.7;border-radius:2px 2px 0 0;min-height:4px}.lp-mockup-row{display:flex;align-items:center;padding:5px 0;border-bottom:1px solid #F1F5F9}.lp-section{padding:80px 0}.lp-section-alt{background:#f8fafc;border-top:1px solid #E2E8F0;border-bottom:1px solid #E2E8F0}.lp-section-header{text-align:center;max-width:640px;margin:0 auto 52px}.lp-label{font-size:11px;font-weight:700;color:#2563eb;letter-spacing:.1em;text-transform:uppercase;margin-bottom:10px}.lp-h2{font-size:30px;font-weight:800;letter-spacing:-.5px;margin-bottom:14px;color:#0f172a}.lp-section-sub{font-size:16px;color:#64748b;line-height:1.7}.lp-body-text{font-size:15.5px;color:#475569;line-height:1.75}.lp-problem-grid{display:grid;grid-template-columns:1fr 1fr;gap:64px;align-items:start}.lp-problem-grid .lp-label{margin-bottom:12px}.lp-problem-grid .lp-h2{text-align:left;margin-bottom:16px}.lp-problem-cards{display:flex;flex-direction:column;gap:12px}.lp-problem-card{display:flex;gap:12px;align-items:flex-start;background:#fff;border:1px solid #FECACA;border-radius:10px;padding:14px 16px}.lp-problem-icon{width:24px;height:24px;background:#fef2f2;border-radius:6px;display:flex;align-items:center;justify-content:center;color:#dc2626;font-size:12px;font-weight:700;flex-shrink:0}.lp-problem-title{font-size:13.5px;font-weight:600;color:#0f172a;margin-bottom:3px}.lp-problem-body{font-size:13px;color:#64748b;line-height:1.6}.lp-features-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.lp-feature-card{background:#fff;border:1px solid #E2E8F0;border-radius:10px;padding:22px;transition:box-shadow .2s,border-color .2s}.lp-feature-card:hover{box-shadow:0 4px 16px #2563eb14;border-color:#bfdbfe}.lp-feature-icon{font-size:22px;margin-bottom:12px;color:#2563eb;display:block}.lp-feature-title{font-size:15px;font-weight:700;margin-bottom:8px;color:#0f172a}.lp-feature-desc{font-size:13.5px;color:#64748b;line-height:1.65}.lp-steps{display:flex;flex-direction:column;gap:36px;max-width:760px;margin:0 auto}.lp-step{display:flex;gap:28px;align-items:flex-start}.lp-step-number{width:52px;height:52px;border-radius:12px;background:#eff6ff;border:2px solid #BFDBFE;display:flex;align-items:center;justify-content:center;font-size:16px;font-weight:800;color:#2563eb;flex-shrink:0;letter-spacing:-.5px}.lp-step-content{padding-top:8px}.lp-step-title{font-size:17px;font-weight:700;margin-bottom:8px;color:#0f172a}.lp-step-body{font-size:14.5px;color:#475569;line-height:1.7;margin-bottom:10px}.lp-step-note{font-size:13px;color:#64748b;background:#f8fafc;border-radius:7px;padding:9px 12px;border-left:3px solid #2563EB}.lp-audience-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.lp-audience-card{background:#fff;border:1px solid #E2E8F0;border-radius:12px;padding:24px}.lp-audience-label{font-size:11px;font-weight:700;color:#2563eb;letter-spacing:.08em;text-transform:uppercase;margin-bottom:10px}.lp-audience-headline{font-size:16px;font-weight:700;color:#0f172a;margin-bottom:16px;line-height:1.4}.lp-audience-list{list-style:none;padding:0;display:flex;flex-direction:column;gap:8px}.lp-audience-list li{font-size:13.5px;color:#475569;display:flex;gap:8px;align-items:flex-start;line-height:1.5}.lp-audience-list .lp-check{margin-top:1px;flex-shrink:0}.lp-compare-wrap{overflow-x:auto}.lp-compare-table{width:100%;border-collapse:collapse;font-size:14px}.lp-compare-table th{text-align:left;padding:14px 16px;font-size:13px;font-weight:700;color:#0f172a;background:#fff;border-bottom:2px solid #E2E8F0}.lp-compare-table td{padding:12px 16px;border-bottom:1px solid #F1F5F9;color:#475569;font-size:13.5px}.lp-compare-table tr:last-child td{border-bottom:none}.lp-compare-us{background:#f0f9ff}.lp-compare-yes{color:#2563eb;font-weight:700;font-size:15px}.lp-compare-no{color:#dc2626;font-weight:700;font-size:15px}.lp-compare-table th.lp-compare-us{color:#2563eb}.lp-pricing-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-bottom:24px}.lp-pricing-card{background:#fff;border:1px solid #E2E8F0;border-radius:12px;padding:28px 24px;position:relative;display:flex;flex-direction:column}.lp-pricing-featured{border:2px solid #2563EB;box-shadow:0 4px 20px #2563eb1a}.lp-pricing-badge{position:absolute;top:-13px;left:50%;transform:translate(-50%);background:#2563eb;color:#fff;font-size:11px;font-weight:700;padding:3px 14px;border-radius:20px;white-space:nowrap;letter-spacing:.04em}.lp-pricing-name{font-size:14px;font-weight:700;color:#0f172a;margin-bottom:8px}.lp-pricing-price{font-size:34px;font-weight:800;color:#0f172a;margin-bottom:6px;letter-spacing:-1px}.lp-pricing-period{font-size:14px;font-weight:400;color:#94a3b8}.lp-pricing-desc{font-size:13px;color:#64748b;margin-bottom:20px;line-height:1.5}.lp-pricing-features{list-style:none;padding:0;margin-bottom:24px;display:flex;flex-direction:column;gap:8px;flex:1}.lp-pricing-features li{font-size:13.5px;color:#475569;display:flex;gap:8px;align-items:flex-start}.lp-pricing-note{text-align:center;font-size:12.5px;color:#94a3b8;line-height:1.6;max-width:640px;margin:0 auto}.lp-faq-wrap{max-width:720px}.lp-faq{border:1px solid #E2E8F0;border-radius:12px;overflow:hidden}.lp-faq-item{border-bottom:1px solid #E2E8F0}.lp-faq-item:last-child{border-bottom:none}.lp-faq-q{width:100%;text-align:left;background:none;border:none;padding:18px 20px;display:flex;justify-content:space-between;align-items:center;font-size:14.5px;font-weight:600;color:#0f172a;cursor:pointer;gap:16px;line-height:1.5}.lp-faq-q:hover{background:#fafafa}.lp-faq-icon{font-size:22px;color:#94a3b8;flex-shrink:0;transition:transform .2s}.lp-faq-a{padding:0 20px 18px;font-size:14px;color:#64748b;line-height:1.75}.lp-cta-section{background:#eff6ff;border-top:1px solid #DBEAFE;padding:72px 24px}.lp-cta-inner{text-align:center}.lp-cta-h{font-size:32px;font-weight:800;color:#0f172a;margin-bottom:12px;letter-spacing:-.5px}.lp-cta-sub{font-size:16px;color:#475569;margin-bottom:32px}.lp-cta-actions{display:flex;gap:14px;justify-content:center;flex-wrap:wrap}.lp-footer{background:#fff;border-top:1px solid #E2E8F0;padding:64px 0 0}.lp-footer .lp-logo{color:#2563eb;font-size:18px;font-weight:800;letter-spacing:-.4px}.lp-footer-inner{display:flex;gap:48px;margin-bottom:52px;flex-wrap:wrap;align-items:flex-start}.lp-footer-brand{flex:0 0 230px;min-width:180px}.lp-footer-tagline{font-size:13.5px;color:#64748b;margin-top:14px;line-height:1.7;max-width:230px}.lp-footer-badge{display:flex;width:fit-content;align-items:center;gap:6px;margin-top:18px;background:#f0fdf4;border:1px solid #BBF7D0;border-radius:20px;padding:4px 12px;font-size:11.5px;font-weight:600;color:#16a34a}.lp-footer-links-group{display:grid;grid-template-columns:repeat(5,1fr);gap:28px;flex:1;min-width:0}.lp-footer-col{display:flex;flex-direction:column;gap:12px}.lp-footer-col-label{font-size:11px;font-weight:700;color:#0f172a;text-transform:uppercase;letter-spacing:.09em;margin-bottom:4px}.lp-footer-col a{font-size:13.5px;color:#64748b;text-decoration:none;transition:color .15s}.lp-footer-col a:hover{color:#2563eb}.lp-footer-bottom{display:flex;justify-content:space-between;align-items:center;border-top:1px solid #E2E8F0;padding:20px 0;margin-top:0;font-size:12.5px;color:#94a3b8;flex-wrap:wrap;gap:8px}@media(max-width:900px){.lp-hero-inner{grid-template-columns:1fr;gap:40px}.lp-hero-visual{justify-content:center}.lp-mockup{max-width:100%}.lp-h1{font-size:32px}.lp-problem-grid{grid-template-columns:1fr;gap:32px}.lp-features-grid{grid-template-columns:repeat(2,1fr)}.lp-audience-grid,.lp-pricing-grid{grid-template-columns:1fr}.lp-footer-links-group{grid-template-columns:repeat(3,1fr);gap:24px}.lp-footer-inner{gap:36px}.lp-footer{padding:48px 0 0}}@media(max-width:640px){.lp-container{padding:0 20px}.lp-nav-links{display:none}.lp-nav-actions .lp-btn-ghost{font-size:13px;padding:7px 12px}.lp-features-grid{grid-template-columns:1fr}.lp-hero{padding:48px 0 40px}.lp-h1{font-size:28px}.lp-h2{font-size:24px}.lp-footer-brand{flex:0 0 100%;min-width:0}.lp-footer-tagline{max-width:100%}.lp-footer-links-group{grid-template-columns:repeat(2,1fr);gap:20px 24px;flex:0 0 100%}.lp-footer-inner{flex-direction:column;gap:32px}.lp-footer{padding:40px 0 0}.lp-footer-bottom{flex-direction:column;align-items:flex-start;gap:6px}}@media(max-width:480px){.lp-footer-links-group{grid-template-columns:repeat(2,1fr)}.lp-footer{padding:32px 0 0}.lp-btn-primary{font-size:13px;padding:8px 14px}.lp-nav-inner{height:56px}}.lp-root .form-control{background:#fff;border-color:#d1d5db;color:#111827}.lp-root .form-control:focus{border-color:#2563eb;box-shadow:0 0 0 3px #2563eb1a;outline:none}.lp-root .form-group label{color:#374151;font-weight:600;font-size:13.5px;display:block;margin-bottom:6px}.lp-btn-full{width:100%;display:block;text-align:center;padding:13px}.blog-content{font-size:16px;color:#374151;line-height:1.85}.blog-content h1,.blog-content h2,.blog-content h3,.blog-content h4{color:#0f172a;font-weight:700;margin:36px 0 14px;line-height:1.3}.blog-content h2{font-size:22px}.blog-content h3{font-size:18px}.blog-content p{margin-bottom:20px}.blog-content a{color:#2563eb;text-decoration:underline}.blog-content ul,.blog-content ol{padding-left:22px;margin-bottom:20px;display:flex;flex-direction:column;gap:8px}.blog-content li{line-height:1.7}.blog-content blockquote{border-left:3px solid #2563EB;padding:12px 20px;margin:24px 0;background:#f0f9ff;color:#0369a1;border-radius:0 8px 8px 0;font-style:italic}.blog-content code{background:#f1f5f9;color:#dc2626;padding:2px 6px;border-radius:4px;font-size:14px;font-family:Courier New,monospace}.blog-content pre{background:#0f172a;color:#e2e8f0;padding:20px;border-radius:10px;overflow-x:auto;margin:24px 0}.blog-content pre code{background:none;color:inherit;padding:0;font-size:13.5px}.blog-content img{max-width:100%;border-radius:10px;margin:24px 0}.blog-content hr{border:none;border-top:1px solid #E2E8F0;margin:36px 0}.blog-content strong{color:#0f172a;font-weight:700}.toggle-group{display:flex;width:fit-content;background:#f1f5f9;border:1px solid #E2E8F0;border-radius:10px;padding:4px;gap:2px}.toggle-btn{padding:7px 18px;border:none;background:transparent;border-radius:7px;font-size:13.5px;font-weight:500;color:#64748b;cursor:pointer;transition:all .15s ease;white-space:nowrap}.toggle-btn:hover{color:#1e293b;background:#fff9}.toggle-btn.active{background:#fff;color:#1e293b;font-weight:600;box-shadow:0 1px 4px #0000001a,0 0 0 1px #0000000a}