:root{--bg-color:#f8fafc;--bg-surface:#fff;--bg-card:#fff;--bg-subtle:#f1f5f9;--bg-sidebar:#081325;--bg-sidebar-surface:#0e1c36;--bg-sidebar-hover:#ffffff0d;--bg-sidebar-active:linear-gradient(90deg, #00bcd426 0%, #00bcd408 100%);--accent:#00bcd4;--accent-hover:#00acc1;--accent-light:#00bcd41f;--accent-glow:#00bcd447;--accent-secondary:#0b2545;--accent-cyan:#00bcd4;--text-main:#0f172a;--text-secondary:#475569;--text-dim:#94a3b8;--text-sidebar:#93c5d6;--text-sidebar-active:#fff;--border:#e2e8f0;--border-subtle:#edf2f7;--border-hover:#cbd5e1;--border-focus:#00bcd4;--radius-xs:6px;--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--radius-xl:20px;--radius-2xl:24px;--radius-full:9999px;--accent-gradient:linear-gradient(135deg, #0284c7 0%, #00bcd4 100%);--brand-gradient:linear-gradient(135deg, #0b2545 0%, #0369a1 50%, #00bcd4 100%);--sidebar-header-gradient:linear-gradient(180deg, #0e1c36e6 0%, #081325f2 100%);--success:#10b981;--success-bg:#ecfdf5;--success-border:#10b98133;--warning:#f59e0b;--warning-bg:#fffbeb;--warning-border:#f59e0b33;--error:#ef4444;--error-bg:#fef2f2;--error-border:#ef444433;--info:#0284c7;--info-bg:#f0f9ff;--shadow-xs:0 1px 2px #0f172a0a;--shadow-sm:0 1px 3px #0f172a0f, 0 1px 2px #0f172a0a;--shadow-md:0 4px 6px -1px #0f172a14, 0 2px 4px -2px #0f172a0a;--shadow-lg:0 10px 15px -3px #0f172a14, 0 4px 6px -4px #0f172a0a;--shadow-xl:0 20px 25px -5px #0f172a17, 0 8px 10px -6px #0f172a0a;--shadow-premium:0 20px 40px -10px #00bcd41f, 0 8px 16px -4px #0f172a0a;--shadow-inner:inset 0 2px 4px 0 #0000000a}*{box-sizing:border-box;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0;padding:0}body{background-color:var(--bg-color);color:var(--text-main);letter-spacing:-.01em;min-height:100vh;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;line-height:1.55;overflow-x:hidden}h1,h2,h3,h4,h5,h6{letter-spacing:-.025em;color:var(--text-main);font-family:Outfit,Inter,sans-serif;font-weight:700}.landing-container{--bg-color:#fff;--bg-surface:#f8fafc;--bg-card:#fff;--text-main:#0b2545;--text-secondary:#1e293b;--text-dim:#64748b;--border:#e2e8f0;--border-hover:#cbd5e1;color:#0b2545;background:#fff}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:10px}::-webkit-scrollbar-thumb:hover{background:#94a3b8}.app-container{background:var(--bg-color);min-height:100vh;display:flex}.sidebar{background:var(--bg-sidebar);z-index:100;border-right:1px solid #ffffff0d;flex-direction:column;width:268px;min-width:268px;height:100vh;transition:width .25s cubic-bezier(.4,0,.2,1),min-width .25s cubic-bezier(.4,0,.2,1);display:flex;position:sticky;top:0;overflow:hidden;box-shadow:4px 0 24px #00000026}.sidebar.collapsed{width:72px!important;min-width:72px!important}.sidebar.collapsed .logo-container{justify-content:center;padding:0 .5rem}.sidebar.collapsed .logo-container h1,.sidebar.collapsed .logo-container img,.sidebar.collapsed .nav-section-header{display:none!important}.sidebar.collapsed .nav-section{border-top:1px solid #ffffff0f;margin-top:.35rem;padding-top:.35rem;position:relative}.sidebar.collapsed .nav-section:first-child{border-top:none;margin-top:0;padding-top:0}.sidebar.collapsed .nav-item{border-radius:var(--radius-md);justify-content:center;gap:0;margin:.15rem .4rem;padding:.65rem 0;border-left:none!important}.sidebar.collapsed .nav-item span{display:none!important}.sidebar.collapsed .nav-item.active{background:var(--bg-sidebar-active);box-shadow:0 0 0 1px var(--accent)}.main-content{background:var(--bg-color);flex-direction:column;flex:1;min-width:0;min-height:100vh;display:flex}.logo-container{background:0 0;border-bottom:1px solid #ffffff0f;flex-shrink:0;justify-content:space-between;align-items:center;gap:.75rem;height:64px;min-height:64px;max-height:64px;margin-bottom:.5rem;padding:0 1rem;display:flex}.logo-icon{background:var(--accent-gradient);width:36px;height:36px;box-shadow:0 4px 12px var(--accent-glow);border-radius:9px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.logo-container h1{letter-spacing:-.025em;color:#fff;white-space:nowrap;margin:0;font-family:Outfit,sans-serif;font-size:1.15rem;font-weight:800}.sidebar::-webkit-scrollbar{width:4px;height:0!important}.nav-links::-webkit-scrollbar{width:4px;height:0!important}.sidebar::-webkit-scrollbar-track{background:0 0}.nav-links::-webkit-scrollbar-track{background:0 0}.sidebar::-webkit-scrollbar-thumb{background:#ffffff1f;border-radius:4px}.nav-links::-webkit-scrollbar-thumb{background:#ffffff1f;border-radius:4px}.sidebar::-webkit-scrollbar-thumb:hover{background:#ffffff38}.nav-links::-webkit-scrollbar-thumb:hover{background:#ffffff38}.nav-links{flex-direction:column;flex:1;gap:2px;padding:0 .65rem 1.5rem;display:flex;overflow-y:auto;overflow-x:hidden!important}.nav-item{box-sizing:border-box;min-height:38px;color:var(--text-sidebar);border-radius:var(--radius-sm);cursor:pointer;white-space:nowrap;-webkit-user-select:none;user-select:none;border-left:3px solid #0000;align-items:center;gap:.75rem;max-width:100%;padding:.55rem .85rem;font-size:.86rem;font-weight:500;line-height:1.25;text-decoration:none;transition:all .18s cubic-bezier(.4,0,.2,1);display:flex}.nav-item span{text-overflow:ellipsis;white-space:nowrap;line-height:1.25;overflow:hidden}.nav-item:hover{background:var(--bg-sidebar-hover);color:#fff;transform:translate(2px)}.nav-item.active{background:var(--bg-sidebar-active);color:#fff;border-left-color:var(--accent);box-shadow:inset 1px 0 0 var(--accent);font-weight:600}.nav-item.active svg{color:var(--accent);filter:drop-shadow(0 0 8px var(--accent-glow))}.nav-item.sub-item{border-left:none;min-height:34px;padding:.45rem .75rem;font-size:.82rem}.nav-item.sub-item.active{background:var(--bg-sidebar-active);box-shadow:none;border-left:none}.nav-item.logout{color:#fca5a5;margin-top:auto}.nav-item.logout:hover{color:#fca5a5;background:#ef444426}.nav-section{margin-bottom:.5rem}.nav-section-header{text-transform:uppercase;letter-spacing:.08em;color:#94a3b8b3;cursor:pointer;-webkit-user-select:none;user-select:none;border-radius:var(--radius-xs);white-space:nowrap;justify-content:space-between;align-items:center;margin-top:.5rem;padding:.5rem .85rem;font-size:.68rem;font-weight:700;transition:all .18s;display:flex}.nav-section-header:hover{color:#fff;background:#ffffff0a}.nav-section-items{flex-direction:column;gap:2px;margin-top:2px;display:flex}.nav-section:first-child .nav-section-header{margin-top:0}.nav-sub-group{border-left:1.5px solid #ffffff1a;flex-direction:column;gap:2px;margin:3px 0 3px .65rem;padding-left:.5rem;display:flex}.nav-sub-header{color:#cbd5e1bf;cursor:pointer;border-radius:var(--radius-xs);-webkit-user-select:none;user-select:none;justify-content:space-between;align-items:center;min-height:32px;padding:.45rem .65rem;font-size:.78rem;font-weight:600;transition:all .15s;display:flex}.nav-sub-header:hover{color:#fff;background:#ffffff0a}.nav-sub-header.has-active{color:var(--accent,#38bdf8)}.card,.glass-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);transition:all .2s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.card:hover,.glass-card:hover{border-color:var(--border-hover);box-shadow:var(--shadow-md)}.card-bento{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);flex-direction:column;padding:1.5rem;transition:all .25s cubic-bezier(.4,0,.2,1);display:flex;position:relative;overflow:hidden}.card-bento:hover{box-shadow:var(--shadow-lg);border-color:#00bcd459;transform:translateY(-2px)}.btn{border-radius:var(--radius-md);cursor:pointer;-webkit-user-select:none;user-select:none;white-space:nowrap;border:1px solid #0000;justify-content:center;align-items:center;gap:.5rem;padding:.6rem 1.15rem;font-family:inherit;font-size:.86rem;font-weight:600;line-height:1.4;transition:all .18s cubic-bezier(.4,0,.2,1);display:inline-flex}.btn:active{transform:scale(.98)}.btn-primary{background:var(--accent-gradient);color:#fff;box-shadow:0 4px 14px var(--accent-glow);border:1px solid #ffffff26}.btn-primary:hover{filter:brightness(1.08);box-shadow:0 6px 20px var(--accent-glow);transform:translateY(-1px)}.btn-primary:active{transform:scale(.98)}.btn-secondary{color:var(--text-main);border:1px solid var(--border);box-shadow:var(--shadow-xs);background:#fff}.btn-secondary:hover{border-color:var(--border-hover);color:var(--text-main);box-shadow:var(--shadow-sm);background:#f8fafc}.landing-container .btn-secondary{color:#f1f5f9;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffff0f;border:1px solid #94a3b826}.landing-container .btn-secondary:hover{background:#ffffff1a;border-color:#94a3b840}.btn-success{background:var(--success);color:#fff;box-shadow:0 4px 14px #10b98140}.btn-success:hover{filter:brightness(1.08);transform:translateY(-1px);box-shadow:0 6px 20px #10b98159}.btn-danger{background:var(--error);color:#fff;box-shadow:0 4px 14px #ef444440}.btn-danger:hover{filter:brightness(1.08);transform:translateY(-1px);box-shadow:0 6px 20px #ef444459}.btn-icon{border-radius:var(--radius-sm);color:var(--text-dim);cursor:pointer;background:0 0;border:1px solid #0000;justify-content:center;align-items:center;padding:.5rem;transition:all .18s;display:inline-flex}.btn-icon:hover{background:var(--accent-light);color:var(--accent);border-color:#00bcd433}.badge{border-radius:var(--radius-full);letter-spacing:.02em;align-items:center;gap:.35rem;padding:.25rem .65rem;font-size:.72rem;font-weight:700;line-height:1;display:inline-flex}.status-badge{border-radius:var(--radius-full);letter-spacing:.02em;border:1px solid #0000;align-items:center;gap:.4rem;padding:.3rem .75rem;font-size:.75rem;font-weight:700;display:inline-flex}.status-badge.paid,.status-badge.success{background:var(--success-bg);color:#065f46;border-color:var(--success-border)}.status-badge.pending,.status-badge.warning{background:var(--warning-bg);color:#92400e;border-color:var(--warning-border)}.status-badge.danger,.status-badge.voided{background:var(--error-bg);color:#991b1b;border-color:var(--error-border)}.status-badge.info,.status-badge.open{background:var(--info-bg);color:#075985;border-color:#0284c733}.status-dot{background:currentColor;border-radius:50%;width:6px;height:6px;display:inline-block}.form-group{flex-direction:column;gap:.45rem;margin-bottom:1.15rem;display:flex}.form-label,.form-group label{color:var(--text-secondary);letter-spacing:.01em;font-size:.8rem;font-weight:600}.form-control,select,input[type=text],input[type=email],input[type=number],input[type=date],input[type=month],input[type=tel],input[type=password],input[type=file],input[type=search],textarea{background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius-md);color:var(--text-main);width:100%;box-shadow:var(--shadow-xs);outline:none;padding:.65rem .95rem;font-family:inherit;font-size:.88rem;line-height:1.5;transition:all .2s cubic-bezier(.4,0,.2,1)}.form-control:hover,select:hover,input:hover,textarea:hover{border-color:var(--border-hover)}.form-control:focus,select:focus,input:focus,textarea:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-glow);background:#fff}.form-control::placeholder,input::placeholder,textarea::placeholder{color:var(--text-dim);font-weight:400}.form-control:disabled,select:disabled,input:disabled,textarea:disabled{opacity:.6;cursor:not-allowed;background:#f1f5f9}select{appearance:none;cursor:pointer;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24' fill='none' stroke='%2364748b' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");background-position:right .85rem center;background-repeat:no-repeat;padding-right:2.5rem}select option{color:var(--text-main);background:#fff}textarea{resize:vertical;min-height:80px}.input-group label{color:var(--text-secondary);font-size:.8rem;font-weight:600}.input-wrapper{background:var(--bg-surface);border:1.5px solid var(--border);border-radius:var(--radius-sm);align-items:center;gap:.75rem;padding:0 .9rem;transition:all .2s;display:flex;position:relative}.input-wrapper:hover{border-color:var(--border-hover)}.input-wrapper:focus-within{border-color:var(--accent);box-shadow:0 0 0 3px #4f6ef71a}.input-wrapper svg{color:var(--text-dim);flex-shrink:0;transition:color .2s}.input-wrapper:focus-within svg{color:var(--accent)}.input-wrapper input{flex:1;min-width:0;box-shadow:none!important;background:0 0!important;border:none!important;padding:.7rem 0!important}.input-wrapper input:focus{box-shadow:none!important}.form-row{grid-template-columns:1fr 1fr;gap:1rem;display:grid}.form-grid-3{grid-template-columns:repeat(3,1fr);gap:1rem;display:grid}.form-grid-4{grid-template-columns:repeat(4,1fr);gap:1rem;display:grid}@media (width<=768px){.form-row,.form-grid-3,.form-grid-4{grid-template-columns:1fr}}.form-section-title{text-transform:uppercase;letter-spacing:.08em;color:var(--text-dim);border-bottom:1px solid var(--border);margin-top:1.5rem;margin-bottom:1rem;padding-bottom:.5rem;font-size:.75rem;font-weight:700}.form-section-title:first-child{margin-top:0}.form-error{border-radius:var(--radius-sm);background:var(--error-bg);color:var(--error);border:1px solid #ef444426;align-items:center;gap:.5rem;margin-bottom:1rem;padding:.75rem 1rem;font-size:.82rem;font-weight:500;display:flex}.form-success{border-radius:var(--radius-sm);background:var(--success-bg);color:var(--success);border:1px solid #10b98126;align-items:center;gap:.5rem;margin-bottom:1rem;padding:.75rem 1rem;font-size:.82rem;font-weight:500;display:flex}.field-error{color:var(--error);margin-top:.2rem;font-size:.72rem;font-weight:500}.auth-view{background:linear-gradient(135deg,#0c0e1a 0%,#111327 50%,#0a1628 100%);flex-direction:column;justify-content:center;align-items:center;min-height:100vh;padding:2rem;display:flex;position:relative;overflow:hidden}.auth-view:before{content:"";pointer-events:none;background:radial-gradient(circle,#4f6ef70f 0%,#0000 70%);border-radius:50%;width:60vw;height:60vw;position:absolute;top:-30%;right:-20%}.auth-view:after{content:"";pointer-events:none;background:radial-gradient(circle,#7c3aed0d 0%,#0000 70%);border-radius:50%;width:50vw;height:50vw;position:absolute;bottom:-20%;left:-15%}.auth-card{border-radius:var(--radius-2xl);-webkit-backdrop-filter:blur(24px)saturate(180%);backdrop-filter:blur(24px)saturate(180%);z-index:1;background:#0f111ed9;border:1px solid #94a3b81a;width:100%;max-width:440px;padding:2.5rem;position:relative;box-shadow:0 24px 48px #0000004d,inset 0 0 0 1px #ffffff08}.auth-card h2{color:#f1f5f9}.auth-card p{color:#94a3b8}.auth-card label{color:#94a3b8!important}.auth-card .input-wrapper{background:#ffffff0a;border-color:#94a3b81f}.auth-card .input-wrapper:hover{border-color:#94a3b833}.auth-card .input-wrapper:focus-within{border-color:var(--accent);box-shadow:0 0 0 3px #4f6ef71f}.auth-card .input-wrapper input{color:#f1f5f9!important}.auth-card .input-wrapper input::placeholder{color:#64748b!important}.auth-card .btn-primary{box-shadow:0 0 30px #4f6ef740}.auth-card .btn-primary:hover{box-shadow:0 0 40px #4f6ef759}.badge-small{color:var(--accent);text-transform:uppercase;letter-spacing:.08em;background:#4f6ef714;border:1px solid #4f6ef726;border-radius:100px;padding:.3rem .85rem;font-size:.68rem;font-weight:700;display:inline-flex}.btn-back-fancy{color:#94a3b8;cursor:pointer;background:#ffffff0a;border:1px solid #94a3b81a;border-radius:100px;align-items:center;gap:.5rem;margin-bottom:2rem;padding:.45rem 1rem;font-size:.82rem;font-weight:600;transition:all .2s;display:inline-flex}.btn-back-fancy:hover{color:#f1f5f9;background:#ffffff14}.fullscreen-overlay{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:9999;background:#0f172a99;justify-content:center;align-items:center;padding:2rem;animation:.2s fadeIn;display:flex;position:fixed;inset:0;overflow-y:auto}.fullscreen-overlay>.card,.fullscreen-overlay>.glass-card,.fullscreen-overlay>div{border-radius:var(--radius-2xl);background:#fff;width:100%;max-width:800px;max-height:90vh;padding:2rem;animation:.25s slideUp;overflow-y:auto;box-shadow:0 24px 48px #0000001f,0 0 0 1px #0000000a}.fullscreen-overlay .form-group{margin-bottom:1.25rem}.fullscreen-overlay .btn-primary{padding:.85rem 1.5rem}@media (width<=768px){.fullscreen-overlay{align-items:flex-end;padding:.75rem}.fullscreen-overlay>.card,.fullscreen-overlay>.glass-card,.fullscreen-overlay>div{border-radius:var(--radius-xl) var(--radius-xl) 0 0;max-height:95vh;padding:1.5rem}.auth-card{border-radius:var(--radius-xl);max-width:100%;padding:1.75rem}}.dashboard-header,.page-header{justify-content:space-between;align-items:center;margin-bottom:1.75rem;display:flex}.dashboard-header h2,.page-header h1,.page-header h2{color:var(--text-main);letter-spacing:-.02em;font-size:1.5rem;font-weight:700}.gradient-text{background:var(--accent-gradient);-webkit-text-fill-color:transparent;-webkit-background-clip:text}.text-dim,.text-secondary{color:var(--text-secondary)}.table-container{min-height:300px;padding:0;overflow-x:auto}.modern-table{border-collapse:collapse;width:100%}.modern-table th{text-align:left;text-transform:uppercase;color:var(--text-secondary);letter-spacing:.05em;border-bottom:2px solid var(--border);z-index:10;-webkit-user-select:none;user-select:none;background:#f8fafc;padding:.85rem 1.25rem;font-size:.72rem;font-weight:700;position:sticky;top:0}.modern-table td{color:var(--text-main);vertical-align:middle;border-bottom:1px solid #f1f5f9;padding:.95rem 1.25rem;font-size:.875rem;transition:all .15s}.modern-table tbody tr{transition:all .15s}.modern-table tbody tr:hover{background:#00bcd406}.modern-table tbody tr:last-child td{border-bottom:none}.search-bar,.search-box{border-radius:var(--radius-md);border:1px solid var(--border);box-shadow:var(--shadow-xs);background:#fff;align-items:center;gap:.75rem;padding:.65rem 1rem;transition:all .2s cubic-bezier(.4,0,.2,1);display:flex}.search-bar:focus-within,.search-box:focus-within{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-glow);background:#fff}.search-bar input,.search-box input{color:var(--text-main);background:0 0;border:none;outline:none;width:100%;font-family:inherit;font-size:.88rem}.search-bar input::placeholder,.search-box input::placeholder{color:var(--text-dim)}.ob-container{background:linear-gradient(135deg,#0c0e1a 0%,#111327 50%,#0a1628 100%);justify-content:center;align-items:center;min-height:100vh;padding:2rem;display:flex;position:relative;overflow:hidden}.ob-bg-glow{pointer-events:none;border-radius:50%;position:absolute}.ob-bg-glow-1{background:radial-gradient(circle,#4f6ef712 0%,#0000 70%);width:50vw;height:50vw;top:-20%;right:-15%}.ob-bg-glow-2{background:radial-gradient(circle,#7c3aed0d 0%,#0000 70%);width:40vw;height:40vw;bottom:-20%;left:-10%}.ob-card{-webkit-backdrop-filter:blur(24px)saturate(180%);backdrop-filter:blur(24px)saturate(180%);z-index:1;color:#f1f5f9;background:#0f111ee0;border:1px solid #94a3b81a;border-radius:24px;width:100%;max-width:560px;padding:2.5rem;position:relative;box-shadow:0 24px 60px #00000059}.ob-logo{align-items:center;gap:.6rem;margin-bottom:2rem;display:flex}.ob-progress{justify-content:center;align-items:center;gap:2.5rem;margin-bottom:2.5rem;display:flex;position:relative}.ob-progress-line{z-index:0;background:#94a3b81f;border-radius:2px;height:2px;position:absolute;top:50%;left:25%;right:25%}.ob-progress-fill{background:var(--accent-gradient);border-radius:2px;height:100%;transition:width .4s}.ob-dot{color:#64748b;z-index:1;background:#94a3b814;border:2px solid #94a3b81f;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;font-size:.72rem;font-weight:800;transition:all .3s;display:flex}.ob-dot.active{border-color:var(--accent);color:var(--accent);background:#4f6ef71f}.ob-dot.current{box-shadow:0 0 0 4px #4f6ef726}.ob-body{margin-bottom:2rem;animation:.3s fadeIn}.ob-title{letter-spacing:-.03em;color:#f1f5f9;margin-bottom:.5rem;font-size:1.75rem;font-weight:900}.ob-subtitle{color:#94a3b8;margin-bottom:2rem;font-size:.95rem;line-height:1.6}.ob-cards-grid{grid-template-columns:1fr 1fr;gap:1rem;display:grid}.ob-type-card{cursor:pointer;text-align:center;background:#ffffff05;border:2px solid #94a3b81a;border-radius:16px;padding:1.75rem;transition:all .25s;position:relative}.ob-type-card:hover{background:#ffffff0a;border-color:#94a3b833}.ob-type-card.active{border-color:var(--accent);background:#4f6ef70f;box-shadow:0 0 0 3px #4f6ef71a}.ob-type-icon{border-radius:16px;justify-content:center;align-items:center;width:60px;height:60px;margin:0 auto 1rem;display:flex}.ob-type-card h3{color:#f1f5f9;margin-bottom:.4rem;font-size:.95rem;font-weight:700}.ob-type-card p{color:#94a3b8;margin:0;font-size:.78rem;line-height:1.5}.ob-type-check{color:var(--accent);position:absolute;top:12px;right:12px}.ob-form{flex-direction:column;gap:1.25rem;display:flex}.ob-field{flex-direction:column;gap:.4rem;display:flex}.ob-field label{color:#94a3b8;font-size:.8rem;font-weight:600}.ob-field input{transition:all .2s;color:#f1f5f9!important;background:#ffffff0a!important;border:1.5px solid #94a3b81f!important;border-radius:10px!important;padding:.75rem .95rem!important;font-size:.9rem!important}.ob-field input:hover{border-color:#94a3b833!important}.ob-field input:focus{border-color:var(--accent)!important;box-shadow:0 0 0 3px #4f6ef71f!important}.ob-field input::placeholder{color:#475569!important}.ob-hint{color:#64748b;margin-top:.1rem;font-size:.72rem}.ob-error{color:#f87171;background:#ef444414;border:1px solid #ef444426;border-radius:10px;align-items:center;gap:.5rem;margin-bottom:1.5rem;padding:.75rem 1rem;font-size:.82rem;font-weight:500;animation:.2s fadeIn;display:flex}.ob-success-icon{text-align:center;color:#10b981;margin-bottom:1.5rem;animation:.4s scaleIn}@keyframes scaleIn{0%{opacity:0;transform:scale(.5)}to{opacity:1;transform:scale(1)}}.ob-success-list{flex-direction:column;gap:.85rem;display:flex}.ob-success-item{background:#ffffff08;border:1px solid #94a3b814;border-radius:12px;align-items:flex-start;gap:.85rem;padding:1rem;display:flex}.ob-success-item svg{flex-shrink:0;margin-top:2px}.ob-success-item strong{color:#f1f5f9;margin-bottom:.15rem;font-size:.88rem;display:block}.ob-success-item p{color:#94a3b8;margin:0;font-size:.78rem;line-height:1.4}.ob-actions{border-top:1px solid #94a3b814;align-items:center;gap:.75rem;padding-top:1.5rem;display:flex}.ob-step-label{text-align:center;color:#64748b;margin-top:1.25rem;margin-bottom:0;font-size:.72rem}@media (width<=600px){.ob-card{max-width:100%;padding:1.75rem}.ob-cards-grid{grid-template-columns:1fr}.ob-title{font-size:1.4rem}.ob-actions{flex-wrap:wrap}.ob-actions .btn{flex:1;justify-content:center}}.rnc-cell{flex-direction:column;gap:.15rem;display:flex}.rnc-num{color:var(--text-main);font-weight:700}.rnc-badge{color:var(--accent);font-size:.65rem;font-weight:700}.ncf-txt{color:var(--text-main);font-family:JetBrains Mono,ui-monospace,monospace;font-size:.85rem;font-weight:600}.amount-txt{color:var(--text-main);font-size:.95rem;font-weight:700}.date-txt{color:var(--text-secondary)}.spinning{animation:1s linear infinite spin}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.loading-state{color:var(--text-dim);flex-direction:column;justify-content:center;align-items:center;gap:1rem;padding:4rem;display:flex}.animation-fade-in{animation:.3s fadeIn}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.hover-row:hover{background:#f8fafc}@media (width<=1024px){.hero{text-align:center;grid-template-columns:1fr}.hero-content{flex-direction:column;align-items:center;display:flex}.hero-title{font-size:3rem}.pricing-grid{grid-template-columns:1fr}.pricing-card.featured{transform:none}.showcase-content,.steps-container{grid-template-columns:1fr}.step-arrow{transform:rotate(90deg)}.footer-content{grid-template-columns:1fr}.footer-links{grid-template-columns:repeat(2,1fr)}.scanner-layout{grid-template-columns:1fr}.main-content{padding:1.5rem}}@media (width<=768px){.app-container{flex-direction:column}.main-content{padding:1rem .75rem 2rem}.metrics-grid{grid-template-columns:1fr 1fr!important;gap:.75rem!important}.page-header,.dashboard-header{flex-direction:column;align-items:flex-start;gap:.75rem}.hero-title{font-size:2rem}}.side-panel-overlay{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:1000;background:#0006;justify-content:flex-end;animation:.2s ease-out fadeIn;display:flex;position:fixed;inset:0}.side-panel{background:var(--bg-surface);flex-direction:column;width:100%;max-width:450px;height:100%;animation:.3s cubic-bezier(.16,1,.3,1) slideInRight;display:flex;box-shadow:-4px 0 24px #0000001a}.side-panel-header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:1.5rem;display:flex}.side-panel-content{flex:1;padding:1.5rem;overflow-y:auto}.side-panel-footer{border-top:1px solid var(--border);background:var(--bg);justify-content:flex-end;gap:1rem;padding:1.5rem;display:flex}@keyframes slideInRight{0%{transform:translate(100%)}to{transform:translate(0)}}.public-landing-nav{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:50;background:#ffffffe6;border-bottom:1px solid #0000000d;justify-content:space-between;align-items:center;padding:1rem 2rem;display:flex;position:sticky;top:0}.public-landing-hero{text-align:center;padding:6rem 2rem;position:relative;overflow:hidden}.public-landing-title{letter-spacing:-.03em;color:#0b101e;margin-bottom:1rem;font-size:3.5rem;font-weight:800;line-height:1.1}.public-landing-subtitle{color:#475569;max-width:600px;margin:0 auto 2.5rem;font-size:1.25rem}.public-landing-section{max-width:1200px;margin:0 auto;padding:5rem 2rem}.public-about-grid{grid-template-columns:1fr 1fr;align-items:center;gap:4rem;display:grid}.public-services-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:2rem;display:grid}.public-service-card{background:#fff;border:1px solid #0000000a;border-radius:24px;padding:2rem;transition:all .3s;box-shadow:0 4px 20px #00000008}.public-service-card:hover{transform:translateY(-5px);box-shadow:0 12px 30px #00000014}@media (width<=768px){.public-about-grid{text-align:center;grid-template-columns:1fr;gap:2rem}.public-landing-title{font-size:2.5rem}.public-landing-nav{padding:1rem}.main-content{min-height:100vh;padding:1rem .75rem 2.5rem!important}div[style*="grid-template-columns: 1fr 1fr"],div[style*="grid-template-columns: repeat("],.form-row,.form-grid-3,.form-grid-4{grid-template-columns:1fr!important;gap:1rem!important}div[style*="gridTemplateColumns: '3fr 1fr 1.5fr 1fr auto'"],div[style*="grid-template-columns: 3fr 1.5fr 1.5fr 2fr auto"],div[style*="grid-template-columns: 3fr 1fr 1.5fr 1fr auto"]{border:1px solid var(--border);background:#f8fafc;border-radius:8px;flex-direction:column;margin-bottom:1rem;padding:1rem;gap:.5rem!important;display:flex!important}div[style*="grid-template-columns: 3fr 1fr 1.5fr 1fr auto"]>input,div[style*="grid-template-columns: 3fr 1fr 1.5fr 1fr auto"]>select,div[style*="grid-template-columns: 3fr 1.5fr 1.5fr 2fr auto"]>input,div[style*="grid-template-columns: 3fr 1.5fr 1.5fr 2fr auto"]>select{width:100%!important}div[style*="grid-template-columns: 3fr 1fr 1.5fr 1fr auto"]>button,div[style*="grid-template-columns: 3fr 1.5fr 1.5fr 2fr auto"]>button{border-radius:8px;align-self:flex-end;margin-top:.5rem;background:#fee2e2!important;padding:.5rem!important}.table-container,div>table,.table-wrapper{-webkit-overflow-scrolling:touch;white-space:nowrap;border:1px solid var(--border);border-radius:8px;width:100%!important;display:block!important;overflow-x:auto!important}.modal-overlay,.fullscreen-overlay{align-items:flex-end;padding:0!important}.modal-content,.card,.glass-card,.ob-card{max-height:90vh;overflow-y:auto;border-radius:20px 20px 0 0!important;width:100%!important;padding:1.5rem!important}.metrics-grid{grid-template-columns:1fr 1fr!important;gap:.75rem!important}.pos-cart{margin-top:1rem;width:100%!important;height:auto!important;position:static!important}.dashboard-header{flex-direction:column;align-items:flex-start;gap:1rem}.dashboard-header .actions{justify-content:space-between;width:100%;display:flex}.mobile-header{background:var(--bg-sidebar);color:#fff;z-index:101;justify-content:space-between;align-items:center;padding:1rem 1.5rem;display:flex;position:sticky;top:0}.app-container{flex-direction:column}.sidebar{z-index:102;height:100vh;transition:left .3s cubic-bezier(.4,0,.2,1);top:0;left:-100%;box-shadow:4px 0 24px #00000080;width:280px!important;position:fixed!important}.sidebar.open{left:0!important}.sidebar-overlay{display:none}.sidebar-overlay.open{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:101;background:#0f172a99;animation:.3s fadeIn;display:block;position:fixed;inset:0}.mobile-close-btn{display:flex!important}}.mobile-header,.sidebar-overlay{display:none}.glass-panel-premium{-webkit-backdrop-filter:blur(16px);background:#ffffffd9;border:1px solid #fff6;box-shadow:0 8px 32px #1f268712}.glass-modal-premium{-webkit-backdrop-filter:blur(8px);background:#0f172a99}.ai-magic-box{background:linear-gradient(135deg,#f3e8ffcc 0%,#e0e7ffcc 100%);border:1px solid #c7d2fe80;border-radius:16px;position:relative;overflow:hidden;box-shadow:0 4px 20px #6366f114}.ai-magic-box:before{content:"";pointer-events:none;background:linear-gradient(90deg,#0000,#fff6,#0000);width:50%;height:100%;animation:4s infinite shine;position:absolute;top:0;left:-100%;transform:skew(-20deg)}@keyframes shine{0%{left:-100%}20%{left:200%}to{left:200%}}.skeleton-pulse{animation:1.5s infinite pulse-bg}@keyframes pulse-bg{0%{background-color:#f1f5f9}50%{background-color:#e2e8f0}to{background-color:#f1f5f9}}.premium-input{background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;width:100%;padding:.85rem 1rem;font-family:inherit;font-size:.95rem;transition:all .3s}.premium-input:focus{background:#fff;border-color:#6366f1;outline:none;box-shadow:0 0 0 4px #6366f11a}.editor-scroll::-webkit-scrollbar{width:6px}.editor-scroll::-webkit-scrollbar-track{background:0 0}.editor-scroll::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:10px}.editor-scroll::-webkit-scrollbar-thumb:hover{background:#94a3b8}.landing-nav{padding:1.25rem 4rem}.landing-nav.scrolled{padding:.75rem 4rem}.landing-nav-links{gap:2.5rem;display:flex}.landing-hero{padding:8rem 4rem 4rem}@media (width<=768px){.landing-nav{padding:1rem 1.5rem!important}.landing-nav.scrolled{padding:.5rem 1.5rem!important}.landing-nav-links{display:none!important}.landing-hero{padding:6rem 1.5rem 3rem!important}}.modal-overlay{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:200;background:#081325a6;justify-content:center;align-items:center;padding:1.5rem;animation:.2s ease-out fadeIn;display:flex;position:fixed;inset:0}.modal-content{border-radius:var(--radius-xl);border:1px solid var(--border);width:100%;max-width:580px;box-shadow:var(--shadow-xl);background:#fff;padding:2.25rem;animation:.25s cubic-bezier(.16,1,.3,1) slideUp}.status-pill{border-radius:var(--radius-full);letter-spacing:.03em;border:1px solid #0000;align-items:center;gap:.4rem;padding:.35rem .85rem;font-size:.75rem;font-weight:700;line-height:1;display:inline-flex}.status-pill.open{color:var(--accent);background:#00bcd41a;border-color:#00bcd433}.status-pill.pending{background:var(--warning-bg);color:#b45309;border-color:var(--warning-border)}.status-pill.reported,.status-pill.paid{background:var(--success-bg);color:#047857;border-color:var(--success-border)}.status-pill.voided,.status-pill.cancelled{background:var(--error-bg);color:#b91c1c;border-color:var(--error-border)}.status-pill.btn-secondary{color:var(--text-secondary);border:1px solid var(--border);background:#fff}.btn-secondary:hover{border-color:var(--border-hover);color:var(--text-main);background:#f8fafc}.metrics-grid{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1.25rem;display:grid}.metric-card{border-radius:var(--radius-lg);border:1px solid var(--border);box-shadow:var(--shadow-sm);background:#fff;align-items:center;gap:1.25rem;padding:1.5rem;transition:all .22s cubic-bezier(.4,0,.2,1);display:flex;position:relative;overflow:hidden}.metric-card:hover{box-shadow:var(--shadow-md);border-color:var(--border-hover);transform:translateY(-2px)}.metric-icon-wrap{border-radius:var(--radius-md);flex-shrink:0;justify-content:center;align-items:center;width:50px;height:50px;transition:transform .2s;display:flex}.metric-card:hover .metric-icon-wrap{transform:scale(1.05)}.metric-card.blue .metric-icon-wrap{color:var(--accent);background:#00bcd41f}.metric-card.green .metric-icon-wrap{color:#10b981;background:#10b9811f}.metric-card.purple .metric-icon-wrap{color:#8b5cf6;background:#8b5cf61f}.metric-card.orange .metric-icon-wrap{color:#f59e0b;background:#f59e0b1f}.metric-card.red .metric-icon-wrap{color:#ef4444;background:#ef44441f}.metric-info h3{color:var(--text-main);letter-spacing:-.02em;margin-bottom:.15rem;font-size:1.45rem;font-weight:800}.metric-info p{color:var(--text-dim);text-transform:uppercase;letter-spacing:.05em;margin:0;font-size:.78rem;font-weight:600}.btn-ghost{color:var(--text-dim);background:0 0;border:none}.btn-ghost:hover{color:var(--text-main)}.btn-full,.w-full{width:100%}.batch-card{flex-direction:column;padding:2rem;display:flex}.input-group{flex-direction:column;gap:.5rem;margin-bottom:1.25rem;display:flex}.input-group label{color:var(--text-dim);text-transform:uppercase;letter-spacing:.04em;font-size:.8rem;font-weight:700}.input-group input,.input-group select{border-radius:var(--radius-md);border:1px solid var(--border);color:var(--text-main);background:#fff;padding:.85rem 1.25rem;font-family:inherit;font-size:.95rem;transition:border-color .3s}.input-group input:focus,.input-group select:focus{border-color:var(--accent);outline:none;box-shadow:0 0 0 3px #3b82f61a}.input-group input.error{border-color:var(--error);box-shadow:0 0 0 3px #ef44441a}.error-text{color:var(--error);font-size:.75rem;font-weight:600}.currency-input{border:1px solid var(--border);border-radius:var(--radius-md);background:#fff;align-items:center;display:flex;overflow:hidden}.currency-input span{color:var(--text-dim);border-right:1px solid var(--border);padding:.85rem;font-weight:700}.currency-input input{flex:1;box-shadow:none!important;border:none!important}.scanner-layout{grid-template-columns:1fr 1fr;gap:2rem;display:grid}.drop-container{cursor:pointer;justify-content:center;align-items:center;min-height:400px;padding:2rem;transition:border-color .3s;display:flex}.drop-container:hover{border-color:var(--accent)}.empty-upload-state{text-align:center;padding:3rem}.upload-icon-circle{width:80px;height:80px;color:var(--accent);background:#3b82f614;border-radius:50%;justify-content:center;align-items:center;margin:0 auto 1.5rem;display:flex}.upload-btn-fake{border:1px dashed var(--border);color:var(--text-dim);border-radius:8px;margin-top:1.5rem;padding:.6rem 1.5rem;font-size:.85rem;display:inline-block}.preview-container{width:100%;position:relative}.invoice-preview{object-fit:contain;border-radius:12px;width:100%;max-height:500px}.scan-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#000000b3;border-radius:12px;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.progress-bar-wrap{background:#e2e8f0;border-radius:10px;width:100%;height:8px;margin-top:1rem;overflow:hidden}.progress-bar-fill{background:var(--accent-gradient);border-radius:10px;height:100%;transition:width .3s}.scanner-education-cards{grid-template-columns:1fr 1fr;gap:1rem;margin-top:1.5rem;display:grid}.education-card{align-items:flex-start;gap:1rem;padding:1.25rem;display:flex}.education-card h4{margin-bottom:.25rem;font-size:.9rem}.education-card p{color:var(--text-dim);font-size:.75rem}.edu-icon{border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;display:flex}.edu-icon.blue{color:#3b82f6;background:#3b82f61a}.edu-icon.green{color:#10b981;background:#10b9811a}.form-container{padding:2rem}.form-header{justify-content:space-between;align-items:center;margin-bottom:1.5rem;display:flex}.form-header h3{align-items:center;gap:.5rem;display:flex}.text-accent{color:var(--accent)}.status-badge.success{color:var(--success);background:#10b9811a;border-radius:100px;padding:.3rem .8rem;font-size:.7rem;font-weight:700}.form-grid{flex-direction:column;gap:0;display:flex}.dual-inputs{grid-template-columns:1fr 1fr;gap:1.5rem;display:grid}.form-actions{flex-direction:column;gap:.75rem;margin-top:1.5rem;display:flex}.ai-insight-box{color:var(--accent);background:#3b82f60a;border:1px solid #3b82f61a;border-radius:12px;align-items:flex-start;gap:.75rem;margin-top:1.5rem;padding:1rem 1.25rem;display:flex}.ai-insight-box p{color:var(--text-secondary);font-size:.8rem}.scanner-help-stack{flex-direction:column;gap:1.5rem;display:flex}.help-card{text-align:center;padding:2rem}.help-icon{color:var(--accent);opacity:.5;margin-bottom:1.5rem}.help-list{text-align:left;margin-top:1rem;padding:0;list-style:none}.help-list li{color:var(--text-secondary);align-items:center;gap:.75rem;padding:.5rem 0;font-size:.85rem;display:flex}.help-list .dot{background:var(--accent);border-radius:50%;flex-shrink:0;width:6px;height:6px}.info-card-premium{padding:1.5rem}.info-card-premium h4{margin-bottom:.5rem}.info-card-premium p{color:var(--text-dim);font-size:.8rem}.format-tags{flex-wrap:wrap;gap:.5rem;margin-top:1rem;display:flex}.format-tags span{color:var(--accent);background:#3b82f614;border-radius:6px;padding:.3rem .7rem;font-size:.7rem;font-weight:700}.pro-tip-box{background:#fff;border:1px solid #f59e0b1a;border-radius:16px;padding:1.25rem}.pro-tip-box p{color:var(--text-secondary);font-size:.8rem}.onboarding-container{background:var(--bg-color);flex-direction:column;justify-content:center;align-items:center;min-height:100vh;padding:2rem;display:flex}.onboarding-progress{gap:.5rem;margin-bottom:3rem;display:flex}.onboarding-progress .dot{background:var(--border);border-radius:50%;width:10px;height:10px;transition:background .3s}.onboarding-progress .dot.active{background:var(--accent);box-shadow:0 0 10px var(--accent-glow)}.onboarding-content{text-align:center;width:100%;max-width:600px}.step-title{letter-spacing:-.03em;margin-bottom:.75rem;font-size:2.5rem;font-weight:800}.step-subtitle{color:var(--text-secondary);margin-bottom:3rem;font-size:1rem}.step-actions{margin-top:3rem}.onboarding-cards{grid-template-columns:1fr 1fr;gap:1.5rem;display:grid}.selection-card{border:2px solid var(--border);border-radius:var(--radius-xl);cursor:pointer;background:var(--bg-card);text-align:center;padding:2.5rem 2rem;transition:all .3s}.selection-card:hover{border-color:var(--border-hover)}.selection-card.active{border-color:var(--accent);background:#3b82f60d}.selection-card h3{margin-top:1rem;margin-bottom:.5rem}.selection-card p{color:var(--text-dim);font-size:.85rem}.form-onboarding{text-align:left;flex-direction:column;gap:1.5rem;display:flex}.success-onboarding{text-align:center}.success-icon{margin-bottom:2rem}.success-list{text-align:left;max-width:320px;margin:0 auto;padding:0;list-style:none}.success-list li{color:var(--text-secondary);align-items:center;gap:.75rem;padding:.75rem 0;font-size:.95rem;display:flex}.btn-glow{box-shadow:0 0 30px var(--accent-glow)}.auth-card{width:100%;max-width:480px;padding:3rem}.btn-back-fancy{cursor:pointer;color:var(--text-dim);align-items:center;gap:.5rem;margin-bottom:2.5rem;font-size:.85rem;transition:color .3s;display:inline-flex}.btn-back-fancy:hover{color:var(--text-main)}.btn-back-fancy .dot{background:var(--accent);border-radius:50%;width:4px;height:4px}.input-wrapper{border-radius:var(--radius-md);border:1px solid var(--border);color:var(--text-dim);background:#fff;align-items:center;gap:.75rem;padding:.85rem 1.25rem;display:flex}.input-wrapper input{color:var(--text-main);background:0 0;border:none;outline:none;flex:1;font-family:inherit;font-size:.95rem}.badge-small{letter-spacing:.08em;text-transform:uppercase;color:var(--accent);background:#3b82f614;border:1px solid #3b82f626;border-radius:100px;padding:.4rem 1rem;font-size:.7rem;font-weight:800}.text-muted{color:var(--text-secondary);font-size:.9rem}.text-dim{color:var(--text-dim)}.settings-nav{flex-direction:column;gap:.25rem;display:flex}.nav-btn{color:var(--text-dim);cursor:pointer;text-align:left;background:0 0;border:none;border-radius:10px;align-items:center;gap:.75rem;padding:.85rem 1rem;font-family:inherit;font-size:.9rem;font-weight:600;transition:all .2s;display:flex}.nav-btn:hover{color:var(--text-main);background:#f1f5f9}.nav-btn.active{color:var(--accent);background:#3b82f61a}.filter-group{align-items:center;gap:.75rem;display:flex}.results-count{color:var(--text-dim);font-size:.85rem}.landing-container{background:var(--bg-color);min-height:100vh}.landing-nav{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:1.5rem 4rem;display:flex}.nav-links-desktop{gap:2rem;display:flex}.nav-link{color:var(--text-dim);font-size:.9rem;font-weight:600;text-decoration:none;transition:color .3s}.nav-link:hover{color:var(--text-main)}.nav-actions{gap:1rem;display:flex}.hero{grid-template-columns:1fr 1fr;align-items:center;gap:4rem;padding:6rem 4rem;display:grid}.hero-title{letter-spacing:-.04em;margin-bottom:1.5rem;font-size:4rem;font-weight:900;line-height:1.1}.hero-subtitle{color:var(--text-secondary);max-width:600px;margin-bottom:2rem;font-size:1.15rem}.hero-btns{gap:1rem;margin-bottom:3rem;display:flex}.btn-lg{padding:1.1rem 2rem;font-size:1rem}.trust-badges{gap:2rem;display:flex}.trust-item{color:var(--text-secondary);align-items:center;gap:.5rem;font-size:.85rem;display:flex}.hero-visual,.hero-card-wrapper{position:relative}.hero-image{border-radius:var(--radius-2xl);border:1px solid var(--border);width:100%;box-shadow:var(--shadow-premium)}.floating-mini-card{background:var(--bg-card);-webkit-backdrop-filter:var(--glass);backdrop-filter:var(--glass);border-radius:var(--radius-lg);border:1px solid var(--border);box-shadow:var(--shadow-premium);align-items:center;gap:.75rem;padding:1rem 1.25rem;display:flex;position:absolute}.hero .badge{background:#3b82f614;border:1px solid #3b82f626;border-radius:100px;margin-bottom:2rem;padding:.5rem 1.25rem;font-size:.8rem}.section-padding{padding:6rem 4rem}.section-header{text-align:center;margin-bottom:4rem}.steps-container{grid-template-columns:1fr auto 1fr auto 1fr;align-items:center;gap:2rem;display:grid}.step-item{text-align:center;padding:2rem}.step-number{background:var(--accent-gradient);-webkit-text-fill-color:transparent;-webkit-background-clip:text;margin-bottom:1rem;font-size:3rem;font-weight:900;display:inline-block}.step-item h3{margin-bottom:.75rem}.step-item p{color:var(--text-dim);font-size:.9rem}.step-arrow{color:var(--border)}.showcase-content{grid-template-columns:1fr 1fr;align-items:center;gap:4rem;display:grid}.showcase-image{border-radius:var(--radius-xl);border:1px solid var(--border);width:100%}.premium-mockup-wrapper{position:relative}.mockup-overlay{background:linear-gradient(180deg, transparent 60%, var(--bg-color) 100%);border-radius:var(--radius-xl);pointer-events:none;position:absolute;inset:0}.feature-list{flex-direction:column;gap:1.5rem;display:flex}.feature-item-small{align-items:flex-start;gap:1rem;display:flex}.feature-item-small h4{margin-bottom:.25rem}.feature-item-small p{color:var(--text-dim);font-size:.85rem}.check-item{color:var(--text-secondary);align-items:center;gap:.75rem;font-size:1rem;display:flex}.features-grid{grid-template-columns:repeat(3,1fr);gap:2rem;display:grid}.feature-card-full{text-align:center;padding:3rem 2rem}.feature-card-full h3{margin:1.5rem 0 .75rem}.feature-card-full p{color:var(--text-dim);font-size:.9rem}.faq-grid{grid-template-columns:1fr 1fr;gap:2rem;display:grid}.faq-item{border:1px solid var(--border);border-radius:var(--radius-xl);padding:2rem}.faq-item h4{margin-bottom:.75rem}.pricing-grid{grid-template-columns:repeat(3,1fr);align-items:center;gap:2rem;display:grid}.pricing-card{text-align:center;padding:3rem 2rem}.pricing-card.featured{border-color:var(--accent);transform:scale(1.05);box-shadow:0 0 40px #3b82f61a}.plan-name{text-transform:uppercase;color:var(--accent);margin-bottom:.75rem;font-size:.9rem;font-weight:700}.price{letter-spacing:-.04em;margin-bottom:2rem;font-size:3.5rem;font-weight:900}.price span{color:var(--text-dim);font-size:1rem;font-weight:500}.plan-features{text-align:left;margin-bottom:2rem;padding:0;list-style:none}.plan-features li{color:var(--text-secondary);align-items:center;gap:.75rem;padding:.6rem 0;font-size:.9rem;display:flex}.comparison-table-wrapper{padding:2rem;overflow-x:auto}.comparison-table{border-collapse:collapse;width:100%}.comparison-table th,.comparison-table td{text-align:left;border-bottom:1px solid var(--border);padding:1.25rem 1.5rem}.comparison-table th{text-transform:uppercase;color:var(--text-dim);letter-spacing:.04em;font-size:.8rem}.footer{border-top:1px solid var(--border);padding:4rem}.footer-content{grid-template-columns:1.5fr 2fr;gap:4rem;margin-bottom:3rem;display:grid}.footer-logo-box{align-items:center;gap:.75rem;margin-bottom:1rem;display:flex}.footer-logo{width:32px;height:32px}.footer-desc{color:var(--text-dim);font-size:.9rem}.footer-links{grid-template-columns:repeat(3,1fr);gap:2rem;display:grid}.footer-links h4{margin-bottom:1rem;font-size:.9rem}.footer-links p{color:var(--text-dim);cursor:pointer;padding:.3rem 0;font-size:.85rem;transition:color .3s}.footer-links p:hover{color:var(--text-main)}.footer-bottom{border-top:1px solid var(--border);text-align:center;color:var(--text-dim);padding-top:2rem;font-size:.8rem}.animation-slide-up{animation:.3s ease-out slideUp}