@import "https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@400;500;600;700;800&family=Inter:wght@400;500;600;700&family=JetBrains+Mono:wght@400;500&display=swap";
*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizelegibility;scroll-behavior:smooth;font-size:16px}:root{--brand-primary:#0284c7;--brand-primary-hover:#0369a1;--brand-primary-light:#e0f2fe;--brand-primary-50:#f0f9ff;--whatsapp-green:#25d366;--whatsapp-dark:#128c7e;--whatsapp-deep:#075e54;--whatsapp-bg:#efeae2;--whatsapp-bubble-in:#fff;--whatsapp-bubble-out:#d9fdd3;--brand-accent:#f59e0b;--brand-accent-light:#fef3c7;--brand-accent-hover:#d97706;--bg-page:#f8fafc;--bg-card:#fff;--bg-surface:#f1f5f9;--bg-surface-subtle:#f8fafc;--bg-dark:#0f172a;--text-main:#0f172a;--text-secondary:#334155;--text-muted:#64748b;--text-subtle:#94a3b8;--border-subtle:#e2e8f0;--border-hover:#cbd5e1;--border-focus:#0284c7;--color-success:#10b981;--color-success-light:#d1fae5;--color-error:#ef4444;--color-error-light:#fee2e2;--color-warning:#f59e0b;--color-warning-light:#fef3c7;--color-info:#0284c7;--color-info-light:#e0f2fe;--shadow-xs:0 1px 2px 0 #0f172a0a;--shadow-sm:0 1px 3px 0 #0f172a0f, 0 1px 2px -1px #0f172a0a;--shadow-md:0 4px 12px -2px #0f172a14, 0 2px 6px -1px #0f172a0a;--shadow-lg:0 12px 24px -4px #0f172a14, 0 4px 12px -2px #0f172a0a;--shadow-xl:0 24px 48px -12px #0f172a1f, 0 8px 16px -4px #0f172a0a;--shadow-glow:0 8px 24px #25d36640;--radius-sm:2px;--radius-md:4px;--radius-lg:4px;--radius-xl:6px;--radius-2xl:6px;--radius-full:4px;--font-heading:"Plus Jakarta Sans", -apple-system, BlinkMacSystemFont, sans-serif;--font-body:"Inter", -apple-system, BlinkMacSystemFont, sans-serif;--font-mono:"JetBrains Mono", monospace;--transition-fast:.15s cubic-bezier(.4, 0, .2, 1);--transition-base:.22s cubic-bezier(.4, 0, .2, 1);--transition-slow:.35s cubic-bezier(.16, 1, .3, 1);--sidebar-width:260px;--content-max-width:1200px}body{font-family:var(--font-body);color:var(--text-main);background-color:var(--bg-page);min-height:100vh;line-height:1.5;overflow-x:hidden}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);color:var(--text-main);letter-spacing:-.025em;font-weight:700}a{color:var(--brand-primary);transition:all var(--transition-fast);text-decoration:none}a:hover{color:var(--brand-primary-hover)}.btn{min-height:44px;font-family:var(--font-heading);cursor:pointer;transition:all var(--transition-base);white-space:nowrap;-webkit-user-select:none;user-select:none;border:1px solid #0000;border-radius:4px;justify-content:center;align-items:center;gap:8px;padding:10px 22px;font-size:.9375rem;font-weight:600;line-height:1.2;text-decoration:none;display:inline-flex;box-shadow:none!important}.btn:active{transform:scale(.98)}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{box-shadow:none;background:linear-gradient(135deg,#0284c7 0%,#0369a1 100%);color:#fff!important}.btn-primary:hover{box-shadow:none;background:linear-gradient(135deg,#0369a1 0%,#075985 100%);transform:translateY(-1px)}.btn-whatsapp{box-shadow:none;background:linear-gradient(135deg,#25d366 0%,#128c7e 100%);color:#fff!important}.btn-whatsapp:hover{box-shadow:none;background:linear-gradient(135deg,#20bd5a 0%,#0e7467 100%);transform:translateY(-1px)}.btn-secondary{color:var(--text-main);border:1.5px solid var(--border-subtle);box-shadow:none;background:#fff}.btn-secondary:hover{background:var(--bg-surface);border-color:var(--border-hover);box-shadow:none;transform:translateY(-1px)}.btn-accent{box-shadow:none;background:linear-gradient(135deg,#f59e0b 0%,#d97706 100%);font-weight:700;color:#0f172a!important}.btn-accent:hover{box-shadow:none;transform:translateY(-1px)}.btn-ghost{color:var(--text-muted);background:0 0}.btn-ghost:hover{background:var(--bg-surface);color:var(--text-main)}.btn-danger{background:var(--color-error);color:#fff!important}.btn-danger:hover{background:#dc2626}.btn-sm{min-height:36px;padding:6px 14px;font-size:.8125rem}.btn-lg{min-height:50px;padding:14px 28px;font-size:1.0625rem}.btn-xl{min-height:54px;padding:16px 36px;font-size:1.0625rem;font-weight:700}.btn-full{width:100%}.input-group{flex-direction:column;gap:6px;width:100%;display:flex}.input-label{font-family:var(--font-heading);color:var(--text-main);font-size:.875rem;font-weight:600}.input-label .required{color:var(--color-error);margin-left:2px}.input{width:100%;min-height:46px;color:var(--text-main);border:1.5px solid var(--border-subtle);border-radius:var(--radius-lg);transition:all var(--transition-base);background:#fff;outline:none;padding:12px 16px;font-size:.9375rem}.input::placeholder{color:var(--text-subtle)}.input:focus{border-color:var(--brand-primary);box-shadow:0 0 0 4px #0284c71f}.select{width:100%;min-height:46px;color:var(--text-main);border:1.5px solid var(--border-subtle);border-radius:var(--radius-lg);appearance:none;transition:all var(--transition-base);background:#fff url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%2364748B' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M6 8l4 4 4-4'/%3e%3c/svg%3e") right 1rem center/1.25em 1.25em no-repeat;outline:none;padding:12px 2.75rem 12px 16px;font-size:.9375rem}.select:focus{border-color:var(--brand-primary);box-shadow:0 0 0 4px #0284c71f}.textarea{width:100%;color:var(--text-main);border:1.5px solid var(--border-subtle);border-radius:var(--radius-lg);resize:vertical;transition:all var(--transition-base);background:#fff;outline:none;padding:12px 16px;font-family:inherit;font-size:.9375rem}.textarea:focus{border-color:var(--brand-primary);box-shadow:0 0 0 4px #0284c71f}.card{border:1px solid var(--border-subtle);border-radius:var(--radius-xl);box-shadow:var(--shadow-sm);transition:all var(--transition-slow);background:#fff;padding:24px}.card-hover:hover{border-color:var(--border-hover);box-shadow:var(--shadow-md);transform:translateY(-2px)}.card-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:20px;display:flex}.card-title{color:var(--text-main);font-size:1.125rem;font-weight:700}.card-subtitle{color:var(--text-muted);margin-top:2px;font-size:.875rem}.card-footer{border-top:1px solid var(--border-subtle);margin-top:20px;padding-top:16px}.metric-card{border:1px solid var(--border-subtle);border-radius:var(--radius-xl);box-shadow:var(--shadow-sm);transition:all var(--transition-base);background:#fff;padding:24px;position:relative;overflow:hidden}.metric-card:hover{border-color:var(--border-hover);box-shadow:var(--shadow-lg);transform:translateY(-2px)}.metric-card-icon{border-radius:var(--radius-lg);background:var(--bg-surface);justify-content:center;align-items:center;width:48px;height:48px;margin-bottom:16px;display:flex}.metric-card-value{font-family:var(--font-heading);color:var(--text-main);letter-spacing:-.03em;font-size:clamp(1.85rem,4vw,2.25rem);font-weight:800;line-height:1.1}.metric-card-label{color:var(--text-muted);margin-top:4px;font-size:.875rem;font-weight:600}.metric-card-trend{border-radius:4px;align-items:center;gap:6px;margin-top:12px;padding:4px 10px;font-size:.75rem;font-weight:700;display:inline-flex}.metric-card-trend.up{color:var(--color-success);background:var(--color-success-light)}.metric-card-trend.down{color:var(--color-error);background:var(--color-error-light)}.badge{white-space:nowrap;border-radius:4px;align-items:center;gap:6px;padding:4px 10px;font-size:.75rem;font-weight:700;line-height:1;display:inline-flex}.badge-primary{background:var(--brand-primary-light);color:var(--brand-primary)}.badge-whatsapp{color:#15803d;background:#dcfce7}.badge-success{background:var(--color-success-light);color:#065f46}.badge-error{background:var(--color-error-light);color:#991b1b}.badge-warning{background:var(--color-warning-light);color:#92400e}.badge-info{background:var(--color-info-light);color:#075985}.badge-neutral{background:var(--bg-surface);color:var(--text-muted)}.badge-dot:before{content:"";background:currentColor;border-radius:4px;width:6px;height:6px}.top-announcement-bar{color:#e2e8f0;white-space:nowrap;background:#0f172a;border-bottom:1px solid #ffffff14;justify-content:center;align-items:center;gap:10px;padding:10px 16px;font-size:.8125rem;font-weight:500;display:flex;overflow:hidden}.announcement-pill{color:#25d366;letter-spacing:.04em;background:#25d36626;border-radius:4px;flex-shrink:0;align-items:center;gap:6px;padding:2px 8px;font-size:.6875rem;font-weight:700;display:inline-flex}.announcement-pill-dot{background:#25d366;border-radius:50%;width:6px;height:6px;display:inline-block;box-shadow:0 0 6px #25d36699}.announcement-text-desktop{color:#cbd5e1;text-overflow:ellipsis;display:inline;overflow:hidden}.announcement-link{color:#38bdf8;transition:all var(--transition-fast);flex-shrink:0;align-items:center;gap:4px;font-weight:600;text-decoration:none;display:inline-flex}.announcement-link:hover{color:#7dd3fc;text-decoration:underline}.table-container{-webkit-overflow-scrolling:touch;border-radius:var(--radius-xl);border:1px solid var(--border-subtle);width:100%;box-shadow:var(--shadow-xs);background:#fff;position:relative;overflow-x:auto}.table-container::-webkit-scrollbar{height:6px}.table-container::-webkit-scrollbar-track{background:#f1f5f9;border-radius:4px}.table-container::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:4px}.table-container::-webkit-scrollbar-thumb:hover{background:#94a3b8}.table-scroll-hint{color:#64748b;border-bottom:1px solid var(--border-subtle);-webkit-user-select:none;user-select:none;background:#f8fafc;justify-content:flex-end;align-items:center;gap:6px;padding:6px 12px;font-size:.6875rem;display:none}.table{border-collapse:collapse;text-align:left;width:100%;min-width:640px}.table th{font-family:var(--font-heading);color:var(--text-muted);text-transform:uppercase;letter-spacing:.06em;background:var(--bg-surface-subtle);border-bottom:1px solid var(--border-subtle);white-space:nowrap;padding:14px 18px;font-size:.75rem;font-weight:700}.table td{color:var(--text-main);border-bottom:1px solid var(--border-subtle);vertical-align:middle;padding:16px 18px;font-size:.875rem}.table tbody tr{transition:background var(--transition-fast)}.table tbody tr:hover{background:#f8fafc}.table tbody tr:last-child td{border-bottom:none}.sidebar{width:var(--sidebar-width);border-right:1px solid var(--border-subtle);z-index:200;transition:transform var(--transition-slow);background:#fff;flex-direction:column;display:flex;position:fixed;top:0;bottom:0;left:0}.sidebar-header{border-bottom:1px solid var(--border-subtle);align-items:center;gap:12px;padding:20px 24px;display:flex}.sidebar-logo{border-radius:var(--radius-lg);width:40px;height:40px;font-family:var(--font-heading);color:#fff;box-shadow:var(--shadow-sm);background:linear-gradient(135deg,#0284c7 0%,#25d366 100%);flex-shrink:0;justify-content:center;align-items:center;font-size:1.125rem;font-weight:800;display:flex}.sidebar-brand-name{font-family:var(--font-heading);color:var(--text-main);font-size:1.125rem;font-weight:800;line-height:1.1}.sidebar-brand-tagline{color:var(--text-muted);font-size:.6875rem;font-weight:600}.sidebar-nav{flex-direction:column;flex:1;gap:4px;padding:16px 14px;display:flex;overflow-y:auto}.sidebar-section{font-family:var(--font-heading);color:var(--text-subtle);text-transform:uppercase;letter-spacing:.08em;margin-top:20px;margin-bottom:8px;padding:0 12px;font-size:.6875rem;font-weight:800}.sidebar-link{color:var(--text-muted);border-radius:var(--radius-lg);transition:all var(--transition-fast);align-items:center;gap:12px;padding:10px 14px;font-size:.9375rem;font-weight:600;text-decoration:none;display:flex}.sidebar-link:hover{background:var(--bg-surface);color:var(--text-main)}.sidebar-link.active{background:var(--brand-primary-light);color:var(--brand-primary);font-weight:700}.sidebar-link-badge{background:var(--brand-primary);color:#fff;border-radius:4px;margin-left:auto;padding:2px 8px;font-size:.6875rem;font-weight:800}.sidebar-footer{border-top:1px solid var(--border-subtle);background:var(--bg-surface-subtle);padding:16px 14px}.sidebar-user{border-radius:var(--radius-lg);cursor:pointer;transition:all var(--transition-fast);align-items:center;gap:12px;padding:8px 12px;display:flex}.sidebar-user:hover{box-shadow:var(--shadow-xs);background:#fff}.main-content{margin-left:var(--sidebar-width);flex-direction:column;min-height:100vh;display:flex}.page-header{border-bottom:1px solid var(--border-subtle);z-index:100;background:#fff;padding:24px 36px;position:sticky;top:0;box-shadow:0 1px 3px #0f172a05}.page-header-row{max-width:var(--content-max-width);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin:0 auto;display:flex}.page-title{color:var(--text-main);letter-spacing:-.02em;font-size:clamp(1.35rem,3vw,1.75rem);font-weight:800}.page-description{color:var(--text-muted);margin-top:4px;font-size:.875rem}.page-actions{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.page-body{flex:1;padding:32px 36px}.page-body-inner{max-width:var(--content-max-width);margin:0 auto}.wallet-card{border-radius:var(--radius-2xl);color:#fff;background:linear-gradient(135deg,#0284c7 0%,#0f172a 100%);padding:clamp(24px,4vw,36px);position:relative;overflow:hidden;box-shadow:0 16px 36px #0284c740}.wallet-balance{font-family:var(--font-heading);letter-spacing:-.04em;font-size:clamp(2.25rem,6vw,3.5rem);font-weight:800;line-height:1}.wallet-label{opacity:.85;margin-top:8px;font-size:clamp(.8125rem,2vw,.9375rem)}.wallet-warning{background:var(--color-warning-light);border-radius:var(--radius-lg);color:#92400e;border:1.5px solid #fcd34d;flex-wrap:wrap;align-items:center;gap:12px;padding:14px 20px;font-size:.875rem;font-weight:600;display:flex}.plan-card{border:1.5px solid var(--border-subtle);border-radius:var(--radius-2xl);text-align:center;transition:all var(--transition-slow);box-shadow:var(--shadow-sm);background:#fff;flex-direction:column;padding:32px 24px;display:flex;position:relative;overflow:hidden}.plan-card:hover{border-color:var(--brand-primary);box-shadow:var(--shadow-xl);transform:translateY(-4px)}.plan-card.popular{border-color:#25d366;box-shadow:0 12px 28px #25d3662e}.plan-card.popular:before{content:" MOST POPULAR";color:#fff;font-family:var(--font-heading);letter-spacing:.08em;white-space:nowrap;text-overflow:ellipsis;background:linear-gradient(90deg,#25d366,#128c7e);padding:6px;font-size:.6875rem;font-weight:800;position:absolute;top:0;left:0;right:0;overflow:hidden}.plan-name{font-family:var(--font-heading);color:var(--text-main);font-size:1.25rem;font-weight:800}.plan-credits{color:var(--brand-primary);margin-top:4px;font-size:.875rem;font-weight:600}.plan-price{font-family:var(--font-heading);color:var(--text-main);letter-spacing:-.03em;margin:16px 0;font-size:2.75rem;font-weight:800}.plan-price-currency{vertical-align:super;margin-right:2px;font-size:1.25rem;font-weight:600}.modal-backdrop{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);z-index:300;background:#0f172a99;justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0}.modal{border:1px solid var(--border-subtle);border-radius:var(--radius-2xl);z-index:400;width:100%;max-width:520px;max-height:90vh;box-shadow:var(--shadow-xl);background:#fff;padding:clamp(20px,4vw,32px);overflow-y:auto}.modal-header{justify-content:space-between;align-items:center;margin-bottom:20px;display:flex}.modal-title{font-size:1.25rem;font-weight:700}.modal-close{color:var(--text-muted);cursor:pointer;border-radius:var(--radius-md);background:0 0;border:none;padding:4px;font-size:1.25rem}.modal-footer{border-top:1px solid var(--border-subtle);flex-wrap:wrap;justify-content:flex-end;gap:12px;margin-top:24px;padding-top:16px;display:flex}.avatar{width:42px;height:42px;font-family:var(--font-heading);color:#fff;background:linear-gradient(135deg,#0284c7 0%,#0369a1 100%);border-radius:4px;flex-shrink:0;justify-content:center;align-items:center;font-size:.9375rem;font-weight:700;display:flex}.avatar-sm{width:34px;height:34px;font-size:.75rem}.avatar-lg{width:56px;height:56px;font-size:1.25rem}.auth-split-page{background-color:#f1f5f9;background-image:radial-gradient(at 0 0,#0284c714 0,#0000 50%),radial-gradient(at 100% 100%,#25d3660f 0,#0000 50%),radial-gradient(#cbd5e1 1px,#0000 1px);background-position:0 0;background-repeat:repeat;background-size:100% 100%,100% 100%,24px 24px;background-attachment:scroll;background-origin:padding-box;background-clip:border-box;justify-content:center;align-items:center;min-height:100vh;padding:32px 20px;display:flex}.auth-split-container{background:#fff;border-radius:28px;grid-template-columns:1fr 1.15fr;width:100%;max-width:1020px;display:grid;position:relative;overflow:hidden;box-shadow:0 25px 50px -12px #0f172a1f,0 0 0 1px #e2e8f0cc}.auth-split-container.signup-mode{grid-template-columns:1fr 1.25fr;max-width:1100px}.auth-split-visual{color:#fff;background:linear-gradient(145deg,#0a1128 0%,#0f172a 55%,#0b192c 100%);flex-direction:column;justify-content:space-between;padding:44px 38px;display:flex;position:relative;overflow:hidden}.auth-split-visual:before{content:"";pointer-events:none;background:radial-gradient(circle at 20% 20%,#0284c740 0%,#0000 40%),radial-gradient(circle at 80% 80%,#25d3662e 0%,#0000 45%);width:140%;height:140%;position:absolute;top:-20%;left:-20%}.auth-visual-header{z-index:2;justify-content:space-between;align-items:center;display:flex}.auth-back-link{color:#94a3b8;transition:all var(--transition-fast);background:#ffffff0f;border:1px solid #ffffff1a;border-radius:8px;align-items:center;gap:6px;padding:6px 12px;font-size:.8125rem;font-weight:600;text-decoration:none;display:inline-flex}.auth-back-link:hover{color:#fff;background:#ffffff1f;transform:translate(-2px)}.auth-visual-body{z-index:2;margin:36px 0}.auth-visual-pill{color:#25d366;background:#25d36626;border:1px solid #25d36659;border-radius:999px;align-items:center;gap:8px;margin-bottom:20px;padding:5px 12px;font-size:.75rem;font-weight:700;display:inline-flex}.auth-visual-title{font-family:var(--font-heading);color:#fff;letter-spacing:-.025em;margin-bottom:14px;font-size:clamp(1.625rem,2.3vw,2.125rem);font-weight:900;line-height:1.2}.auth-visual-desc{color:#94a3b8;margin-bottom:24px;font-size:.9375rem;line-height:1.6}.auth-visual-bullets{flex-direction:column;gap:12px;display:flex}.auth-visual-bullet{color:#e2e8f0;align-items:center;gap:10px;font-size:.8125rem;font-weight:500;display:flex}.auth-visual-footer{z-index:2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff0a;border:1px solid #ffffff14;border-radius:16px;padding:16px 18px}.auth-split-form-panel{background:#fff;flex-direction:column;justify-content:space-between;padding:44px;display:flex}.auth-form-top-nav{color:#64748b;justify-content:flex-end;align-items:center;margin-bottom:20px;font-size:.8125rem;display:flex}.auth-form-top-nav a{color:#0284c7;margin-left:6px;font-weight:700;text-decoration:none}.auth-form-top-nav a:hover{text-decoration:underline}.auth-form-header{margin-bottom:24px}.auth-form-title{font-family:var(--font-heading);color:#0f172a;letter-spacing:-.025em;margin-bottom:6px;font-size:1.75rem;font-weight:900}.auth-form-subtitle{color:#64748b;font-size:.875rem}.auth-input-wrapper{align-items:center;display:flex;position:relative}.auth-input-icon{color:#94a3b8;pointer-events:none;align-items:center;display:flex;position:absolute;left:14px}.auth-input-with-icon{padding-left:42px!important}.auth-submit-btn{color:#fff;cursor:pointer;width:100%;transition:all var(--transition-fast);box-shadow:none;background:#0f172a;border:none;border-radius:12px;justify-content:center;align-items:center;gap:8px;padding:14px 20px;font-size:.9375rem;font-weight:700;display:flex}.auth-submit-btn:hover:not(:disabled){box-shadow:none;background:#1e293b;transform:translateY(-1px)}.auth-submit-btn:disabled{opacity:.6;cursor:not-allowed}.auth-submit-btn.whatsapp-accent{color:#064e3b;box-shadow:none;background:#25d366}.auth-submit-btn.whatsapp-accent:hover:not(:disabled){box-shadow:none;background:#1ebe5d}.auth-divider{color:#94a3b8;text-transform:uppercase;letter-spacing:.05em;align-items:center;gap:12px;margin:20px 0;font-size:.75rem;display:flex}.auth-divider:before,.auth-divider:after{content:"";background:#e2e8f0;flex:1;height:1px}.auth-social-btn{color:#334155;cursor:pointer;width:100%;transition:all var(--transition-fast);background:#fff;border:1px solid #e2e8f0;border-radius:12px;justify-content:center;align-items:center;gap:10px;padding:12px 18px;font-size:.875rem;font-weight:600;display:flex}.auth-social-btn:hover{background:#f8fafc;border-color:#cbd5e1}@media (max-width:900px){.auth-split-container,.auth-split-container.signup-mode{border-radius:20px;grid-template-columns:1fr;max-width:520px}.auth-split-visual,.auth-split-form-panel{padding:32px 24px}}@media (max-width:480px){.auth-split-page{padding:12px 8px}.auth-split-container{border-radius:16px}.auth-split-visual,.auth-split-form-panel{padding:24px 18px}.auth-form-title{font-size:1.5rem}}.auth-page{background:#f8fafc radial-gradient(#e2e8f0 1px,#0000 1px) 0 0/24px 24px;justify-content:center;align-items:center;min-height:100vh;padding:20px 16px;display:flex}.auth-card{border:1.5px solid var(--border-subtle);border-radius:var(--radius-2xl);width:100%;max-width:460px;box-shadow:var(--shadow-xl);background:#fff;padding:clamp(24px,5vw,40px)}.auth-logo{flex-direction:column;align-items:center;margin-bottom:28px;display:flex}.auth-logo-icon{border-radius:var(--radius-xl);width:52px;height:52px;font-family:var(--font-heading);color:#fff;background:linear-gradient(135deg,#0284c7 0%,#25d366 100%);justify-content:center;align-items:center;margin-bottom:14px;font-size:1.35rem;font-weight:800;display:flex;box-shadow:0 8px 20px #0284c74d}.auth-title{color:var(--text-main);text-align:center;font-size:clamp(1.25rem,3vw,1.5rem);font-weight:800}.auth-subtitle{color:var(--text-muted);text-align:center;margin-top:6px;font-size:.875rem}.auth-form{flex-direction:column;gap:18px;display:flex}.auth-footer{text-align:center;color:var(--text-muted);margin-top:20px;font-size:.875rem}.grid{gap:20px;display:grid}.grid-cols-2{grid-template-columns:repeat(2,1fr)}.grid-cols-3{grid-template-columns:repeat(3,1fr)}.grid-cols-4{grid-template-columns:repeat(4,1fr)}.calculator-grid{grid-template-columns:1.1fr .9fr;gap:40px;display:grid}.hero-trust-grid{grid-template-columns:repeat(3,auto);gap:24px;display:grid}.footer-grid{grid-template-columns:2fr 1fr 1fr 1fr;gap:40px;display:grid}.spinner{border:2.5px solid #0284c733;border-top-color:var(--brand-primary);border-radius:50%;width:20px;height:20px;animation:.6s linear infinite spin}.spinner-sm{border-width:2px;border-radius:50%;width:16px;height:16px}.spinner-lg{border-width:3.5px;border-radius:50%;width:36px;height:36px}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.mobile-topbar{z-index:150;border-bottom:1px solid var(--border-subtle);background:#fff;justify-content:space-between;align-items:center;padding:12px 16px;display:none;position:sticky;top:0;box-shadow:0 1px 2px #0000000a}.desktop-nav{display:flex}.mobile-menu-btn{cursor:pointer;color:#0f172a;width:40px;height:40px;transition:all var(--transition-fast);background:#f1f5f9;border:1px solid #e2e8f0;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;display:none}.mobile-menu-btn:hover{background:#e2e8f0}.mobile-nav-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:999;opacity:0;pointer-events:none;background:#0f172a80;transition:opacity .25s;position:fixed;inset:0}.mobile-nav-overlay.open{opacity:1;pointer-events:auto}.mobile-nav-drawer{z-index:1000;background:#fff;flex-direction:column;width:280px;max-width:85vw;transition:transform .3s cubic-bezier(.16,1,.3,1);display:flex;position:fixed;top:0;bottom:0;right:0;transform:translate(100%);box-shadow:-8px 0 32px #0f172a26}.mobile-nav-drawer.open{transform:translate(0)}.mobile-nav-drawer-header{border-bottom:1px solid #e2e8f0;justify-content:space-between;align-items:center;padding:16px 20px;display:flex}.mobile-nav-drawer-close{cursor:pointer;color:#64748b;width:32px;height:32px;transition:all var(--transition-fast);background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;justify-content:center;align-items:center;display:flex}.mobile-nav-drawer-close:hover{color:#0f172a;background:#f1f5f9}.mobile-nav-drawer-links{flex-direction:column;flex:1;gap:4px;padding:16px 12px;display:flex}.mobile-nav-drawer-links a{color:#334155;transition:all var(--transition-fast);border-radius:8px;align-items:center;padding:12px 16px;font-size:.9375rem;font-weight:600;text-decoration:none;display:flex}.mobile-nav-drawer-links a:hover{color:#0f172a;background:#f1f5f9}.mobile-nav-drawer-cta{border-top:1px solid #e2e8f0;flex-direction:column;gap:8px;padding:16px 20px;display:flex}.industry-scroll{flex-wrap:wrap;justify-content:center;gap:12px;display:flex}@media (max-width:1024px){.grid-cols-4,.grid-cols-3{grid-template-columns:repeat(2,1fr)}.page-header{padding:20px 24px}.page-body{padding:24px}}@media (max-width:768px){.desktop-nav,.mobile-hidden{display:none}.mobile-menu-btn{display:flex}.sidebar{transform:translate(-100%);box-shadow:0 0 40px #0003}.sidebar.open{transform:translate(0)}.mobile-topbar{display:flex}.main-content{margin-left:0}.page-header{padding:16px}.page-body{padding:20px 16px}.grid-cols-2,.grid-cols-3,.grid-cols-4{grid-template-columns:1fr}.hero-phone-col{display:none}.calculator-grid{grid-template-columns:1fr;gap:24px}.industry-scroll{-webkit-overflow-scrolling:touch;scrollbar-width:none;-ms-overflow-style:none;flex-wrap:nowrap;justify-content:flex-start;padding-bottom:8px;overflow-x:auto}.industry-scroll::-webkit-scrollbar{display:none}.industry-scroll button{flex-shrink:0}.card{padding:20px}.plan-card{padding:24px 20px}.footer-grid{grid-template-columns:1fr 1fr;gap:32px}.responsive-grid-2,.responsive-grid-3,.responsive-grid-4{grid-template-columns:1fr;gap:14px}.hero-trust-grid{grid-template-columns:repeat(3,1fr);gap:12px}}@media (max-width:480px){.auth-card{border-radius:16px;padding:24px 18px}.btn-xl{width:100%;padding:14px 20px;font-size:.9375rem}.page-header-row{flex-direction:column;align-items:flex-start;gap:12px}.page-actions{width:100%}.page-actions .btn{flex:1}.metric-card{padding:18px}.metric-card-value{font-size:1.75rem}.card-header{flex-direction:column;align-items:flex-start;gap:12px}.card-header .btn{width:100%}.table-scroll-hint{display:flex}.table th,.table td{white-space:nowrap;padding:10px 12px;font-size:.8125rem}.page-body{padding:16px 12px}.page-header{padding:14px 12px}.page-title{font-size:1.25rem}.modal{border-radius:16px;width:95vw;max-width:95vw;padding:20px 16px}.btn{font-size:.8125rem}.btn-lg,.btn-xl{padding:12px 18px;font-size:.875rem}.card .table-container{border-radius:var(--radius-lg);width:100%;margin:0}.table-container{border-radius:var(--radius-lg);margin-bottom:16px}.top-announcement-bar{justify-content:center;gap:8px;padding:8px 12px;font-size:.75rem}.announcement-text-desktop{display:none!important}.announcement-link{font-size:.75rem}.footer-grid{grid-template-columns:1fr;gap:28px}.hero-trust-grid{grid-template-columns:repeat(3,1fr);gap:8px;font-size:.875rem}input[type=range]{width:100%}.plan-card{padding:20px 16px}.plan-price{font-size:2.25rem}}@media (max-width:360px){.hero-trust-grid{text-align:center;grid-template-columns:1fr;gap:10px}.hero-trust-grid>div>div:first-child{justify-content:center}.auth-card{padding:20px 14px}.btn-xl{padding:12px 14px;font-size:.8125rem}}.industry-cards-grid{grid-template-columns:repeat(5,1fr);gap:16px;margin-top:36px;display:grid}@media (max-width:1180px){.industry-cards-grid{grid-template-columns:repeat(3,1fr)}}@media (max-width:768px){.industry-cards-grid{grid-template-columns:repeat(2,1fr);gap:12px}}@media (max-width:520px){.industry-cards-grid{grid-template-columns:1fr;gap:12px}}.industry-showcase-card{text-align:left;cursor:pointer;-webkit-user-select:none;user-select:none;background:#fff;border:1.5px solid #e2e8f0;border-radius:8px;flex-direction:column;justify-content:space-between;padding:22px 18px;transition:all .2s cubic-bezier(.16,1,.3,1);display:flex;position:relative;overflow:hidden}.industry-showcase-card:hover{border-color:#cbd5e1;transform:translateY(-2px)}.industry-showcase-card.active{outline-offset:-2px;background:#f8fafc;border-color:#0284c7;outline:2px solid #0284c7}