:root{--bg:#f8fafc;--card:#fff;--text:#111827;--muted:#6b7280;--line:#e5e7eb;--primary:#2563eb;--primary-dark:#1d4ed8;--dark:#0f172a;--gold:#f59e0b;--danger:#ef4444;--warning:#f59e0b;--radius:18px;--shadow:0 16px 45px rgba(15,23,42,.08)}
*{box-sizing:border-box} body{margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;background:var(--bg);color:var(--text)} a{text-decoration:none;color:inherit} img{max-width:100%} details summary{cursor:pointer;list-style:none}.container{width:min(1140px,92%);margin:auto}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;border:0;border-radius:14px;padding:.8rem 1rem;font-weight:800;cursor:pointer;transition:.2s;background:#e5e7eb}.btn:hover{transform:translateY(-1px)}.btn-primary{background:var(--primary);color:#fff}.btn-dark{background:var(--dark);color:#fff}.btn-outline{border:1px solid var(--line);background:#fff}.btn-danger{background:var(--danger);color:#fff}.btn-sm{padding:.5rem .7rem;border-radius:10px;font-size:.85rem}.badge{display:inline-flex;padding:.25rem .55rem;border-radius:999px;font-size:.76rem;font-weight:800;background:#ecfdf5;color:#047857}.badge.pending,.badge.processing{background:#fffbeb;color:#92400e}.badge.failed,.badge.refunded,.badge.rejected,.badge.suspended{background:#fef2f2;color:#991b1b}.badge.completed,.badge.approved,.badge.available,.badge.active{background:#ecfdf5;color:#065f46}.badge.maintenance,.badge.empty{background:#fff7ed;color:#9a3412}.muted{color:var(--muted)}.price{font-weight:900}.price-xl{font-size:2rem;font-weight:950;margin:.8rem 0}.alert{padding:1rem;border-radius:14px;margin-bottom:1rem;border:1px solid var(--line);background:#fff}.alert-success{background:#ecfdf5;border-color:#bbf7d0}.alert-error{background:#fef2f2;border-color:#fecaca}.grid{display:grid;gap:1rem}.grid-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid-4{grid-template-columns:repeat(4,minmax(0,1fr))}.card{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);padding:1.2rem}.page-card{padding:1.4rem}.table-wrap{overflow:auto}.table{width:100%;border-collapse:collapse}.table th,.table td{padding:.85rem;border-bottom:1px solid var(--line);text-align:left;vertical-align:top}.table th{font-size:.78rem;text-transform:uppercase;color:var(--muted);letter-spacing:.04em}.form-group{display:grid;gap:.45rem;margin-bottom:1rem}.form-control,.select{width:100%;padding:.85rem 1rem;border:1px solid var(--line);border-radius:14px;background:#fff;font:inherit}.form-control:focus,.select:focus{outline:2px solid rgba(16,185,129,.18);border-color:var(--primary)}.checkline{display:block;margin:.55rem 0;color:#374151}.checkline input{margin-right:.45rem}.section-head{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;margin-bottom:1rem}.section-head h3{margin:.2rem 0}.info-box,.dynamic-box{background:#f0fdf4;border:1px solid #bbf7d0;border-radius:16px;padding:1rem;margin:.75rem 0}.hidden{display:none!important}.details-panel{min-width:320px;margin-top:.8rem;background:#f8fafc;border:1px solid var(--line);border-radius:14px;padding:1rem}.logo-preview{max-width:120px;border-radius:14px;border:1px solid var(--line);padding:.4rem;background:#fff}.setting-group-title{margin-top:1.6rem;border-top:1px solid var(--line);padding-top:1rem}.payment-method-grid{display:grid;gap:.8rem}.payment-card{display:flex;gap:.7rem;align-items:flex-start;border:1px solid var(--line);border-radius:16px;padding:1rem;background:#fff;cursor:pointer}.payment-card:has(input:checked){border-color:var(--primary);box-shadow:0 0 0 3px rgba(16,185,129,.12)}.qr-preview{max-width:130px;border-radius:12px;border:1px solid var(--line);display:block;margin:.5rem 0}.copy-line{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-weight:800;background:#f8fafc;border:1px solid var(--line);padding:.45rem;border-radius:10px}
.brand{display:flex;align-items:center;gap:.7rem;font-weight:950}.brand-mark{width:38px;height:38px;border-radius:13px;display:grid;place-items:center;background:linear-gradient(135deg,var(--primary),#064e3b);color:#fff;font-weight:950;overflow:hidden;flex:0 0 auto}.brand-mark img{width:100%;height:100%;object-fit:cover}.public-nav{position:sticky;top:0;z-index:20;background:rgba(255,255,255,.9);backdrop-filter:blur(16px);border-bottom:1px solid var(--line)}.public-nav-inner{display:flex;align-items:center;justify-content:space-between;padding:.9rem 0}.nav-links{display:flex;align-items:center;gap:1rem}.hero{padding:5rem 0;background:radial-gradient(circle at top left,rgba(16,185,129,.15),transparent 30%),linear-gradient(180deg,#fff,#f8fafc)}.hero-pro{overflow:hidden}.hero-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:2rem;align-items:center}.hero h1{font-size:clamp(2rem,5vw,4.5rem);line-height:1.02;margin:.5rem 0}.hero p{font-size:1.08rem;color:var(--muted);line-height:1.75}.hero-actions{display:flex;gap:.8rem;flex-wrap:wrap;margin-top:1.2rem}.trust-row{display:flex;flex-wrap:wrap;gap:.6rem;margin-top:1.2rem;color:#065f46;font-weight:800}.trust-row span{background:#ecfdf5;border:1px solid #bbf7d0;border-radius:999px;padding:.4rem .65rem}.hero-card{background:var(--dark);color:#fff;border-radius:28px;padding:1.4rem;box-shadow:0 30px 80px rgba(15,23,42,.25)}.hero-card .mini{background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.12);border-radius:18px;padding:1rem;margin-top:.8rem}.dash-preview-head{display:flex;justify-content:space-between;gap:1rem}.stat-mini strong{display:block;font-size:1.2rem;margin:.25rem 0}.section{padding:4rem 0}.section-soft{background:#fff}.section-kicker{font-size:.8rem;font-weight:950;text-transform:uppercase;letter-spacing:.08em;color:var(--primary-dark)}.section-title{font-size:clamp(1.6rem,3vw,2.4rem);margin:.2rem 0 .5rem}.section-desc{max-width:680px}.feature-card,.step-card,.category-card{transition:.2s}.feature-card:hover,.step-card:hover,.category-card:hover{transform:translateY(-3px)}.step-number{font-size:.78rem;font-weight:950;color:var(--primary-dark);background:#ecfdf5;border-radius:999px;padding:.3rem .55rem}.cta-section{background:#0f172a;color:#fff}.cta-section p{color:#cbd5e1}.footer-pro{border-top:1px solid var(--line);background:#fff;padding:3rem 0}.auth-shell{min-height:100vh;display:grid;place-items:center;padding:2rem;background:radial-gradient(circle at top right,rgba(16,185,129,.18),transparent 35%),#f8fafc}.auth-card{width:min(460px,100%);background:#fff;border:1px solid var(--line);box-shadow:var(--shadow);border-radius:24px;padding:1.5rem}
.app-shell{min-height:100vh;display:flex}.sidebar{width:292px;background:#0b1220;color:#d1d5db;position:fixed;inset:0 auto 0 0;overflow-y:auto;padding:1rem;z-index:30}.sidebar .brand{color:#fff;margin-bottom:1rem}.sidebar-title{font-size:.72rem;letter-spacing:.08em;text-transform:uppercase;color:#64748b;font-weight:900;margin:.8rem .75rem}.side-link,.side-parent{width:100%;display:flex;align-items:center;justify-content:space-between;gap:.65rem;padding:.75rem .85rem;border-radius:14px;color:#cbd5e1;background:transparent;border:0;font:inherit;text-align:left;cursor:pointer}.side-link:hover,.side-parent:hover,.side-link.active{background:rgba(16,185,129,.14);color:#fff}.side-lock{margin-left:auto;opacity:.75}.side-parent .chevron{transition:transform .24s ease}.side-section.open .chevron{transform:rotate(180deg)}.side-children{max-height:0;opacity:0;overflow:hidden;padding-left:.4rem;transition:max-height .28s ease,opacity .22s ease}.side-section.open .side-children{max-height:420px;opacity:1}.main{margin-left:292px;width:calc(100% - 292px);min-height:100vh}.topbar{height:72px;background:#fff;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 1.2rem;position:sticky;top:0;z-index:10}.topbar-left,.topbar-actions{display:flex;gap:.8rem;align-items:center}.topbar-subtitle{font-size:.78rem;color:var(--muted);margin-top:.15rem}.content{padding:1.2rem}.mobile-menu-btn{display:none}.stat-card{display:flex;justify-content:space-between;align-items:flex-start}.stat-card strong{font-size:1.65rem}.bottom-nav{display:none}.pagination{display:flex;gap:.5rem;list-style:none;padding:0;flex-wrap:wrap}.pagination a,.pagination span{padding:.5rem .75rem;border-radius:10px;background:#fff;border:1px solid var(--line)}.locked-page{text-align:center;padding:4rem 1rem}.locked-icon{font-size:4rem}.status-dot{width:.7rem;height:.7rem;border-radius:99px;background:var(--primary);display:inline-block;margin-right:.35rem}.toast{position:fixed;right:1rem;top:1rem;z-index:100;background:#fff;border:1px solid var(--line);box-shadow:var(--shadow);border-radius:18px;padding:1rem;display:flex;gap:.8rem;align-items:flex-start;max-width:min(420px,calc(100vw - 2rem));animation:toastIn .25s ease}.toast.success{border-color:#bbf7d0;background:#f0fdf4}.toast.error{border-color:#fecaca;background:#fef2f2}.toast p{margin:.25rem 0 0}.toast button{border:0;background:transparent;font-size:1.3rem;cursor:pointer}.toast.hide{opacity:0;transform:translateY(-10px);transition:.35s}@keyframes toastIn{from{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:1024px){.grid-4{grid-template-columns:repeat(2,minmax(0,1fr))}.hero-grid{grid-template-columns:1fr}.sidebar{transform:translateX(-105%);transition:.24s ease}.sidebar.open{transform:translateX(0)}.main{margin-left:0;width:100%;padding-bottom:74px}.mobile-menu-btn{display:inline-flex}.topbar{height:64px}.bottom-nav{display:grid;grid-template-columns:repeat(5,1fr);position:fixed;bottom:0;left:0;right:0;background:#fff;border-top:1px solid var(--line);z-index:25}.bottom-nav a{padding:.62rem .2rem;text-align:center;font-size:.72rem;color:var(--muted);font-weight:800}.bottom-nav a.active{color:var(--primary)}}
@media(max-width:640px){.container{width:min(94%,100%)}.hero{padding:3rem 0}.nav-links a:not(.btn){display:none}.grid-2,.grid-3,.grid-4{grid-template-columns:1fr}.content{padding:.8rem}.card{padding:1rem;border-radius:16px}.table th,.table td{padding:.7rem;white-space:nowrap}.hero-card{border-radius:20px}.topbar-title{font-size:.95rem}.topbar-subtitle,.topbar-user{display:none}.btn{padding:.72rem .85rem}.auth-shell{padding:1rem}.public-nav-inner{gap:.6rem}.brand span:last-child{font-size:.9rem}.section-head{display:block}.payment-card{display:block}.details-panel{min-width:unset}.toast{left:1rem;right:1rem}.footer-pro{padding-bottom:5rem}}

.soft-card{background:#f8fafc;box-shadow:none}
.supplier-box{margin-top:1rem;padding:1rem;border:1px solid #bbf7d0;background:#f0fdf4;border-radius:16px}
.inline-action{display:flex;gap:.6rem;align-items:center}
.inline-action .form-control{flex:1}
.inline-form{display:inline}
@media(max-width:640px){.inline-action{display:grid}.inline-action .btn{width:100%}}

/* v4 owner polish: custom modal, clearer inline forms, category/reseller edit UX */
.modal-backdrop{position:fixed;inset:0;z-index:200;display:grid;place-items:center;background:rgba(15,23,42,.58);backdrop-filter:blur(8px);padding:1rem;animation:modalFade .16s ease}.modal-backdrop.hidden{display:none!important}.modal-card{width:min(440px,100%);background:#fff;border:1px solid var(--line);border-radius:24px;box-shadow:0 28px 90px rgba(15,23,42,.28);padding:1.25rem;text-align:left;animation:modalPop .18s ease}.modal-card h3{margin:.35rem 0 .4rem}.modal-card p{margin:0;color:var(--muted);line-height:1.65}.modal-icon{width:46px;height:46px;border-radius:16px;display:grid;place-items:center;font-weight:950;margin-bottom:.4rem}.modal-icon.warning{background:#fff7ed;color:#9a3412}.modal-icon.success{background:#ecfdf5;color:#047857}.modal-actions{display:flex;justify-content:flex-end;gap:.7rem;margin-top:1.1rem;flex-wrap:wrap}@keyframes modalFade{from{opacity:0}to{opacity:1}}@keyframes modalPop{from{opacity:0;transform:translateY(8px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.field-label{display:block;font-size:.76rem;text-transform:uppercase;letter-spacing:.04em;color:var(--muted);font-weight:900;margin-bottom:.28rem}.compact-form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem}.compact-form-grid .form-group{margin-bottom:0}.table-note{font-size:.78rem;color:var(--muted);display:block;margin-top:.2rem}.category-logo-cell img,.category-logo-placeholder{width:48px;height:48px;object-fit:cover;border-radius:14px;border:1px solid var(--line);background:#fff}.category-logo-placeholder{display:grid;place-items:center;color:var(--muted);font-weight:900;font-size:.75rem}.details-panel.wide{min-width:460px}.details-panel h4{margin:.1rem 0 .85rem}.actions-stack{display:flex;gap:.5rem;flex-wrap:wrap;margin-top:.7rem}.btn-warning{background:#f59e0b;color:#fff}.summary-clean{list-style:none}.summary-clean::-webkit-details-marker{display:none}@media(max-width:640px){.compact-form-grid{grid-template-columns:1fr}.details-panel.wide{min-width:unset}.modal-actions{display:grid}.modal-actions .btn{width:100%;justify-content:center}}

/* v5 owner final: navigation polish, public shortcut, profile page */
.topbar-back{white-space:nowrap}.desktop-only{display:inline-flex}.alert-error-text{display:block;color:#b91c1c;font-size:.82rem;font-weight:700;margin-top:.25rem}.topbar-actions{flex-wrap:wrap;justify-content:flex-end}.topbar-actions form{margin:0}
@media(max-width:860px){.desktop-only{display:none!important}.topbar-actions{gap:.45rem}.topbar-actions .btn{padding:.48rem .58rem;font-size:.78rem}.topbar-back{padding:.48rem .58rem;font-size:.78rem}.topbar{height:auto;min-height:64px;padding:.7rem}.topbar-left{min-width:0}.topbar-left>div{min-width:0}.topbar-title{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:42vw}}
@media(max-width:520px){.topbar-actions .topbar-user{display:none}.topbar-actions .btn[href*="profile"]{display:none}.topbar-back{font-size:0}.topbar-back::after{content:'←';font-size:.9rem}.topbar-title{max-width:48vw}}

/* v6 owner final navigation polish */
.sidebar{display:flex;flex-direction:column;overflow:hidden;padding:1rem}.sidebar-scroll{flex:1;min-height:0;overflow-y:auto;padding-right:.15rem;padding-bottom:1rem}.sidebar-scroll::-webkit-scrollbar{width:6px}.sidebar-scroll::-webkit-scrollbar-thumb{background:rgba(148,163,184,.28);border-radius:999px}.sidebar-account{border-top:1px solid rgba(148,163,184,.16);padding-top:.85rem;margin-top:.65rem;background:linear-gradient(180deg,rgba(15,23,42,.85),rgba(15,23,42,.96));border-radius:18px}.sidebar-account-user{display:flex;align-items:center;gap:.7rem;padding:.72rem .75rem;color:#fff}.account-avatar{width:36px;height:36px;border-radius:12px;background:linear-gradient(135deg,var(--primary),#064e3b);display:grid;place-items:center;font-weight:950;color:#fff;flex:0 0 auto}.sidebar-account-user strong{display:block;font-size:.92rem;line-height:1.2}.sidebar-account-user small{display:block;color:#94a3b8;margin-top:.1rem}.account-action{display:flex;align-items:center;justify-content:space-between;margin:.25rem .45rem;padding:.62rem .75rem;border-radius:12px;color:#cbd5e1;font-weight:800;font-size:.88rem;transition:.18s}.account-action:hover,.account-action.active{background:rgba(16,185,129,.14);color:#fff}.topbar-actions{gap:.65rem}.public-nav .btn{white-space:nowrap}@media(max-width:1024px){.sidebar-account{margin-bottom:.5rem}.sidebar{padding:.9rem}.sidebar-scroll{padding-bottom:.8rem}}@media(max-width:640px){.public-nav .btn{padding:.62rem .75rem;font-size:.84rem}.nav-links{gap:.55rem}}

/* v7 owner production polish */
.center{text-align:center;margin-left:auto;margin-right:auto}.hero-premium{position:relative;overflow:hidden;padding:4.5rem 0 5.5rem;background:linear-gradient(135deg,#7c3aed 0%,#2563eb 58%,#0ea5e9 100%);color:#fff}.hero-premium::after{content:"";position:absolute;left:-5%;right:-5%;bottom:-58px;height:120px;background:#fff;border-radius:50% 50% 0 0/100% 100% 0 0;opacity:.96}.hero-premium .container{position:relative;z-index:2}.hero-premium .badge{background:rgba(255,255,255,.16);color:#fff;border:1px solid rgba(255,255,255,.28)}.hero-premium h1{color:#fff;text-shadow:0 10px 35px rgba(15,23,42,.12)}.hero-premium p{color:rgba(255,255,255,.92)}.hero-premium .btn-outline{background:rgba(255,255,255,.08);border-color:rgba(255,255,255,.38);color:#fff}.hero-premium .btn-primary{background:#fff;color:#5b21b6}.hero-premium .trust-row span{background:rgba(255,255,255,.15);border-color:rgba(255,255,255,.25);color:#fff}.premium-blob{position:absolute;border-radius:999px;filter:blur(44px);opacity:.35}.premium-blob-left{width:280px;height:280px;left:-80px;top:80px;background:#ec4899}.premium-blob-right{width:340px;height:340px;right:-90px;top:40px;background:#22d3ee}.hero-premium-grid{grid-template-columns:1fr .82fr}.hero-copy{max-width:650px}.phone-showcase{display:flex;justify-content:center}.phone-frame{width:min(340px,100%);border:14px solid #111827;border-radius:46px;background:#111827;box-shadow:0 35px 80px rgba(15,23,42,.32);padding:.65rem;transform:rotate(1.5deg)}.phone-screen{background:#f8fafc;color:#111827;border-radius:30px;padding:1rem;min-height:540px;display:flex;flex-direction:column;gap:.8rem}.phone-speaker{width:90px;height:6px;border-radius:999px;background:#374151;margin:0 auto .55rem}.phone-top{display:flex;justify-content:space-between;align-items:center;color:#64748b;font-size:.85rem}.phone-banner{background:linear-gradient(135deg,#7c3aed,#2563eb);color:#fff;border-radius:20px;padding:1rem;min-height:110px;display:flex;flex-direction:column;justify-content:center}.phone-banner small{color:rgba(255,255,255,.85);margin-top:.3rem}.phone-balance{display:grid;grid-template-columns:1fr 1fr;gap:.6rem}.phone-balance>div{background:#fff;border:1px solid var(--line);border-radius:16px;padding:.8rem;box-shadow:0 10px 25px rgba(15,23,42,.06)}.phone-balance small{display:block;color:#64748b}.phone-menu-grid{display:grid;grid-template-columns:1fr 1fr;gap:.55rem;margin-top:.3rem}.phone-menu-grid span{background:#fff;border:1px solid var(--line);border-radius:16px;padding:.8rem;text-align:center;font-weight:850;font-size:.82rem}.phone-bottom{margin-top:auto;background:#fff;border:1px solid var(--line);border-radius:18px;padding:.75rem;display:flex;justify-content:space-between;color:#64748b;font-size:.78rem;font-weight:800}.steps-section{background:#fff}.step-modern{position:relative;background:#fff;border:1px solid var(--line);border-radius:24px;padding:1.35rem;box-shadow:var(--shadow)}.step-modern span{display:grid;place-items:center;width:48px;height:48px;border-radius:16px;background:linear-gradient(135deg,#7c3aed,#2563eb);color:#fff;font-weight:950;margin-bottom:.9rem}.premium-category{display:grid;gap:.45rem}.premium-category img,.category-logo-fallback{width:58px;height:58px;object-fit:cover;border-radius:18px;border:1px solid var(--line);background:#f8fafc;display:grid;place-items:center;font-weight:950;color:#5b21b6}.faq-lite-section{background:#f8fafc}.faq-list{display:grid;gap:.8rem}.faq-item{background:#fff;border:1px solid var(--line);border-radius:18px;padding:1rem;box-shadow:0 12px 35px rgba(15,23,42,.05)}.faq-item p{margin:.35rem 0 0;color:var(--muted)}@media(max-width:1024px){.hero-premium-grid{grid-template-columns:1fr}.phone-frame{transform:none}.hero-premium{padding-top:3.5rem}.hero-premium::after{height:72px;bottom:-34px}}@media(max-width:640px){.hero-premium h1{font-size:2.4rem}.phone-screen{min-height:auto}.phone-frame{border-width:9px;border-radius:34px}.phone-screen{border-radius:24px}.step-modern-grid{grid-template-columns:1fr}.hero-premium{padding:3rem 0 4.5rem}}

/* v8 production polish: reseller account, landing page, SEO-friendly UI */
.reseller-balance-card{background:rgba(255,255,255,.06);border-color:rgba(255,255,255,.1);box-shadow:none;color:#fff}.reseller-balance-card small{color:#cbd5e1}.sidebar-account{padding:1rem;border-top:1px solid rgba(255,255,255,.08);background:rgba(2,6,23,.35)}.sidebar-account-user{display:flex;align-items:center;gap:.7rem;margin-bottom:.75rem;color:#fff}.account-avatar{width:40px;height:40px;border-radius:14px;background:linear-gradient(135deg,#10b981,#7c3aed);display:grid;place-items:center;color:#fff;font-weight:950}.sidebar-account-user small{display:block;color:#94a3b8;margin-top:.1rem}.account-action{display:flex;align-items:center;justify-content:space-between;padding:.65rem .75rem;border-radius:12px;color:#dbeafe;font-weight:800;font-size:.88rem}.account-action:hover,.account-action.active{background:rgba(16,185,129,.14);color:#fff}.fast-admin-box{margin-top:1rem;border:1px solid #bbf7d0;background:#f0fdf4;border-radius:18px;padding:1rem;display:flex;align-items:center;justify-content:space-between;gap:1rem}.fast-admin-box p{margin:.25rem 0 0}.btn-whatsapp{background:#22c55e;color:#fff}.profile-help-card{position:relative;overflow:hidden}.profile-help-card:after{content:"";position:absolute;right:-50px;top:-50px;width:160px;height:160px;border-radius:999px;background:rgba(16,185,129,.12)}
.public-body{background:#fff;color:#101827}.public-nav-premium{background:rgba(255,255,255,.86);backdrop-filter:blur(18px);border-bottom:1px solid rgba(226,232,240,.8)}.public-menu-btn{display:none;border:1px solid var(--line);background:#fff;border-radius:12px;padding:.55rem .75rem;font-weight:950}.landing-hero{position:relative;overflow:hidden;padding:6.2rem 0 6rem;background:linear-gradient(135deg,#fff 0%,#f8fafc 45%,#fff7ed 100%)}.landing-hero:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 18% 15%,rgba(124,58,237,.16),transparent 26%),radial-gradient(circle at 88% 18%,rgba(245,158,11,.18),transparent 28%),radial-gradient(circle at 30% 90%,rgba(16,185,129,.14),transparent 25%);pointer-events:none}.hero-pattern{position:absolute;inset:0;background-image:linear-gradient(rgba(15,23,42,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(15,23,42,.04) 1px,transparent 1px);background-size:44px 44px;mask-image:linear-gradient(180deg,transparent,black 18%,black 78%,transparent);opacity:.55}.hero-orb{position:absolute;border-radius:999px;filter:blur(10px);opacity:.5}.hero-orb-one{width:210px;height:210px;background:#f59e0b;right:9%;top:14%;animation:floatSlow 8s ease-in-out infinite}.hero-orb-two{width:160px;height:160px;background:#7c3aed;left:6%;bottom:16%;animation:floatSlow 10s ease-in-out infinite reverse}.hero-copy{position:relative;z-index:2}.hero-copy h1{max-width:760px;letter-spacing:-.055em}.hero-copy p{max-width:690px}.hero-badge{background:#fff7ed;color:#9a3412;border:1px solid #fed7aa}.hero-visual{position:relative;display:grid;place-items:center;min-height:560px;z-index:2}.hero-image-glow{position:absolute;width:480px;height:480px;border-radius:999px;background:radial-gradient(circle,rgba(124,58,237,.18),transparent 62%);filter:blur(10px)}.hero-phone-image{position:relative;width:min(420px,86vw);filter:drop-shadow(0 40px 80px rgba(15,23,42,.22));animation:phoneFloat 5s ease-in-out infinite}.floating-chip{position:absolute;background:#fff;border:1px solid var(--line);box-shadow:0 16px 40px rgba(15,23,42,.12);border-radius:999px;padding:.65rem .9rem;font-weight:900;font-size:.86rem}.chip-one{top:16%;left:2%;animation:floatSlow 7s ease-in-out infinite}.chip-two{right:0;bottom:20%;animation:floatSlow 7s ease-in-out infinite reverse}.feature-grid-pro,.category-grid-pro{margin-top:1rem}.feature-icon{width:44px;height:44px;border-radius:15px;background:linear-gradient(135deg,#7c3aed,#f59e0b);display:grid;place-items:center;color:#fff;font-weight:950;margin-bottom:.75rem}.benefit-premium{background:linear-gradient(180deg,#fff,#faf5ff)}.cta-premium{background:linear-gradient(135deg,#111827,#3b0764 55%,#7c2d12);position:relative;overflow:hidden}.cta-premium:before{content:"";position:absolute;inset:auto -10% -45% auto;width:420px;height:420px;border-radius:999px;background:rgba(245,158,11,.25);filter:blur(8px)}.footer-premium{background:#0f172a;color:#fff;border-top:0}.footer-premium .muted{color:#cbd5e1}.footer-premium a{color:#e2e8f0}.footer-grid-pro{display:grid;grid-template-columns:1.4fr .8fr .8fr 1.2fr;gap:1.4rem}.footer-about{max-width:460px}.footer-badges{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:1rem}.footer-badges span{font-size:.78rem;font-weight:850;border:1px solid rgba(255,255,255,.14);background:rgba(255,255,255,.06);padding:.4rem .6rem;border-radius:999px}.footer-bottom-pro{border-top:1px solid rgba(255,255,255,.1);margin-top:2rem;padding-top:1rem;display:flex;justify-content:space-between;gap:1rem;color:#94a3b8;font-size:.9rem}.reveal-up{opacity:0;transform:translateY(18px);transition:opacity .65s ease,transform .65s ease}.reveal-up.is-visible{opacity:1;transform:translateY(0)}.delay-1{transition-delay:.12s}.delay-2{transition-delay:.22s}@keyframes phoneFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-12px)}}@keyframes floatSlow{0%,100%{transform:translateY(0) translateX(0)}50%{transform:translateY(-12px) translateX(8px)}}@media(max-width:1024px){.landing-hero{padding:4rem 0}.hero-visual{min-height:460px}.footer-grid-pro{grid-template-columns:1fr 1fr}.chip-one{left:4%}.chip-two{right:4%}}@media(max-width:760px){.public-nav-inner{position:relative}.public-menu-btn{display:inline-flex}.nav-links{display:none;position:absolute;left:0;right:0;top:calc(100% + .7rem);background:#fff;border:1px solid var(--line);box-shadow:var(--shadow);border-radius:18px;padding:1rem;flex-direction:column;align-items:stretch;z-index:50}.nav-links.open{display:flex}.nav-links .btn{width:100%}.hero-premium-grid{grid-template-columns:1fr}.landing-hero{padding:3.2rem 0 4rem}.hero-copy h1{font-size:2.5rem}.hero-visual{min-height:380px}.floating-chip{display:none}.grid-2,.grid-3,.grid-4{grid-template-columns:1fr}.fast-admin-box{align-items:stretch;flex-direction:column}.footer-grid-pro{grid-template-columns:1fr}.footer-bottom-pro{flex-direction:column}.public-nav .brand span{font-size:.95rem}}@media(max-width:420px){.hero-copy h1{font-size:2.05rem}.hero-phone-image{width:96vw}.trust-row span{font-size:.84rem}.sidebar-account{padding:.8rem}}
/* v9 production polish: consistent blue premium theme + landing utilities */
:root{--primary:#2563eb;--primary-dark:#1d4ed8;--primary-soft:#eff6ff;--accent:#38bdf8;--accent-2:#6366f1}.btn-primary{background:linear-gradient(135deg,#2563eb,#1d4ed8);color:#fff}.form-control:focus,.select:focus{outline:2px solid rgba(37,99,235,.18);border-color:var(--primary)}.badge{background:#eff6ff;color:#1d4ed8}.badge.completed,.badge.approved,.badge.available,.badge.active{background:#eff6ff;color:#1d4ed8}.brand-mark{background:linear-gradient(135deg,#2563eb,#38bdf8)}.side-link:hover,.side-parent:hover,.side-link.active{background:rgba(37,99,235,.16);color:#fff}.status-dot{background:#2563eb}.payment-card:has(input:checked){border-color:#2563eb;box-shadow:0 0 0 3px rgba(37,99,235,.12)}.info-box,.dynamic-box{background:#eff6ff;border-color:#bfdbfe}.auth-shell{background:radial-gradient(circle at top right,rgba(37,99,235,.16),transparent 35%),#f8fafc}.account-avatar{background:linear-gradient(135deg,#2563eb,#38bdf8)}.account-action:hover,.account-action.active{background:rgba(37,99,235,.16)}
.blue-landing{background:linear-gradient(135deg,#ffffff 0%,#f8fbff 38%,#eef6ff 100%)}.blue-landing:before{background:radial-gradient(circle at 18% 15%,rgba(37,99,235,.18),transparent 27%),radial-gradient(circle at 88% 18%,rgba(56,189,248,.16),transparent 28%),radial-gradient(circle at 30% 90%,rgba(99,102,241,.14),transparent 26%)}.hero-orb-one{background:#38bdf8}.hero-orb-two{background:#2563eb}.hero-badge{background:#eff6ff;color:#1d4ed8;border-color:#bfdbfe}.trust-row{color:#1d4ed8}.trust-row span{background:#eff6ff;border-color:#bfdbfe;color:#1d4ed8}.hero-image-glow{background:radial-gradient(circle,rgba(37,99,235,.2),transparent 62%)}.feature-icon{background:linear-gradient(135deg,#2563eb,#38bdf8)}.benefit-premium{background:linear-gradient(180deg,#fff,#f8fbff)}.step-modern span{background:linear-gradient(135deg,#2563eb,#38bdf8)}.premium-category img,.category-logo-fallback{color:#1d4ed8;background:#eff6ff}.cta-premium{background:linear-gradient(135deg,#0f172a,#172554 58%,#075985)}.cta-premium:before{background:rgba(56,189,248,.22)}.footer-wa-link{display:inline-flex;align-items:center;gap:.45rem;background:rgba(37,99,235,.18);border:1px solid rgba(147,197,253,.35);color:#dbeafe!important;border-radius:999px;padding:.55rem .8rem;font-weight:900}.floating-whatsapp{position:fixed;right:1.15rem;bottom:1.15rem;z-index:80;display:flex;align-items:center;gap:.55rem;background:linear-gradient(135deg,#22c55e,#16a34a);color:#fff;border-radius:999px;padding:.72rem .95rem;box-shadow:0 18px 45px rgba(22,163,74,.28);font-weight:950;animation:waPulse 2.6s ease-in-out infinite}.floating-whatsapp .wa-icon{width:32px;height:32px;border-radius:999px;background:rgba(255,255,255,.18);display:grid;place-items:center}.floating-whatsapp:hover{transform:translateY(-2px)}@keyframes waPulse{0%,100%{box-shadow:0 18px 45px rgba(22,163,74,.28)}50%{box-shadow:0 18px 60px rgba(22,163,74,.42)}}.balance-adjust-box{margin-top:1rem;border:1px solid #bfdbfe;background:#eff6ff;border-radius:18px;padding:1rem}.balance-adjust-box h4{margin:.1rem 0 .3rem}.compact-form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.8rem}.wide{min-width:min(760px,calc(100vw - 2rem))}@media(max-width:760px){.floating-whatsapp{right:.8rem;bottom:4.8rem;padding:.68rem}.floating-whatsapp .wa-label{display:none}.compact-form-grid{grid-template-columns:1fr}.wide{min-width:0;width:100%}}

/* v10 production audit: reports, product stock quota, WhatsApp UI refinement */
.wa-svg{width:1.12em;height:1.12em;display:inline-block;vertical-align:-.18em}.floating-whatsapp .wa-svg{width:1.2rem;height:1.2rem}.footer-wa-link{display:none!important}.stock-mini{display:inline-flex;align-items:center;gap:.35rem;margin:.25rem 0 .55rem;padding:.32rem .55rem;border-radius:999px;background:#eff6ff;color:#1d4ed8;font-size:.78rem;font-weight:900}.stock-mini.empty{background:#fef2f2;color:#991b1b}.profit-card{background:linear-gradient(135deg,#ffffff,#eff6ff);border-color:#bfdbfe}.profit-card h2{color:#1d4ed8}.stat-card-blue{background:linear-gradient(135deg,#eff6ff,#ffffff);border-color:#bfdbfe}.stat-card-blue h2{color:#075985}.report-summary-grid .card h2{font-size:1.35rem}.soft-card{box-shadow:none;background:#f8fbff;border-color:#dbeafe}.supplier-box{margin-top:1rem}.inline-action{display:flex;gap:.6rem}.inline-action .form-control{flex:1}.product-card{display:flex;flex-direction:column;align-items:flex-start}.product-card .btn{margin-top:auto}.no-print{display:block}
@media(max-width:760px){.footer-wa-link{display:inline-flex!important}.inline-action{flex-direction:column}.report-summary-grid{grid-template-columns:1fr}.floating-whatsapp{bottom:5.2rem}}
@media print{.sidebar,.topbar,.no-print,.bottom-nav,.floating-whatsapp{display:none!important}.main{margin:0!important}.content{padding:0!important}.card{box-shadow:none!important;border:1px solid #ddd!important}.table th,.table td{font-size:12px}.grid,.grid-2,.grid-3,.grid-4{display:block}.card{margin-bottom:12px}}

/* v12 production polish */
:root{--primary:#2563eb;--primary-dark:#1d4ed8;--accent:#0ea5e9;--whatsapp:#25D366}
.order-row-clickable{cursor:pointer;transition:background .18s ease,box-shadow .18s ease}.order-row-clickable:hover{background:#f8fafc}.announcement-stack{display:grid;gap:1rem;margin-bottom:1rem}.announcement-card{border-left:5px solid var(--primary)}.announcement-card h3{margin:.6rem 0 .35rem}.ticket-message,.pre-wrap{white-space:pre-wrap}.btn-whatsapp{background:var(--whatsapp)!important;color:#fff!important}.btn-whatsapp svg{width:18px;height:18px}.tier-price-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem}.responsive-action-row{display:flex;gap:.5rem;flex-wrap:wrap}.mobile-only{display:none}.details-panel.wide{max-width:min(680px,calc(100vw - 3rem))}.manual-template-select{margin-bottom:.45rem}
@media(max-width:768px){.tier-price-grid{grid-template-columns:1fr}.details-panel.wide{min-width:0;width:calc(100vw - 2.2rem);max-width:calc(100vw - 2.2rem)}.table th,.table td{padding:.7rem .65rem}.btn{min-height:42px}.desktop-only{display:none!important}.mobile-only{display:inline-flex}.grid-3,.grid-4{grid-template-columns:1fr}.content{padding:.75rem}.card{padding:1rem}.sidebar{width:min(292px,88vw)}.main{width:100%}.topbar-actions{gap:.45rem}.topbar-actions .btn:not(.logout-btn){display:none}.product-card{min-height:auto}}
@media(max-width:420px){body{font-size:14px}.brand strong{font-size:.9rem}.topbar{padding:0 .65rem}.topbar-left h3,.topbar-left strong{font-size:.95rem}.price-xl{font-size:1.55rem}.table{min-width:720px}.reseller-balance-card h2{font-size:1.3rem}.side-link,.side-parent{padding:.68rem .75rem}.footer-pro{padding-bottom:5rem}}
/* v13 support ticket two-way thread */
.ticket-detail-grid{grid-template-columns:minmax(260px,.9fr) minmax(0,1.6fr);align-items:start}.ticket-thread-card{min-height:520px}.ticket-thread-list{display:grid;gap:.8rem;max-height:560px;overflow:auto;padding:.25rem .15rem 1rem}.ticket-message{border:1px solid var(--line);background:#fff;border-radius:18px;padding:.9rem;max-width:86%;box-shadow:0 10px 24px rgba(15,23,42,.04)}.ticket-message.mine{margin-left:auto;background:#eff6ff;border-color:#bfdbfe}.ticket-message.staff:not(.mine){background:#f8fafc;border-color:#cbd5e1}.ticket-message.system{max-width:100%;margin:.2rem auto;background:#fffbeb;border-color:#fde68a;color:#92400e}.ticket-message-head{display:flex;gap:.45rem;align-items:center;flex-wrap:wrap;margin-bottom:.4rem}.ticket-message-body{line-height:1.55}.ticket-attachments{display:flex;gap:.45rem;flex-wrap:wrap;margin-top:.65rem}.attachment-chip{display:inline-flex;align-items:center;gap:.35rem;max-width:100%;border:1px solid var(--line);background:#f8fafc;border-radius:999px;padding:.38rem .58rem;font-size:.84rem}.attachment-chip small{color:var(--muted)}.ticket-reply-form{margin-top:1rem;border-top:1px solid var(--line);padding-top:1rem}.badge.owner{background:#eef2ff;color:#3730a3}.badge.admin{background:#eff6ff;color:#1d4ed8}.badge.reseller{background:#ecfdf5;color:#047857}.badge.sistem,.badge.system{background:#fffbeb;color:#92400e}.badge.open,.badge.reopened{background:#eff6ff;color:#1d4ed8}.badge.dibalas,.badge.replied{background:#f0fdf4;color:#047857}.badge.closed{background:#f1f5f9;color:#475569}
@media(max-width:900px){.ticket-detail-grid{grid-template-columns:1fr}.ticket-message{max-width:100%}.ticket-thread-list{max-height:none}}
@media(max-width:420px){.ticket-message{padding:.75rem;border-radius:14px}.attachment-chip{border-radius:12px;white-space:normal}.ticket-thread-card .section-head{display:block}.ticket-thread-card .section-head form{margin-top:.75rem}}