@import url("https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600;700&display=swap");:root{--navy:13 14 24;--surface:22 23 38;--purple:139 92 246;--green:34 197 94;--amber:245 158 11;--orange:249 115 22;--red:239 68 68;--gray:124 130 152;--text-primary:255 255 255;--text-secondary:184 190 208;--text-muted:124 130 152;--radius:14px;--radius-sm:10px;--text-xs:11px;--text-sm:13px;--text-base:15px;--text-md:16px;--text-lg:20px;--text-xl:26px;--text-2xl:32px;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-8:32px;--space-10:40px;--ease-standard:cubic-bezier(0.4,0,0.2,1);--duration-fast:120ms;--duration-base:180ms}*{box-sizing:border-box}body,html{margin:0;background:rgb(var(--navy));color:rgb(var(--text-primary));font-family:Poppins,sans-serif;padding:max(0px,env(safe-area-inset-top)) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left)}a{color:inherit;text-decoration:none}.opti-shell{max-width:480px;margin:0 auto;padding:64px 24px;min-height:100vh;display:flex;flex-direction:column;justify-content:center}.opti-wordmark{font-size:15px;font-weight:700;letter-spacing:.02em;color:rgb(var(--text-primary));margin-bottom:40px}.opti-wordmark span{color:rgb(var(--purple))}.opti-card{padding:var(--space-8);transition:border-color var(--duration-base) var(--ease-standard),transform var(--duration-fast) var(--ease-standard)}.opti-card,.opti-card-list{background:rgb(var(--surface));border:1px solid hsla(0,0%,100%,.06);border-radius:var(--radius);box-shadow:0 8px 24px rgba(0,0,0,.3)}.opti-card-list{padding:0;overflow:hidden}.opti-card-list-row{padding:var(--space-3) var(--space-5);border-bottom:1px solid hsla(0,0%,100%,.06);transition:background-color var(--duration-fast) var(--ease-standard)}.opti-card-list-row:last-child{border-bottom:none}.opti-card-interactive{cursor:pointer}.opti-card-interactive:hover{border-color:rgba(139,92,246,.35);transform:translateY(-1px)}.opti-badge{display:inline-flex;align-items:center;gap:4px;font-size:var(--text-xs);font-weight:700;padding:3px 10px;border-radius:999px;white-space:nowrap;line-height:1.6}.opti-badge-green{color:rgb(var(--green));background:rgb(var(--green)/.15)}.opti-badge-amber{color:rgb(var(--amber));background:rgb(var(--amber)/.15)}.opti-badge-orange{color:rgb(var(--orange));background:rgb(var(--orange)/.15)}.opti-badge-red{color:rgb(var(--red));background:rgb(var(--red)/.15)}.opti-badge-purple{color:rgb(var(--purple));background:rgb(var(--purple)/.15)}.opti-badge-gray{color:rgb(var(--gray));background:hsla(0,0%,100%,.06)}@keyframes opti-fade-in{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.opti-fade-in{animation:opti-fade-in var(--duration-base) var(--ease-standard)}h1.opti-title{font-size:26px;font-weight:700;margin:0 0 8px;letter-spacing:-.01em;color:rgb(var(--text-primary))}p.opti-subtitle{font-size:15px;color:rgb(var(--text-secondary));margin:0 0 28px;line-height:1.5}.opti-btn{width:100%;display:flex;align-items:center;justify-content:center;gap:10px;padding:13px 20px;border-radius:10px;font-size:15px;font-weight:600;border:none;cursor:pointer;transition:transform .06s ease,opacity .15s ease,background-color .15s ease;font-family:Poppins,sans-serif}.opti-btn:active{transform:scale(.99)}.opti-btn-google{background:hsla(0,0%,100%,.04);color:rgb(var(--text-primary));border:1px solid hsla(0,0%,100%,.12)}.opti-btn-google:hover{background:hsla(0,0%,100%,.08)}.opti-btn-primary{background:rgb(var(--purple));color:#fff}.opti-btn-primary:hover{background:#7c4eeb}.opti-btn-primary:disabled{opacity:.6;cursor:not-allowed}.opti-divider{display:flex;align-items:center;gap:12px;color:rgb(var(--text-muted));font-size:13px;margin:20px 0}.opti-divider:after,.opti-divider:before{content:"";flex:1 1;height:1px;background:hsla(0,0%,100%,.08)}.opti-input{width:100%;padding:12px 14px;border-radius:10px;border:1px solid hsla(0,0%,100%,.1);font-size:15px;margin-bottom:12px;background:hsla(0,0%,100%,.03);color:rgb(var(--text-primary));font-family:Poppins,sans-serif}.opti-input::placeholder{color:rgb(var(--text-muted))}.opti-input:focus{outline:none;border-color:rgb(var(--purple));box-shadow:0 0 0 3px rgb(var(--purple)/.22)}.opti-password-wrap{position:relative}.opti-password-wrap .opti-input{padding-right:44px}.opti-password-toggle{position:absolute;right:12px;top:50%;transform:translateY(-50%);margin-top:-6px;background:none;border:none;cursor:pointer;color:rgb(var(--text-muted));font-size:12px;font-weight:600;padding:4px}.opti-password-toggle:hover{color:rgb(var(--text-secondary))}.opti-error{background:rgba(239,68,68,.12);color:#f87171;font-size:13px;padding:10px 12px;border-radius:8px;margin-bottom:16px}select.oe-select{appearance:none;-webkit-appearance:none;-moz-appearance:none;cursor:pointer;background-color:hsla(0,0%,100%,.03);background-image:url("data:image/svg+xml;charset=UTF-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%237C8798' stroke-width='2'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right .75rem center;background-size:1rem;padding-right:2.25rem}select.oe-select option{background:rgb(var(--navy));color:rgb(var(--text-primary))}.opti-pricing-shell{max-width:920px;margin:0 auto;padding:64px 24px}.opti-pricing-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:20px;gap:20px;margin-top:32px}@media (max-width:800px){.opti-pricing-grid{grid-template-columns:1fr}}.opti-plan{background:rgb(var(--surface));border-radius:var(--radius);padding:28px 24px;border:1px solid hsla(0,0%,100%,.06);display:flex;flex-direction:column}.opti-plan.opti-plan-featured{border:2px solid rgb(var(--purple));position:relative}.opti-plan-badge{position:absolute;top:-12px;left:24px;background:rgb(var(--green));color:rgb(var(--navy));font-size:11px;padding:4px 10px;border-radius:999px}.opti-plan-badge,.opti-plan-name{font-weight:700;letter-spacing:.04em;text-transform:uppercase}.opti-plan-name{font-size:14px;color:rgb(var(--purple));margin-bottom:8px}.opti-plan-price{font-size:34px;font-weight:700;letter-spacing:-.02em;margin-bottom:2px;color:rgb(var(--text-primary))}.opti-plan-price span{font-size:15px;font-weight:500;color:rgb(var(--text-muted))}.opti-plan-desc{font-size:13px;color:rgb(var(--text-secondary));margin-bottom:20px}.opti-plan-features{list-style:none;padding:0;margin:0 0 24px;font-size:14px;flex:1 1;color:rgb(var(--text-secondary))}.opti-plan-features li{padding:7px 0;border-top:1px solid hsla(0,0%,100%,.06);display:flex;gap:8px}.opti-plan-features li:first-child{border-top:none}.opti-plan-features li:before{content:"✓";color:rgb(var(--green));font-weight:700}.opti-promo-row{display:flex;gap:10px;max-width:340px;margin:32px auto 0}.opti-promo-row input{flex:1 1;padding:11px 14px;border-radius:10px;border:1px solid hsla(0,0%,100%,.1);background:hsla(0,0%,100%,.03);color:rgb(var(--text-primary))}.opti-promo-row button,.opti-promo-row input{font-size:14px;font-family:Poppins,sans-serif}.opti-promo-row button{padding:11px 18px;border-radius:10px;border:none;background:rgb(var(--purple));color:#fff;font-weight:600;cursor:pointer}.opti-promo-status{text-align:center;font-size:13px;margin-top:10px}.opti-promo-status.success{color:rgb(var(--green))}.opti-promo-status.error{color:#f87171}input[type=date]{font-size:14px}input[type=date]::-webkit-date-and-time-value{text-align:left;font-size:14px;min-height:0}input[type=date]::-webkit-datetime-edit{font-size:14px}.opti-onboarding-chip{display:inline-flex;align-items:center;gap:6px;font-size:12px;font-weight:600;color:rgb(var(--purple));background:rgba(139,92,246,.12);padding:6px 12px;border-radius:999px;cursor:pointer;border:none}.opti-dashboard-shell{display:flex;min-height:100vh}.opti-sidebar{width:232px;flex-shrink:0;background:rgb(var(--surface));border-right:1px solid hsla(0,0%,100%,.06);padding:var(--space-8) var(--space-4);display:flex;flex-direction:column;position:-webkit-sticky;position:sticky;top:0;height:100vh;overflow-y:auto}.opti-sidebar-brand{font-size:var(--text-base);font-weight:700;letter-spacing:.02em;padding:0 var(--space-3);margin-bottom:var(--space-8);display:flex;align-items:center;min-height:24px}.opti-sidebar-brand span{background:linear-gradient(90deg,rgb(var(--purple)),rgb(var(--green)));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.opti-sidebar-nav{display:flex;flex-direction:column;gap:2px;flex:1 1}.opti-sidebar-link{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-2) var(--space-3);border-radius:var(--radius-sm);font-size:var(--text-sm);font-weight:600;color:rgb(var(--text-secondary));transition:background-color var(--duration-fast) var(--ease-standard),color var(--duration-fast) var(--ease-standard)}.opti-sidebar-link:hover{background:hsla(0,0%,100%,.04);color:rgb(var(--text-primary))}.opti-sidebar-link.active{background:rgb(var(--purple)/.14);color:rgb(var(--purple))}.opti-sidebar-icon{display:flex;align-items:center;flex-shrink:0}.opti-sidebar-footer{border-top:1px solid hsla(0,0%,100%,.06);padding-top:var(--space-3);margin-top:var(--space-3)}.opti-main{flex:1 1;min-width:0;padding:var(--space-8) var(--space-10) 60px}.opti-main-topbar{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-6);flex-wrap:wrap;gap:var(--space-3)}.opti-icon-btn{display:inline-flex;align-items:center;gap:6px;height:38px;padding:0 var(--space-3);border-radius:var(--radius-sm);background:rgb(var(--surface));border:1px solid hsla(0,0%,100%,.08);color:rgb(var(--text-secondary));font-size:var(--text-sm);font-weight:600;cursor:pointer;font-family:Poppins,sans-serif;transition:color var(--duration-fast) var(--ease-standard),border-color var(--duration-fast) var(--ease-standard)}.opti-icon-btn:hover{color:rgb(var(--text-primary));border-color:hsla(0,0%,100%,.16)}.opti-icon-btn:disabled{opacity:.6;cursor:not-allowed}.opti-stat-grid{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:var(--space-4);gap:var(--space-4)}@media (max-width:900px){.opti-stat-grid{grid-template-columns:repeat(2,1fr)}}.opti-stat-card{position:relative;background:rgb(var(--surface));border:1px solid hsla(0,0%,100%,.06);border-radius:var(--radius);padding:var(--space-5);overflow:hidden}.opti-stat-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,rgb(var(--purple)),rgb(var(--green)))}.opti-stat-label{font-size:var(--text-xs);font-weight:600;color:rgb(var(--text-muted));text-transform:uppercase;letter-spacing:.04em;margin-bottom:var(--space-2)}.opti-stat-value{font-size:var(--text-xl);font-weight:800;letter-spacing:-.01em}.opti-stat-sub{font-size:var(--text-xs);color:rgb(var(--text-muted));margin-top:2px}@media (max-width:900px){.opti-dashboard-shell{flex-direction:column}.opti-sidebar{width:100%;height:auto;position:relative;overflow-x:auto}.opti-sidebar,.opti-sidebar-nav{flex-direction:row}.opti-sidebar-brand,.opti-sidebar-footer{display:none}.opti-main{padding:var(--space-5)}}.opti-cards-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));grid-gap:var(--space-4);gap:var(--space-4);align-items:start}.opti-panel{position:relative;background:rgb(var(--surface));border:1px solid hsla(0,0%,100%,.06);border-radius:var(--radius);padding:var(--space-5);overflow:hidden}.opti-panel:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,rgb(var(--purple)),rgb(var(--green)))}.opti-panel-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-3)}.opti-panel-head h2{text-transform:uppercase;letter-spacing:.04em;margin:0}.opti-panel-count,.opti-panel-head h2{font-size:var(--text-xs);font-weight:700}.opti-panel-count{color:rgb(var(--text-muted));background:hsla(0,0%,100%,.06);padding:2px 8px;border-radius:999px}.opti-panel-viewall{font-size:var(--text-xs);font-weight:700;color:rgb(var(--purple))}.opti-panel-subhead{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:rgb(var(--text-muted));margin-bottom:2px}.opti-panel-empty-text{font-size:var(--text-sm);color:rgb(var(--text-muted));padding:var(--space-2) 0}.opti-panel-list{display:flex;flex-direction:column}.opti-panel-row{display:flex;justify-content:space-between;align-items:center;gap:var(--space-3);padding:var(--space-2) 0;border-top:1px solid hsla(0,0%,100%,.06)}.opti-panel-row:first-child{border-top:none}.opti-panel-row-title{font-size:var(--text-sm);font-weight:600}.opti-panel-row-sub{font-size:var(--text-xs);color:rgb(var(--text-muted));margin-top:1px}.opti-panel-row-action{flex-shrink:0;display:flex;align-items:center;gap:4px;font-size:11px;font-weight:700;color:rgb(var(--green));background:rgb(var(--green)/.12);border:none;border-radius:999px;padding:5px 11px;cursor:pointer}.opti-panel-more{font-size:var(--text-xs);color:rgb(var(--text-muted));padding-top:var(--space-2)}