:root{--ink:#0f172a;--muted:#64748b;--line:#e2e8f0;--soft:#f8fafc;--soft2:#f1f5f9;--brand:#2563eb;--brand-dark:#1d4ed8;--accent:#f97316;--success:#16a34a;--warning:#d97706;--danger:#dc2626;--white:#fff;--radius:22px;--shadow:0 18px 60px rgba(15,23,42,.10);--shadow-sm:0 10px 30px rgba(15,23,42,.08)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;background:#fff;line-height:1.6}a{color:inherit}img{max-width:100%;display:block}button,input,textarea,select{font:inherit}.container{width:min(1180px,calc(100% - 32px));margin-inline:auto}.narrow{width:min(760px,calc(100% - 32px))}.site-header{position:sticky;top:0;z-index:100;background:rgba(255,255,255,.92);backdrop-filter:blur(16px);border-bottom:1px solid rgba(226,232,240,.8)}.header-inner{min-height:76px;display:flex;align-items:center;justify-content:space-between;gap:24px}.brand,.admin-brand{display:flex;align-items:center;gap:12px;text-decoration:none}.brand-mark{width:42px;height:42px;display:grid;place-items:center;border-radius:14px;background:linear-gradient(135deg,var(--brand),#7c3aed);color:#fff;font-weight:900;letter-spacing:-.04em;box-shadow:0 10px 25px rgba(37,99,235,.25)}.brand strong,.admin-brand strong{display:block;font-size:16px;line-height:1.2}.brand small,.admin-brand small{display:block;color:var(--muted);font-size:12px;margin-top:2px}.main-nav{display:flex;align-items:center;gap:26px}.main-nav a{text-decoration:none;font-weight:700;font-size:14px;color:#334155}.main-nav a:hover{color:var(--brand)}.main-nav .nav-admin{padding:10px 16px;border-radius:999px;background:var(--ink);color:#fff}.nav-toggle{display:none;border:0;background:var(--soft2);border-radius:12px;width:42px;height:42px}.hero{background:radial-gradient(circle at 80% 10%,rgba(37,99,235,.18),transparent 30%),linear-gradient(180deg,#f8fbff,#fff);padding:90px 0 76px;overflow:hidden}.hero-grid{display:grid;grid-template-columns:1.25fr .75fr;gap:64px;align-items:center}.eyebrow{display:inline-flex;align-items:center;gap:8px;color:var(--brand);font-weight:900;letter-spacing:.13em;font-size:12px}.hero h1,.detail-copy h1{font-size:clamp(40px,6vw,72px);line-height:1.03;letter-spacing:-.055em;margin:18px 0 22px}.hero-copy>p{font-size:19px;color:#475569;max-width:720px}.hero-actions,.detail-actions,.card-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:30px}.btn{appearance:none;border:0;border-radius:14px;padding:13px 20px;font-weight:850;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;gap:8px;cursor:pointer;transition:.2s transform,.2s box-shadow,.2s background}.btn:hover{transform:translateY(-2px)}.btn-primary{background:linear-gradient(135deg,var(--brand),#4f46e5);color:#fff;box-shadow:0 12px 28px rgba(37,99,235,.22)}.btn-primary:hover{box-shadow:0 16px 34px rgba(37,99,235,.3)}.btn-secondary{background:#fff;border:1px solid var(--line);color:var(--ink);box-shadow:var(--shadow-sm)}.btn-danger{background:var(--danger);color:#fff}.btn-block{width:100%}.trust-row{display:flex;gap:18px;flex-wrap:wrap;margin-top:28px;color:#475569;font-size:14px;font-weight:700}.hero-panel{background:linear-gradient(145deg,#0f172a,#1e293b);color:#fff;padding:30px;border-radius:30px;box-shadow:0 30px 80px rgba(15,23,42,.25);position:relative;overflow:hidden}.hero-panel:after{content:"";position:absolute;width:190px;height:190px;border-radius:50%;background:rgba(59,130,246,.22);right:-70px;top:-80px}.hero-panel-top{display:flex;align-items:center;gap:9px;color:#cbd5e1;font-weight:700;font-size:14px;margin-bottom:30px}.live-dot{width:9px;height:9px;border-radius:50%;background:#22c55e;box-shadow:0 0 0 6px rgba(34,197,94,.15)}.hero-stat{display:flex;align-items:end;justify-content:space-between;padding:20px 0;border-bottom:1px solid rgba(255,255,255,.12)}.hero-stat strong{font-size:42px;letter-spacing:-.05em}.hero-stat span{color:#cbd5e1}.hero-note{margin-top:24px;background:rgba(255,255,255,.08);padding:16px;border-radius:16px;color:#dbeafe;font-size:13px}.section{padding:82px 0}.section-muted{background:var(--soft)}.section-heading{display:flex;justify-content:space-between;align-items:end;gap:24px;margin-bottom:34px}.section-heading h2{font-size:40px;line-height:1.1;letter-spacing:-.04em;margin:8px 0 0}.section-heading p{max-width:460px;color:var(--muted);margin:0}.template-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.template-card{border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;background:#fff;box-shadow:0 10px 35px rgba(15,23,42,.05);transition:.25s transform,.25s box-shadow}.template-card:hover{transform:translateY(-6px);box-shadow:var(--shadow)}.template-preview{aspect-ratio:16/10;background:#e2e8f0;display:block;position:relative;overflow:hidden}.template-preview img{width:100%;height:100%;object-fit:cover;transition:.4s transform}.template-card:hover .template-preview img{transform:scale(1.03)}.version-badge{position:absolute;top:14px;right:14px;background:rgba(15,23,42,.9);color:#fff;border-radius:999px;padding:6px 10px;font-size:12px;font-weight:800}.template-body{padding:22px}.template-meta{display:flex;justify-content:space-between;gap:12px;color:var(--muted);font-size:12px;font-weight:700}.template-card h3{font-size:22px;margin:12px 0 8px;line-height:1.25}.template-card h3 a{text-decoration:none}.template-card p{color:var(--muted);margin:0;min-height:52px}.template-price{display:flex;justify-content:space-between;align-items:end;margin-top:20px;padding-top:18px;border-top:1px solid var(--line)}.template-price small{color:var(--muted)}.template-price strong{font-size:20px}.template-card .card-actions{margin-top:18px}.template-card .card-actions .btn{flex:1;padding:11px 14px}.steps-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:26px}.steps-grid>div{background:#fff;border:1px solid var(--line);padding:26px;border-radius:20px}.step-no{color:var(--brand);font-weight:900;font-size:13px}.steps-grid h3{font-size:22px;margin:8px 0}.steps-grid p{margin:0;color:var(--muted)}.site-footer{background:#0f172a;color:#cbd5e1;padding:54px 0 24px}.footer-grid{display:grid;grid-template-columns:1fr auto;gap:40px}.footer-grid strong{color:#fff;font-size:20px}.footer-grid p{max-width:520px}.footer-grid>div:last-child{display:grid;gap:8px}.footer-grid a{text-decoration:none}.footer-grid a:hover{color:#fff}.footer-bottom{border-top:1px solid rgba(255,255,255,.12);margin-top:30px;padding-top:20px;font-size:13px}.flash{padding:12px 0;font-weight:700}.flash-success{background:#dcfce7;color:#166534}.flash-danger{background:#fee2e2;color:#991b1b}.detail-hero{padding:70px 0;background:linear-gradient(180deg,#f8fafc,#fff)}.detail-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:54px;align-items:center}.detail-preview{border-radius:28px;overflow:hidden;box-shadow:var(--shadow);border:1px solid var(--line);background:#fff}.detail-preview img{width:100%;aspect-ratio:16/10;object-fit:cover}.detail-copy h1{font-size:clamp(38px,5vw,62px)}.lead{font-size:18px;color:#475569}.price-box{margin-top:26px;padding:20px;border-radius:18px;background:#eff6ff;border:1px solid #bfdbfe;display:grid}.price-box span,.price-box small{color:#475569}.price-box strong{font-size:32px;line-height:1.25;color:#1d4ed8}.file-info{display:flex;gap:16px;flex-wrap:wrap;margin-top:22px;color:var(--muted);font-size:13px;font-weight:700}.content-grid{display:grid;grid-template-columns:1fr 360px;gap:28px}.prose-card,.feature-card,.legal-card,.checkout-card,.order-card{background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:30px;box-shadow:var(--shadow-sm)}.prose-card h2,.feature-card h2{margin-top:0}.prose{color:#475569}.prose h2{color:var(--ink);margin-top:28px}.prose ul{padding-left:22px}.feature-card ul{list-style:none;padding:0;margin:0;display:grid;gap:13px}.feature-card li{padding-left:28px;position:relative}.feature-card li:before{content:"✓";position:absolute;left:0;color:var(--success);font-weight:900}.callout{display:flex;justify-content:space-between;align-items:center;gap:24px;background:#fff;border:1px solid var(--line);padding:30px;border-radius:24px}.callout h2{margin:0 0 6px}.callout p{margin:0;color:var(--muted)}.checkout-section{background:var(--soft)}.checkout-grid{display:grid;grid-template-columns:.85fr 1.15fr;gap:34px;align-items:start}.checkout-summary{position:sticky;top:105px}.checkout-summary h1{font-size:40px;line-height:1.1;margin:12px 0 24px}.checkout-summary img{border-radius:22px;border:1px solid var(--line);box-shadow:var(--shadow-sm)}.checkout-summary ul{padding-left:20px;color:#475569}.checkout-card h2{margin-top:0;font-size:28px}.checkout-card>p{background:#fff7ed;border:1px solid #fed7aa;color:#9a3412;padding:12px 14px;border-radius:12px;font-size:13px}.checkout-card form{display:grid;gap:17px}.checkout-card label,.checkout-card fieldset{display:grid;gap:7px;font-weight:800;border:0;padding:0;margin:0}.checkout-card label small,.checkout-card legend+small{font-weight:500;color:var(--muted)}input,textarea,select{width:100%;border:1px solid #cbd5e1;border-radius:12px;padding:12px 14px;background:#fff;color:var(--ink);outline:none}input:focus,textarea:focus,select:focus{border-color:var(--brand);box-shadow:0 0 0 4px rgba(37,99,235,.12)}.amount-options{display:grid;grid-template-columns:repeat(4,1fr);gap:9px}.amount-btn{border:1px solid var(--line);background:#fff;border-radius:12px;padding:11px 8px;font-weight:850;cursor:pointer}.amount-btn.active{background:#eff6ff;border-color:#60a5fa;color:#1d4ed8}.check-label{grid-template-columns:auto 1fr!important;align-items:start!important;font-weight:500!important;font-size:13px}.check-label input{width:18px;height:18px;margin-top:2px}.form-message{padding:12px;border-radius:12px;font-size:14px}.form-message.error{background:#fee2e2;color:#991b1b}.form-message.info{background:#e0f2fe;color:#075985}.order-section{background:var(--soft);min-height:70vh}.order-card{text-align:center}.status-icon{width:86px;height:86px;border-radius:50%;margin:0 auto 20px;display:grid;place-items:center}.status-icon span{width:28px;height:28px;border-radius:50%;background:currentColor}.status-success{background:#dcfce7;color:var(--success)}.status-warning{background:#fef3c7;color:var(--warning)}.status-danger{background:#fee2e2;color:var(--danger)}.order-card h1{font-size:36px;margin:10px 0}.order-card>p{color:var(--muted)}.order-details{display:grid;grid-template-columns:1fr 1fr;gap:12px;text-align:left;margin:26px 0}.order-details div{background:var(--soft);border-radius:14px;padding:13px}.order-details dt{font-size:11px;text-transform:uppercase;letter-spacing:.08em;color:var(--muted);font-weight:800}.order-details dd{margin:4px 0 0;font-weight:800;word-break:break-word}.download-note{font-size:13px;color:var(--muted)}.text-link{display:inline-block;margin-top:20px;color:var(--brand);font-weight:800}.legal-card h1{font-size:42px;line-height:1.1;margin:12px 0 24px}.empty-state{text-align:center;border:1px dashed #cbd5e1;border-radius:24px;padding:60px 24px;background:var(--soft)}.empty-state h1,.empty-state h3{margin:10px 0}.empty-state p{color:var(--muted)}
/* Admin */
.admin-body{background:#f1f5f9}.admin-shell{min-height:100vh;display:grid;grid-template-columns:250px 1fr}.admin-sidebar{background:#0f172a;color:#cbd5e1;padding:24px 18px;position:sticky;top:0;height:100vh}.admin-brand{color:#fff;margin:0 8px 30px}.admin-sidebar nav{display:grid;gap:6px}.admin-sidebar nav a{text-decoration:none;padding:11px 13px;border-radius:11px;font-weight:750}.admin-sidebar nav a:hover,.admin-sidebar nav a.active{background:rgba(255,255,255,.1);color:#fff}.admin-main{min-width:0}.admin-topbar{height:72px;background:#fff;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:flex-end;padding:0 28px;gap:12px}.admin-topbar button{display:none}.admin-topbar div{text-align:right}.admin-topbar strong,.admin-topbar small{display:block}.admin-topbar small{color:var(--muted)}.admin-content{padding:28px}.admin-flash{margin:18px 28px 0;padding:12px 15px;border-radius:12px;font-weight:700}.admin-flash.success{background:#dcfce7;color:#166534}.admin-flash.danger{background:#fee2e2;color:#991b1b}.admin-page-head{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:24px}.admin-page-head h1{margin:0;font-size:30px}.admin-page-head p{margin:4px 0 0;color:var(--muted)}.stat-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.stat-card,.admin-card{background:#fff;border:1px solid var(--line);border-radius:18px;padding:22px;box-shadow:0 8px 28px rgba(15,23,42,.05)}.stat-card span{color:var(--muted);font-size:13px}.stat-card strong{display:block;font-size:32px;margin-top:8px}.admin-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:20px}.admin-card h2{margin-top:0;font-size:20px}.table-wrap{overflow:auto;background:#fff;border:1px solid var(--line);border-radius:18px}.admin-table{width:100%;border-collapse:collapse;min-width:760px}.admin-table th,.admin-table td{padding:13px 15px;border-bottom:1px solid var(--line);text-align:left;vertical-align:middle}.admin-table th{font-size:12px;text-transform:uppercase;letter-spacing:.06em;color:var(--muted);background:#f8fafc}.badge{display:inline-flex;padding:5px 9px;border-radius:999px;font-size:11px;font-weight:850}.badge-success{background:#dcfce7;color:#166534}.badge-warning{background:#fef3c7;color:#92400e}.badge-danger{background:#fee2e2;color:#991b1b}.badge-neutral{background:#e2e8f0;color:#334155}.row-actions{display:flex;gap:7px;flex-wrap:wrap}.btn-sm{padding:7px 10px;border-radius:9px;font-size:12px}.admin-form{display:grid;gap:18px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.admin-form label{display:grid;gap:7px;font-weight:750}.admin-form textarea{min-height:140px;resize:vertical}.help{font-size:12px;color:var(--muted);font-weight:500}.admin-card+.admin-card{margin-top:20px}.login-screen{min-height:100vh;display:grid;place-items:center;padding:24px;background:radial-gradient(circle at 20% 10%,rgba(37,99,235,.2),transparent 30%),#0f172a}.login-card{width:min(430px,100%);background:#fff;border-radius:24px;padding:30px;box-shadow:0 30px 90px rgba(0,0,0,.3)}.login-card .brand{margin-bottom:24px}.login-card h1{font-size:30px;margin:0 0 8px}.login-card>p{color:var(--muted);margin:0 0 24px}.login-card form{display:grid;gap:16px}.login-error{background:#fee2e2;color:#991b1b;padding:11px 13px;border-radius:11px;font-weight:700}.code-box{background:#0f172a;color:#dbeafe;padding:14px;border-radius:12px;overflow:auto;font:12px/1.6 ui-monospace,monospace}.preview-thumb{width:84px;height:54px;border-radius:8px;object-fit:cover;border:1px solid var(--line)}
@media(max-width:980px){.hero-grid,.detail-grid,.checkout-grid,.content-grid{grid-template-columns:1fr}.hero-panel{max-width:620px}.template-grid{grid-template-columns:repeat(2,1fr)}.content-grid{grid-template-columns:1fr}.checkout-summary{position:static}.stat-grid{grid-template-columns:repeat(2,1fr)}.admin-grid{grid-template-columns:1fr}.admin-shell{grid-template-columns:1fr}.admin-sidebar{position:fixed;left:-270px;z-index:300;width:250px;transition:.25s left}.admin-sidebar.open{left:0}.admin-topbar{justify-content:space-between}.admin-topbar button{display:block;border:0;background:var(--soft2);width:42px;height:42px;border-radius:11px}}
@media(max-width:720px){.main-nav{display:none;position:absolute;top:76px;left:16px;right:16px;background:#fff;border:1px solid var(--line);box-shadow:var(--shadow);padding:16px;border-radius:16px;flex-direction:column;align-items:stretch;gap:4px}.main-nav.open{display:flex}.main-nav a{padding:10px}.nav-toggle{display:block}.hero{padding:64px 0 54px}.hero-grid{gap:36px}.hero h1,.detail-copy h1{font-size:42px}.section{padding:58px 0}.section-heading{align-items:start;flex-direction:column}.section-heading h2{font-size:32px}.template-grid,.steps-grid{grid-template-columns:1fr}.footer-grid{grid-template-columns:1fr}.amount-options{grid-template-columns:1fr 1fr}.order-details{grid-template-columns:1fr}.callout{align-items:flex-start;flex-direction:column}.form-grid{grid-template-columns:1fr}.admin-content{padding:18px}.admin-flash{margin:14px 18px 0}.stat-grid{grid-template-columns:1fr}.admin-page-head{align-items:flex-start;flex-direction:column}.checkout-card,.prose-card,.feature-card,.legal-card,.order-card{padding:22px}}

/* Mobile demo simulator — v1.0.4 */
.card-actions-demo{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.card-actions-demo .btn{min-width:0;padding-inline:10px;font-size:13px}.mobile-demo-page{min-height:78vh;padding:54px 0 74px;background:radial-gradient(circle at 15% 10%,rgba(37,99,235,.16),transparent 32%),linear-gradient(180deg,#f8fafc,#eef2ff)}.mobile-demo-header{display:flex;align-items:flex-end;justify-content:space-between;gap:30px;margin-bottom:32px}.mobile-demo-header h1{font-size:clamp(34px,5vw,58px);line-height:1.06;letter-spacing:-.045em;margin:10px 0 12px}.mobile-demo-header p{max-width:760px;margin:0;color:#475569}.mobile-demo-header-actions{display:flex;gap:10px;flex-wrap:wrap;justify-content:flex-end}.mobile-demo-layout{display:grid;grid-template-columns:260px minmax(0,1fr);gap:30px;align-items:start}.mobile-demo-controls{position:sticky;top:100px;background:#fff;border:1px solid var(--line);border-radius:22px;padding:22px;box-shadow:var(--shadow-sm)}.mobile-demo-controls h2{font-size:19px;margin:0 0 14px}.device-options{display:grid;gap:9px}.device-option{width:100%;border:1px solid var(--line);border-radius:12px;background:#fff;padding:11px 12px;text-align:left;font-weight:850;color:#334155;cursor:pointer}.device-option:hover,.device-option.is-active{border-color:#60a5fa;background:#eff6ff;color:#1d4ed8}.mobile-demo-control-actions{display:grid;gap:9px;margin-top:16px}.mobile-demo-info{display:grid;margin-top:18px;padding:14px;border-radius:14px;background:var(--soft2)}.mobile-demo-info strong{font-size:18px}.mobile-demo-info span{font-size:12px;color:var(--muted);font-weight:750}.mobile-demo-note{font-size:12px;color:var(--muted);margin:16px 0 0}.mobile-demo-stage{min-width:0;overflow:auto;padding:14px 14px 28px;display:grid;justify-items:center;align-items:start;border-radius:28px;background:rgba(255,255,255,.62);border:1px solid rgba(203,213,225,.8);box-shadow:inset 0 1px 0 rgba(255,255,255,.8)}.phone-shell{--phone-width:390px;--phone-height:844px;position:relative;flex:0 0 auto;width:calc(var(--phone-width) + 26px);height:calc(var(--phone-height) + 48px);padding:26px 13px 22px;border-radius:42px;background:linear-gradient(145deg,#020617,#1e293b 56%,#020617);box-shadow:0 34px 80px rgba(15,23,42,.28),inset 0 0 0 2px #334155;transition:width .28s ease,height .28s ease}.phone-screen{width:var(--phone-width);height:var(--phone-height);border-radius:27px;overflow:hidden;background:#fff;transition:width .28s ease,height .28s ease}.phone-screen iframe{display:block;width:100%;height:100%;border:0;background:#fff}.phone-speaker{position:absolute;top:10px;left:50%;transform:translateX(-50%);width:84px;height:6px;border-radius:999px;background:#475569;box-shadow:0 0 0 1px rgba(255,255,255,.05)}.phone-home-indicator{position:absolute;bottom:8px;left:50%;transform:translateX(-50%);width:100px;height:5px;border-radius:999px;background:#64748b}.mobile-demo-fallback{max-width:700px;margin:18px 0 0;text-align:center;color:var(--muted);font-size:13px}
@media(max-width:980px){.mobile-demo-header{align-items:flex-start;flex-direction:column}.mobile-demo-header-actions{justify-content:flex-start}.mobile-demo-layout{grid-template-columns:1fr}.mobile-demo-controls{position:static}.device-options{grid-template-columns:repeat(3,minmax(0,1fr))}.mobile-demo-control-actions{grid-template-columns:1fr 1fr}.mobile-demo-stage{justify-items:start}}
@media(max-width:720px){.card-actions-demo{grid-template-columns:repeat(3,minmax(0,1fr))}.card-actions-demo .btn:last-child{grid-column:auto}.mobile-demo-page{padding:38px 0 56px}.mobile-demo-header h1{font-size:38px}.mobile-demo-header-actions{width:100%}.mobile-demo-header-actions .btn{flex:1}.device-options{grid-template-columns:1fr}.mobile-demo-control-actions{grid-template-columns:1fr}.mobile-demo-stage{padding:8px 8px 22px}.phone-shell{transform-origin:top left}.mobile-demo-fallback{text-align:left}}

/* Multi payment gateway — v1.0.7 */
.gateway-fieldset,.tripay-methods{margin-top:22px}.gateway-options{display:grid;grid-template-columns:1fr 1fr;gap:12px}.gateway-option,.payment-channel{display:flex;align-items:center;gap:12px;border:1px solid var(--line);border-radius:15px;padding:14px;background:#fff;cursor:pointer;transition:.2s border-color,.2s background,.2s opacity}.gateway-option:has(input:checked),.payment-channel:has(input:checked){border-color:#60a5fa;background:#eff6ff;box-shadow:0 0 0 3px rgba(59,130,246,.09)}.gateway-option input,.payment-channel input{width:18px;height:18px;flex:0 0 auto}.gateway-option span,.payment-channel span{display:grid;min-width:0}.gateway-option strong,.payment-channel strong{font-size:14px}.gateway-option small,.payment-channel small{color:var(--muted);font-size:11px;line-height:1.45}.gateway-option.is-disabled,.payment-channel.is-disabled{opacity:.45;cursor:not-allowed;background:var(--soft2)}.gateway-single{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:20px;padding:13px 15px;border-radius:14px;background:#eff6ff;border:1px solid #bfdbfe}.gateway-single span{font-size:12px;font-weight:850;color:#1d4ed8}.payment-channel-list{display:grid;grid-template-columns:1fr 1fr;gap:10px;max-height:420px;overflow:auto;padding:2px}.payment-channel img{width:42px;height:28px;object-fit:contain;border-radius:6px;background:#fff}.tripay-methods[hidden]{display:none}.checkout-card fieldset{border:0;padding:0;margin-inline:0}.checkout-card legend{font-weight:850;margin-bottom:10px}.form-message.info{background:#dbeafe;color:#1e40af}.btn:disabled{opacity:.55;cursor:not-allowed;transform:none!important;box-shadow:none!important}
@media(max-width:720px){.gateway-options,.payment-channel-list{grid-template-columns:1fr}.payment-channel-list{max-height:none}}

/* Admin upload ZIP demo — v1.0.8 */
.admin-card-intro{margin:-8px 0 18px;color:var(--muted)}.current-file-box{margin-top:8px;padding:12px;border:1px solid var(--line);border-radius:12px;background:var(--soft)}.demo-upload-card{border-color:#bfdbfe;background:linear-gradient(180deg,#fff,#f8fbff)}.demo-upload-rules{display:grid;gap:4px;padding:14px 16px;border-radius:14px;background:#eff6ff;border:1px solid #bfdbfe}.demo-upload-rules strong{color:#1d4ed8}.demo-upload-rules span{font-size:13px;color:#475569}.current-demo-box{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:14px 16px;border:1px solid var(--line);border-radius:14px;background:#fff}.current-demo-box code{font-size:12px;word-break:break-all;color:#475569}.admin-form input[type=file]{padding:9px;background:#fff}.admin-form input[type=file]::file-selector-button{border:0;border-radius:9px;padding:8px 11px;margin-right:10px;background:#e0e7ff;color:#3730a3;font-weight:800;cursor:pointer}
@media(max-width:720px){.current-demo-box{align-items:flex-start;flex-direction:column}.current-demo-box .btn{width:100%}}

/* v1.0.9 merchant information, legal pages, and support */
.business-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:24px}.business-actions .btn{padding:10px 14px}.prose ol{padding-left:22px}.prose li+li{margin-top:7px}.prose a{color:var(--brand);font-weight:700}.contact-channel-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin:24px 0}.contact-channel{display:grid;gap:10px;padding:20px;border:1px solid var(--line);border-radius:18px;background:var(--soft)}.contact-channel strong{color:var(--ink);font-size:18px}.contact-channel span{word-break:break-word}.contact-channel .btn{justify-self:start}.contact-channel-warning{grid-column:1/-1;background:#fff7ed;border-color:#fed7aa}.merchant-readiness{margin-bottom:20px}.merchant-readiness-head{display:flex;justify-content:space-between;align-items:flex-start;gap:20px}.merchant-readiness-head h2{margin-bottom:5px}.merchant-readiness-head p{margin:0;color:var(--muted)}.merchant-check-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:18px 0}.merchant-check-grid>div{padding:14px;border:1px solid var(--line);border-radius:14px;background:var(--soft);display:grid;gap:4px}.merchant-check-grid strong{font-size:13px}.merchant-check-grid small{color:var(--muted)}.merchant-ready{border-color:#bbf7d0}.merchant-warning{border-color:#fde68a}.admin-card textarea{resize:vertical;min-height:120px}
@media(max-width:720px){.contact-channel-grid,.merchant-check-grid{grid-template-columns:1fr}.merchant-readiness-head{flex-direction:column}.business-actions{align-items:stretch}.business-actions .btn{width:100%}}

/* v1.0.10 permanent template deletion */
.delete-template-card{border-color:#fecaca;background:linear-gradient(180deg,#fff,#fffafa)}
.delete-warning-head{display:flex;align-items:flex-start;gap:16px}
.delete-warning-head h2{margin:0 0 6px;color:#991b1b}
.delete-warning-head p{margin:0;color:#7f1d1d}
.delete-warning-icon{width:42px;height:42px;flex:0 0 42px;display:grid;place-items:center;border-radius:14px;background:#fee2e2;color:#b91c1c;font-size:24px;font-weight:950}
.delete-template-summary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:22px 0}
.delete-template-summary>div{display:grid;gap:3px;padding:14px;border:1px solid var(--line);border-radius:14px;background:#fff}
.delete-template-summary span{font-size:12px;text-transform:uppercase;letter-spacing:.06em;color:var(--muted);font-weight:800}
.delete-template-summary strong{font-size:16px;word-break:break-word}
.delete-template-summary small{color:var(--muted)}
.delete-file-list{padding:18px;border-radius:16px;background:#fff;border:1px solid #fecaca}
.delete-file-list h3{margin:0 0 10px}
.delete-file-list ul{list-style:none;padding:0;margin:0;display:grid;gap:8px}
.delete-file-list li{display:flex;justify-content:space-between;gap:16px;padding:10px 12px;border-radius:10px;background:var(--soft)}
.delete-file-list li small{color:var(--muted);word-break:break-all;text-align:right}
.delete-file-list p{margin:0;color:var(--muted)}
.delete-external-note{margin-top:12px;padding:12px 14px;border-radius:12px;background:#fff7ed;border:1px solid #fed7aa;color:#9a3412;font-size:13px}
.delete-confirm-form{margin-top:20px}
.delete-confirm-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:18px}
.row-actions .btn-danger{box-shadow:0 8px 20px rgba(220,38,38,.16)}
@media(max-width:900px){.delete-template-summary{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:620px){.delete-template-summary{grid-template-columns:1fr}.delete-warning-head{flex-direction:column}.delete-file-list li{flex-direction:column;gap:2px}.delete-file-list li small{text-align:left}.delete-confirm-actions{flex-direction:column-reverse}.delete-confirm-actions .btn{width:100%}}
.delete-pending-warning{margin:0 0 18px;padding:13px 15px;border-radius:13px;background:#fff7ed;border:1px solid #fdba74;color:#9a3412}

/* v1.0.11 short link, analytics & social share */
.short-link-cell{min-width:190px;display:grid;gap:8px}.short-link-cell code{display:inline-flex;align-items:center;width:max-content;padding:7px 10px;border-radius:10px;background:#eef2ff;color:#3730a3;font-weight:900;font-size:13px}.short-link-actions{display:flex;gap:6px;flex-wrap:wrap}.btn-xs{padding:7px 9px;border-radius:10px;font-size:11px}.btn.is-copied{background:#dcfce7!important;color:#166534!important;border-color:#86efac!important}.social-thumb{width:220px;aspect-ratio:1200/630;object-fit:cover;border-radius:10px;border:1px solid var(--line)}.inline-form{display:inline-flex;margin:0}.analytics-tabs{display:flex;gap:8px;flex-wrap:wrap;margin:0 0 14px}.analytics-tabs a{text-decoration:none;padding:10px 14px;border:1px solid var(--line);border-radius:12px;background:#fff;font-weight:850;font-size:13px;color:#475569}.analytics-tabs a.active{background:#eff6ff;border-color:#93c5fd;color:#1d4ed8}.analytics-period{display:flex;gap:7px;flex-wrap:wrap}.analytics-range-note{margin:0 0 20px;color:var(--muted);font-size:13px}.analytics-stat-grid{grid-template-columns:repeat(6,minmax(0,1fr))}.analytics-two-col{grid-template-columns:minmax(0,1.4fr) minmax(300px,.6fr)}.analytics-three-col{grid-template-columns:repeat(3,minmax(0,1fr))}.admin-card-head{display:flex;justify-content:space-between;align-items:flex-start;gap:20px}.admin-card-head h2{margin:0 0 5px}.admin-card-head p{margin:0;color:var(--muted)}.campaign-card{margin-bottom:20px}.campaign-form{display:grid;grid-template-columns:1.1fr 1.4fr 1fr 1fr auto;gap:12px;align-items:end;margin-top:18px}.campaign-form label{display:grid;gap:6px;font-weight:800;font-size:13px}.analytics-funnel-list{display:grid;gap:12px}.funnel-row{padding:13px 14px;border:1px solid var(--line);border-radius:13px;background:var(--soft);display:grid;gap:4px}.funnel-row span{color:var(--muted);font-size:12px}.link-detail-card{margin-top:20px}.qr-preview img{width:112px;height:112px;border:1px solid var(--line);border-radius:12px;background:#fff}.mini-bars{height:190px;display:flex;align-items:flex-end;gap:5px;padding:16px 4px 28px;border-bottom:1px solid var(--line);overflow-x:auto}.mini-bars>div{min-width:24px;height:100%;display:flex;flex-direction:column;justify-content:flex-end;align-items:center;gap:4px}.mini-bars i{display:block;width:14px;height:var(--bar);min-height:2px;border-radius:5px 5px 0 0;background:linear-gradient(180deg,#3b82f6,#4f46e5)}.mini-bars span{font-size:9px;color:var(--muted);writing-mode:vertical-rl;transform:rotate(180deg);height:38px}.mini-bars strong{font-size:9px}.analytics-detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:24px}.analytics-detail-grid>div{padding:16px;border:1px solid var(--line);border-radius:14px;background:var(--soft)}.analytics-detail-grid h3{margin-top:0}.analytics-detail-grid p,.metric-line{display:flex;justify-content:space-between;gap:14px;margin:0;padding:8px 0;border-bottom:1px solid var(--line)}.analytics-detail-grid p:last-child,.metric-line:last-child{border-bottom:0}.metric-line span{color:var(--muted);font-size:12px}.admin-table code{font-size:12px;word-break:break-all}
@media(max-width:1200px){.analytics-stat-grid{grid-template-columns:repeat(3,1fr)}.campaign-form{grid-template-columns:1fr 1fr}.campaign-form .btn{grid-column:1/-1}}
@media(max-width:900px){.analytics-two-col,.analytics-three-col{grid-template-columns:1fr}.admin-card-head{flex-direction:column}.qr-preview img{width:96px;height:96px}}
@media(max-width:620px){.analytics-stat-grid{grid-template-columns:1fr 1fr}.campaign-form{grid-template-columns:1fr}.analytics-detail-grid{grid-template-columns:1fr}.analytics-period{width:100%}.analytics-period .btn{flex:1}.short-link-cell{min-width:150px}}

/* v1.0.12 migration compatibility hotfix */

/* v1.1.0 RTRWNET Secure License */
.license-stat-grid{grid-template-columns:repeat(4,minmax(0,1fr));margin-bottom:20px}.license-detail-grid{grid-template-columns:minmax(0,1.1fr) minmax(330px,.9fr);margin-top:24px}.license-detail-list{display:grid;gap:0}.license-detail-list>div{display:grid;grid-template-columns:150px 1fr;gap:12px;padding:11px 0;border-bottom:1px solid var(--line)}.license-detail-list>div:last-child{border-bottom:0}.license-detail-list span{color:var(--muted);font-size:12px;font-weight:800;text-transform:uppercase;letter-spacing:.04em}.license-detail-list strong{word-break:break-word}.license-detail-list small{grid-column:2;color:var(--muted);word-break:break-all}.license-action-form{display:grid;gap:10px;margin:0}.license-action-form label{display:grid;gap:6px;font-weight:800;font-size:13px}.license-action-form input{width:100%;border:1px solid var(--line);border-radius:11px;padding:10px 12px;background:#fff}.license-divider{border:0;border-top:1px solid var(--line);margin:18px 0}.admin-table td code{white-space:nowrap}@media(max-width:900px){.license-stat-grid{grid-template-columns:1fr 1fr}.license-detail-grid{grid-template-columns:1fr}}@media(max-width:620px){.license-stat-grid{grid-template-columns:1fr}.license-detail-list>div{grid-template-columns:1fr;gap:3px}.license-detail-list small{grid-column:1}}
.order-license-card{margin-top:16px;padding:16px;border:1px solid #bfdbfe;background:#eff6ff;border-radius:15px;display:grid;gap:6px;text-align:left}.order-license-card>strong{color:#1d4ed8}.order-license-card span{font-size:13px;color:#334155}.order-license-card code{font-weight:850}.order-license-steps{margin-top:6px;padding-top:10px;border-top:1px solid #bfdbfe;color:#334155;font-size:13px}.order-license-steps ol{margin:7px 0;padding-left:19px}.order-license-steps small{color:#475569}
/* v1.1.0 Secure License health */
.license-health-card{margin:18px 0}.license-health-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;margin-top:14px}.license-health-grid>div{display:grid;gap:4px;padding:12px;border:1px solid var(--line,#e2e8f0);border-radius:12px;background:var(--surface-soft,#f8fafc)}.license-health-grid span{font-size:12px;color:var(--muted,#64748b);font-weight:700}.license-health-grid strong{font-size:13px}.license-health-grid .full{grid-column:1/-1}.license-health-grid code{word-break:break-all;font-size:12px}@media(max-width:900px){.license-health-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:560px){.license-health-grid{grid-template-columns:1fr}}

/* v1.1.3 — Link Share utama & Detail Analytics */
.section-kicker{display:inline-flex;font-size:11px;font-weight:900;letter-spacing:.1em;color:#2563eb;margin-bottom:7px}.link-detail-hero{display:grid;grid-template-columns:minmax(0,1fr) 150px;gap:24px;align-items:center;padding-bottom:22px;border-bottom:1px solid var(--line)}.link-detail-title h2{font-size:30px;margin:0 0 6px;color:var(--ink)}.link-detail-title>p{margin:0;color:var(--muted)}.link-detail-url{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-top:16px}.link-detail-url code{max-width:100%;padding:9px 12px;background:#f1f5f9;border:1px solid var(--line);border-radius:10px;word-break:break-all;color:#334155;font-weight:800}.link-detail-qr{display:grid;justify-items:center;gap:8px}.link-detail-qr img{width:124px;height:124px;padding:7px;background:#fff;border:1px solid var(--line);border-radius:16px;box-shadow:0 8px 25px rgba(15,23,42,.08)}.link-detail-qr a{font-size:12px;font-weight:800;color:#2563eb;text-decoration:none}.link-detail-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:22px 0}.link-detail-metrics>div{padding:15px;border:1px solid var(--line);border-radius:14px;background:linear-gradient(180deg,#fff,#f8fafc)}.link-detail-metrics span{display:block;color:var(--muted);font-size:12px;margin-bottom:6px}.link-detail-metrics strong{font-size:24px;color:var(--ink)}.link-detail-chart-card{padding:18px;border:1px solid var(--line);border-radius:16px;background:#fbfdff}.link-detail-section-head h3{margin:0 0 4px}.link-detail-section-head p{margin:0;color:var(--muted);font-size:12px}.empty-chart{align-self:center;min-width:260px!important;margin:auto!important;text-align:center;padding:30px}.analytics-detail-grid .muted{display:block!important;border-bottom:0!important;color:var(--muted)!important}.analytics-detail-grid>div{background:#fff}
@media(max-width:900px){.link-detail-hero{grid-template-columns:1fr}.link-detail-qr{justify-self:start}.link-detail-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:520px){.link-detail-metrics{grid-template-columns:1fr 1fr}.link-detail-url{align-items:stretch}.link-detail-url code{width:100%}.link-detail-qr{justify-self:center}}


/* v1.1.4 dedicated Link Share detail dashboard */
.admin-breadcrumb{display:flex;align-items:center;gap:7px;flex-wrap:wrap;margin-bottom:9px;font-size:12px;color:var(--muted)}.admin-breadcrumb a{color:#2563eb;text-decoration:none;font-weight:800}.admin-breadcrumb a:hover{text-decoration:underline}.admin-breadcrumb strong{color:#334155}.page-head-actions{display:flex;gap:8px;flex-wrap:wrap}.link-detail-page-head{align-items:flex-start}.share-detail-overview{display:grid;grid-template-columns:minmax(0,1fr) 220px;gap:28px;padding:26px;margin-bottom:18px;background:linear-gradient(135deg,#fff 0%,#fbfdff 65%,#f3f7ff 100%);overflow:hidden;position:relative}.share-detail-overview:after{content:"";position:absolute;width:260px;height:260px;border-radius:50%;right:-130px;top:-150px;background:rgba(59,130,246,.07);pointer-events:none}.share-detail-main{min-width:0;position:relative;z-index:1}.share-detail-meta-row{display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin-bottom:18px}.badge-info{background:#e0f2fe;color:#075985}.share-source-chip{display:inline-flex;padding:6px 9px;border-radius:999px;background:#f1f5f9;color:#475569;font-size:11px;font-weight:850}.share-detail-template{font-size:15px;color:#64748b;font-weight:800;margin-bottom:4px}.share-detail-short{font-size:42px;line-height:1.1;letter-spacing:-.035em;font-weight:950;color:#0f172a}.share-detail-campaign{margin:9px 0 0;color:var(--muted);font-size:13px}.share-url-box{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;margin-top:24px;padding:15px 16px;border:1px solid #dbeafe;background:#fff;border-radius:15px;box-shadow:0 8px 25px rgba(15,23,42,.04)}.share-url-box>div:first-child{display:grid;gap:5px;min-width:0}.share-url-box span{font-size:11px;font-weight:900;text-transform:uppercase;letter-spacing:.06em;color:#64748b}.share-url-box code{font-size:13px;font-weight:800;color:#1e3a8a;word-break:break-all}.share-url-actions{display:flex;gap:8px;flex-shrink:0}.share-detail-qr-panel{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;text-align:center;justify-content:center;padding:16px;border:1px solid #dbeafe;border-radius:18px;background:rgba(255,255,255,.9)}.share-detail-qr-frame{width:142px;height:142px;padding:9px;border-radius:16px;background:#fff;border:1px solid var(--line);box-shadow:0 10px 30px rgba(15,23,42,.08);margin-bottom:11px}.share-detail-qr-frame img{width:100%;height:100%;display:block}.share-detail-qr-panel>strong{font-size:14px}.share-detail-qr-panel>span{font-size:11px;color:var(--muted);margin:3px 0 10px}.share-metric-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:18px}.share-metric-grid article{padding:18px;border:1px solid var(--line);border-radius:16px;background:#fff;box-shadow:0 5px 18px rgba(15,23,42,.035)}.share-metric-grid article span{display:block;font-size:12px;font-weight:800;color:#64748b}.share-metric-grid article strong{display:block;margin:7px 0 4px;font-size:28px;line-height:1;color:#0f172a}.share-metric-grid article small{color:#94a3b8;font-size:10px}.share-detail-layout{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(310px,.65fr);gap:18px;align-items:start}.share-chart-card,.share-breakdown-card{margin:0}.share-card-head{align-items:center}.period-pill{display:inline-flex;padding:7px 10px;border-radius:999px;background:#eff6ff;color:#1d4ed8;font-size:11px;font-weight:900}.share-chart{height:285px;display:flex;align-items:stretch;gap:7px;padding:24px 4px 4px;overflow-x:auto}.share-chart-col{height:100%;min-width:26px;display:grid;grid-template-rows:22px minmax(0,1fr) 24px;align-items:end;justify-items:center;gap:5px;flex:1}.share-chart-col>strong{font-size:10px;color:#64748b}.share-chart-track{height:100%;width:16px;display:flex;align-items:flex-end;border-radius:6px;background:#f1f5f9;overflow:hidden}.share-chart-track i{width:100%;display:block;border-radius:6px 6px 0 0;background:linear-gradient(180deg,#60a5fa,#4f46e5);min-height:4px}.share-chart-col>span{font-size:9px;color:#94a3b8;white-space:nowrap}.share-empty-state{min-height:270px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;color:#64748b}.share-empty-state>span{display:grid;place-items:center;width:48px;height:48px;border-radius:14px;background:#eff6ff;color:#2563eb;font-size:22px;margin-bottom:10px}.share-empty-state strong{color:#334155}.share-empty-state p{max-width:360px;margin:5px auto 0;font-size:12px}.share-side-stack{display:grid;gap:18px}.share-breakdown-list{display:grid;margin-top:10px}.share-breakdown-list>div{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:12px 0;border-bottom:1px solid var(--line)}.share-breakdown-list>div:last-child{border-bottom:0}.share-breakdown-list b{font-size:13px;color:#334155}.share-breakdown-list strong{display:grid;place-items:center;min-width:32px;height:28px;padding:0 9px;border-radius:999px;background:#f1f5f9;color:#0f172a;font-size:12px}.share-breakdown-empty{display:block!important;color:var(--muted);font-size:12px;border:0!important;padding:18px 0!important}.share-detail-help{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-top:18px;padding:18px 20px}.share-detail-help strong{font-size:13px}.share-detail-help p{margin:4px 0 0;color:var(--muted);font-size:12px}.share-detail-help .btn{flex-shrink:0}
@media(max-width:1100px){.share-metric-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.share-detail-layout{grid-template-columns:1fr}.share-side-stack{grid-template-columns:1fr 1fr}}
@media(max-width:780px){.share-detail-overview{grid-template-columns:1fr}.share-detail-qr-panel{justify-self:stretch}.share-url-box{align-items:stretch;flex-direction:column}.share-url-actions{width:100%}.share-url-actions .btn{flex:1}.share-side-stack{grid-template-columns:1fr}.share-detail-short{font-size:34px}.share-detail-help{align-items:flex-start;flex-direction:column}.share-detail-help .btn{width:100%}}
@media(max-width:520px){.share-metric-grid{grid-template-columns:1fr 1fr}.share-metric-grid article{padding:14px}.share-metric-grid article strong{font-size:24px}.share-url-actions{flex-direction:column}.share-detail-overview{padding:18px}.share-detail-short{font-size:30px}.share-chart{height:240px}}

/* v1.2.0 — QRIS DANA manual + verification */
.qris-checkout-note{display:grid;gap:6px;padding:15px 16px;border-radius:16px;background:#f0fdf4;border:1px solid #bbf7d0;color:#166534}.qris-checkout-note[hidden]{display:none}.qris-checkout-note span,.qris-checkout-note small{font-weight:600}.gateway-option-qris:has(input:checked){border-color:#22c55e;background:#f0fdf4}.order-total-due{background:#fff7ed!important;border:1px solid #fdba74}.order-total-due dd{font-size:20px;color:#c2410c}.manual-qris-card{margin:28px 0;padding:22px;border:1px solid #fde68a;border-radius:22px;background:linear-gradient(180deg,#fffbeb,#fff);text-align:left}.manual-qris-head{display:flex;align-items:flex-start;justify-content:space-between;gap:14px}.manual-qris-head h2{margin:5px 0 0;font-size:30px;color:#991b1b}.qris-pay-exact{margin:14px 0;color:#7c2d12}.qris-breakdown{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:16px 0}.qris-breakdown span{display:grid;gap:3px;background:#fff;border:1px solid #fde68a;border-radius:14px;padding:12px}.qris-breakdown b{font-size:18px}.qris-image-box{width:min(390px,100%);margin:18px auto;padding:12px;background:#fff;border:1px solid #e5e7eb;border-radius:18px;box-shadow:var(--shadow-sm)}.qris-image-box img{width:100%;height:auto;border-radius:10px}.qris-merchant-note{text-align:center;color:#475569;font-size:14px}.payment-proof-form{display:grid;gap:14px;margin-top:20px}.payment-proof-form label{display:grid;gap:7px;font-weight:800}.payment-proof-form small{font-weight:500;color:var(--muted)}.verification-wait{display:grid;gap:6px;margin-top:18px;padding:16px;border-radius:15px;background:#ecfdf5;border:1px solid #a7f3d0;color:#065f46}.verification-wait span,.verification-wait small{font-size:13px}.transaction-filters{display:flex;gap:10px;flex-wrap:wrap}.transaction-filters select{min-width:180px}.payment-review-card{margin-bottom:20px}.payment-review-head{display:flex;align-items:flex-start;justify-content:space-between;gap:20px}.payment-review-head h2{margin:5px 0 4px}.payment-review-head p{margin:0;color:var(--muted)}.payment-review-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:20px 0}.payment-review-grid>div{display:grid;gap:4px;padding:13px;border-radius:14px;background:var(--soft)}.payment-review-grid small{color:var(--muted);font-weight:700}.payment-proof-review{display:grid;grid-template-columns:.7fr 1.3fr;gap:20px;padding-top:18px;border-top:1px solid var(--line)}.payment-review-actions{display:grid;grid-template-columns:1fr 1fr;gap:14px}.payment-review-actions form{display:grid;gap:10px;padding:14px;border:1px solid var(--line);border-radius:16px;background:#fff}.payment-review-actions label{display:grid;gap:5px;font-size:13px;font-weight:800}.qris-admin-preview{width:min(320px,100%);margin-top:18px;padding:10px;border:1px solid var(--line);border-radius:16px;background:#fff}.qris-admin-preview img{width:100%;border-radius:10px}.settings-inline-test{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-top:16px}.admin-sidebar nav a{position:relative}.nav-count{display:inline-grid;place-items:center;min-width:22px;height:22px;padding:0 6px;margin-left:8px;border-radius:999px;background:#ef4444;color:#fff;font-size:11px;font-weight:900}
@media(max-width:720px){.qris-breakdown,.payment-review-grid,.payment-proof-review,.payment-review-actions{grid-template-columns:1fr}.manual-qris-head,.payment-review-head{align-items:flex-start;flex-direction:column}.transaction-filters{width:100%}.transaction-filters select{min-width:0;flex:1}}

/* v1.2.3 — QRIS download + copy total */
.qris-quick-actions{display:flex;justify-content:center;gap:10px;flex-wrap:wrap;margin:14px auto 8px}.qris-quick-actions .btn{min-width:170px}.qris-download-btn{border-color:#f59e0b!important;background:#fff!important;color:#92400e!important}.qris-download-btn:hover{background:#fffbeb!important}.qris-copy-total{cursor:pointer}.qris-download-help{max-width:620px;margin:10px auto 4px;padding:12px 14px;border:1px dashed #fbbf24;border-radius:14px;background:#fffdf5;color:#78350f;text-align:center;font-size:13px;line-height:1.55}.qris-copy-total.is-copied{border-color:#22c55e!important;background:#ecfdf5!important;color:#166534!important}
@media(max-width:520px){.qris-quick-actions{display:grid;grid-template-columns:1fr}.qris-quick-actions .btn{width:100%;min-width:0}.qris-download-help{text-align:left}}

/* v1.2.7 — Google Authenticator + Trusted Device */
.login-security-icon{width:52px;height:52px;border-radius:16px;display:grid;place-items:center;background:#eff6ff;border:1px solid #bfdbfe;font-size:25px;margin:0 0 16px}.otp-input{font-size:26px!important;font-weight:900;letter-spacing:.28em;text-align:center;font-variant-numeric:tabular-nums}.trusted-checkbox{display:flex!important;grid-template-columns:auto 1fr!important;align-items:center;gap:10px!important;font-size:13px}.trusted-checkbox input{width:18px;height:18px;margin:0}.login-secondary-form{margin-top:10px}.login-security-note{font-size:12px!important;line-height:1.55;color:var(--muted)!important;margin:18px 0 0!important;padding-top:16px;border-top:1px solid var(--line)}.security-steps{display:grid;gap:10px;padding-left:22px}.setup-key-box{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:15px;border-radius:14px;background:#0f172a;color:#e0f2fe;margin:16px 0;overflow:auto}.setup-key-box code{font-size:17px;letter-spacing:.12em;font-weight:900;word-break:break-all}.security-action-form{display:grid;gap:12px;margin:18px 0}.security-action-form label{display:grid;gap:7px;font-weight:800}.security-action-form.compact{grid-template-columns:minmax(180px,1fr) minmax(180px,1fr) auto;align-items:end}.security-danger-zone{border-top:1px solid var(--line);padding-top:18px}.security-summary-grid{margin-top:0}.security-recovery-card{border-color:#fcd34d;background:linear-gradient(180deg,#fff,#fffbeb)}.recovery-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:18px 0}.recovery-grid code{display:block;padding:12px 14px;border-radius:12px;background:#0f172a;color:#f8fafc;font-weight:900;letter-spacing:.08em;text-align:center}.danger-card{border-color:#fecaca}.danger-card h2{color:#991b1b}
@media(max-width:720px){.security-action-form.compact{grid-template-columns:1fr}.recovery-grid{grid-template-columns:1fr}.setup-key-box{align-items:stretch;flex-direction:column}.setup-key-box .btn{width:100%}}


/* v1.2.9 — RTRWNET Dark / Light Theme. Default: dark */
:root{--surface:#ffffff;--surface-2:#f8fafc;--surface-3:#f1f5f9;--page:#ffffff;--text:#0f172a;--text-soft:#475569;--overlay:rgba(255,255,255,.92)}
html[data-theme="dark"]{--ink:#e5edf8;--muted:#94a3b8;--line:#26354a;--soft:#101a2a;--soft2:#152237;--white:#0d1726;--surface:#0d1726;--surface-2:#101a2a;--surface-3:#152237;--page:#07111f;--text:#e5edf8;--text-soft:#a8b7cc;--overlay:rgba(7,17,31,.92);--shadow:0 18px 60px rgba(0,0,0,.34);--shadow-sm:0 10px 30px rgba(0,0,0,.24)}
html[data-theme="dark"] body{background:var(--page);color:var(--ink)}
html[data-theme="dark"] .site-header{background:var(--overlay);border-color:rgba(38,53,74,.85)}
html[data-theme="dark"] .main-nav a{color:#c7d2e3}html[data-theme="dark"] .main-nav a:hover{color:#60a5fa}html[data-theme="dark"] .main-nav .nav-admin{background:#e5edf8;color:#07111f}
html[data-theme="dark"] .brand small,html[data-theme="dark"] .admin-brand small{color:#94a3b8}
.header-tools{display:flex;align-items:center;gap:9px}.theme-toggle{appearance:none;border:1px solid var(--line);background:var(--surface);color:var(--ink);min-height:40px;padding:8px 12px;border-radius:12px;display:inline-flex;align-items:center;justify-content:center;gap:7px;font-weight:850;font-size:12px;cursor:pointer;box-shadow:var(--shadow-sm);transition:.2s transform,.2s background,.2s border-color}.theme-toggle:hover{transform:translateY(-1px);border-color:#60a5fa}.theme-toggle [data-theme-icon]{font-size:17px;line-height:1}.theme-toggle-floating{position:fixed;right:20px;top:20px;z-index:200}.theme-toggle-admin{box-shadow:none}.admin-topbar-spacer{flex:1}
html[data-theme="dark"] .hero{background:radial-gradient(circle at 80% 10%,rgba(37,99,235,.22),transparent 30%),linear-gradient(180deg,#091526,#07111f)}
html[data-theme="dark"] .hero-copy>p,html[data-theme="dark"] .lead,html[data-theme="dark"] .prose,html[data-theme="dark"] .trust-row,html[data-theme="dark"] .price-box span,html[data-theme="dark"] .price-box small,html[data-theme="dark"] .checkout-summary ul{color:var(--text-soft)}
html[data-theme="dark"] .template-card,html[data-theme="dark"] .steps-grid>div,html[data-theme="dark"] .detail-preview,html[data-theme="dark"] .prose-card,html[data-theme="dark"] .feature-card,html[data-theme="dark"] .legal-card,html[data-theme="dark"] .checkout-card,html[data-theme="dark"] .order-card,html[data-theme="dark"] .callout,html[data-theme="dark"] .btn-secondary{background:var(--surface);border-color:var(--line);color:var(--ink);box-shadow:var(--shadow-sm)}
html[data-theme="dark"] .template-card p,html[data-theme="dark"] .template-meta,html[data-theme="dark"] .template-card small{color:#9fb0c6}
html[data-theme="dark"] .site-footer{background:#050c18;border-color:#1e2b3d;color:#c4d0e0}html[data-theme="dark"] .site-footer p,html[data-theme="dark"] .site-footer a,html[data-theme="dark"] .footer-bottom{color:#9fb0c6}
html[data-theme="dark"] input,html[data-theme="dark"] textarea,html[data-theme="dark"] select{background:#0a1422;border-color:#314158;color:#e5edf8}html[data-theme="dark"] input::placeholder,html[data-theme="dark"] textarea::placeholder{color:#71829a}html[data-theme="dark"] input:focus,html[data-theme="dark"] textarea:focus,html[data-theme="dark"] select:focus{border-color:#60a5fa;box-shadow:0 0 0 3px rgba(59,130,246,.15)}
html[data-theme="dark"] .amount-btn,html[data-theme="dark"] .gateway-option,html[data-theme="dark"] .payment-channel,html[data-theme="dark"] .current-demo-box,html[data-theme="dark"] .admin-form input[type=file]{background:var(--surface);color:var(--ink);border-color:var(--line)}
html[data-theme="dark"] .gateway-option:hover,html[data-theme="dark"] .payment-channel:hover{background:#122139}
html[data-theme="dark"] .checkout-card>p{background:#2b1a0c;border-color:#7c3f16;color:#fdba74}
html[data-theme="dark"] .flash-danger,html[data-theme="dark"] .form-message.error,html[data-theme="dark"] .login-error{background:#3a141a;color:#fecdd3}html[data-theme="dark"] .status-warning{background:#35260d;color:#fde68a}html[data-theme="dark"] .status-danger{background:#3a141a;color:#fca5a5}
html[data-theme="dark"] .admin-body{background:#07111f}html[data-theme="dark"] .admin-main{background:#07111f}html[data-theme="dark"] .admin-topbar{background:#0b1524;border-color:var(--line)}html[data-theme="dark"] .admin-topbar small{color:#94a3b8}
html[data-theme="dark"] .admin-sidebar{background:#060d19;border-color:#162237}html[data-theme="dark"] .admin-sidebar nav a{color:#c5d0df}html[data-theme="dark"] .admin-sidebar nav a:hover{background:#111e32;color:#fff}html[data-theme="dark"] .admin-sidebar nav a.active{background:#1a2940;color:#fff}
html[data-theme="dark"] .stat-card,html[data-theme="dark"] .admin-card,html[data-theme="dark"] .table-wrap{background:var(--surface);border-color:var(--line);color:var(--ink);box-shadow:var(--shadow-sm)}
html[data-theme="dark"] .admin-table th{background:#101b2c;color:#94a3b8}html[data-theme="dark"] .admin-table td{border-color:#26354a}html[data-theme="dark"] .admin-table tr:hover td{background:#101b2c}
html[data-theme="dark"] .badge-neutral{background:#233249;color:#d7e2ef}html[data-theme="dark"] .badge-warning{background:#3b2a0c;color:#fde68a}html[data-theme="dark"] .badge-danger{background:#3b141a;color:#fecaca}
html[data-theme="dark"] .login-page{background:radial-gradient(circle at 15% 20%,rgba(37,99,235,.18),transparent 30%),linear-gradient(135deg,#07111f,#0b1323)}html[data-theme="dark"] .login-card{background:#0d1726;color:#e5edf8;border:1px solid #26354a;box-shadow:0 30px 90px rgba(0,0,0,.48)}
html[data-theme="dark"] .mobile-demo-page{background:#07111f}html[data-theme="dark"] .mobile-demo-header p{color:#9fb0c6}html[data-theme="dark"] .mobile-demo-controls{background:#0d1726;border-color:var(--line)}html[data-theme="dark"] .device-option{background:#0a1422;border-color:var(--line);color:#d8e4f2}html[data-theme="dark"] .phone-screen,html[data-theme="dark"] .phone-screen iframe{background:#07111f}
html[data-theme="dark"] .current-file-box,html[data-theme="dark"] .contact-channel,html[data-theme="dark"] .merchant-check-grid>div,html[data-theme="dark"] .funnel-row,html[data-theme="dark"] .analytics-detail-grid>div{background:#101a2a;border-color:var(--line)}
html[data-theme="dark"] .current-demo-box code,html[data-theme="dark"] .demo-upload-rules span{color:#9fb0c6}
html[data-theme="dark"] .contact-channel-warning,html[data-theme="dark"] .delete-external-note,html[data-theme="dark"] .delete-pending-warning{background:#2b1a0c;border-color:#7c3f16;color:#fdba74}
html[data-theme="dark"] .delete-template-summary>div,html[data-theme="dark"] .delete-file-list{background:#0d1726;border-color:#4b2730}html[data-theme="dark"] .delete-warning-icon{background:#3b141a;color:#fca5a5}
html[data-theme="dark"] .analytics-tabs a{background:#0d1726;color:#b8c7d9;border-color:var(--line)}html[data-theme="dark"] .analytics-tabs a.active{background:#1d4ed8;color:#fff;border-color:#2563eb}
html[data-theme="dark"] .qr-preview img,html[data-theme="dark"] .link-detail-qr img,html[data-theme="dark"] .share-detail-qr-frame{background:#fff}
html[data-theme="dark"] .license-action-form input{background:#0a1422;color:#e5edf8;border-color:var(--line)}
html[data-theme="dark"] .order-license-card span,html[data-theme="dark"] .order-license-steps,html[data-theme="dark"] .order-license-steps small{color:#b2c1d3}
html[data-theme="dark"] .link-detail-url code,html[data-theme="dark"] .share-source-chip,html[data-theme="dark"] .share-breakdown-list strong{background:#172439;color:#c9d7e8;border-color:var(--line)}
html[data-theme="dark"] .link-detail-metrics>div,html[data-theme="dark"] .link-detail-chart-card,html[data-theme="dark"] .share-url-box,html[data-theme="dark"] .share-metric-grid article{background:#0d1726;border-color:var(--line)}html[data-theme="dark"] .share-detail-short,html[data-theme="dark"] .share-metric-grid article strong{color:#eaf2fb}html[data-theme="dark"] .share-empty-state strong,html[data-theme="dark"] .share-breakdown-list b,html[data-theme="dark"] .admin-breadcrumb strong{color:#cbd7e6}html[data-theme="dark"] .share-chart-track{background:#172439}
html[data-theme="dark"] .qris-checkout-note,html[data-theme="dark"] .gateway-option-qris:has(input:checked){background:#0b2a1d;border-color:#14532d;color:#bbf7d0}html[data-theme="dark"] .order-total-due{background:#2b1a0c!important;border-color:#7c3f16}html[data-theme="dark"] .order-total-due dd{color:#fdba74}
html[data-theme="dark"] .manual-qris-card{background:linear-gradient(180deg,#211908,#121723);border-color:#72531b;color:#e5edf8}html[data-theme="dark"] .manual-qris-head h2{color:#fca5a5}html[data-theme="dark"] .qris-pay-exact{color:#fdba74}html[data-theme="dark"] .qris-breakdown span{background:#0d1726;border-color:#5e471a}html[data-theme="dark"] .qris-image-box,html[data-theme="dark"] .qris-admin-preview{background:#fff;border-color:#d1d5db}html[data-theme="dark"] .qris-merchant-note{color:#aebdd0}
html[data-theme="dark"] .verification-wait{background:#0b2a1d;border-color:#14532d;color:#bbf7d0}html[data-theme="dark"] .payment-review-grid>div{background:#101a2a}html[data-theme="dark"] .payment-review-actions form{background:#0d1726;border-color:var(--line)}
html[data-theme="dark"] .qris-download-btn{background:#151d2b!important;color:#fbbf24!important;border-color:#8a5b14!important}html[data-theme="dark"] .qris-download-btn:hover{background:#202a3b!important}html[data-theme="dark"] .qris-download-help{background:#241b08;border-color:#8a5b14;color:#fde68a}
html[data-theme="dark"] .login-security-icon{background:#102545;border-color:#1e40af}html[data-theme="dark"] .security-recovery-card{background:linear-gradient(180deg,#0d1726,#241b08);border-color:#715316}html[data-theme="dark"] .danger-card{border-color:#5f2630}html[data-theme="dark"] .danger-card h2{color:#fca5a5}
html[data-theme="light"] body{background:#fff;color:#0f172a}
@media(max-width:720px){.theme-toggle-label{display:none}.theme-toggle{width:42px;height:42px;padding:0}.header-tools{gap:7px}html[data-theme="dark"] .main-nav{background:#0d1726;border-color:var(--line)}html[data-theme="dark"] .main-nav a{color:#d3deec}.theme-toggle-floating{right:14px;top:14px}}


/* v1.2.10 — full dark-mode coverage + persistent admin theme control */
html[data-theme="dark"] .detail-hero{
  background:radial-gradient(circle at 18% 18%,rgba(37,99,235,.13),transparent 28%),linear-gradient(180deg,#081321,#07111f 72%,#07111f);
  color:var(--ink);
}
html[data-theme="dark"] .detail-copy,
html[data-theme="dark"] .detail-copy h1,
html[data-theme="dark"] .detail-copy h2,
html[data-theme="dark"] .detail-copy h3,
html[data-theme="dark"] .content-grid h1,
html[data-theme="dark"] .content-grid h2,
html[data-theme="dark"] .content-grid h3,
html[data-theme="dark"] .callout h1,
html[data-theme="dark"] .callout h2,
html[data-theme="dark"] .callout h3{color:#edf5ff}
html[data-theme="dark"] .detail-copy .lead,
html[data-theme="dark"] .file-info,
html[data-theme="dark"] .prose,
html[data-theme="dark"] .prose p,
html[data-theme="dark"] .prose li,
html[data-theme="dark"] .callout p{color:#a8b7cc}
html[data-theme="dark"] .price-box{
  background:linear-gradient(180deg,#0d203b,#0b1b31);
  border-color:#254f80;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.025);
}
html[data-theme="dark"] .price-box strong{color:#60a5fa}
html[data-theme="dark"] .price-box span,
html[data-theme="dark"] .price-box small{color:#a9bdd5}
html[data-theme="dark"] .section{background:#07111f;color:var(--ink)}
html[data-theme="dark"] .section-muted{background:#091421}
html[data-theme="dark"] .prose-card,
html[data-theme="dark"] .feature-card,
html[data-theme="dark"] .legal-card,
html[data-theme="dark"] .checkout-card,
html[data-theme="dark"] .order-card,
html[data-theme="dark"] .callout{
  background:#0d1726;
  border-color:#26354a;
  color:#e5edf8;
}
html[data-theme="dark"] .feature-card li{color:#d4deea}
html[data-theme="dark"] .detail-actions .btn-secondary{background:#0d1726;color:#e5edf8;border-color:#314158}
html[data-theme="dark"] .detail-actions .btn-secondary:hover{background:#122139}
html[data-theme="dark"] .file-info span{color:#9fb0c6}

/* Public pages with hard-coded light surfaces */
html[data-theme="dark"] .section-heading h1,
html[data-theme="dark"] .section-heading h2,
html[data-theme="dark"] .section-heading h3,
html[data-theme="dark"] .checkout-card h1,
html[data-theme="dark"] .checkout-card h2,
html[data-theme="dark"] .order-card h1,
html[data-theme="dark"] .order-card h2,
html[data-theme="dark"] .legal-card h1,
html[data-theme="dark"] .legal-card h2{color:#edf5ff}
html[data-theme="dark"] .section-heading p,
html[data-theme="dark"] .legal-card p,
html[data-theme="dark"] .legal-card li,
html[data-theme="dark"] .order-card p{color:#a8b7cc}

/* Admin: make theme control visible on every route, including login. */
.admin-theme-dock{
  position:fixed;
  right:18px;
  bottom:18px;
  top:auto;
  z-index:1000;
  min-width:112px;
  box-shadow:0 14px 40px rgba(0,0,0,.24);
}
html[data-theme="dark"] .admin-theme-dock{
  background:#111d2e;
  color:#e9f1fb;
  border-color:#314158;
  box-shadow:0 14px 40px rgba(0,0,0,.45),0 0 0 1px rgba(255,255,255,.02) inset;
}
html[data-theme="dark"] .admin-content,
html[data-theme="dark"] .admin-content h1,
html[data-theme="dark"] .admin-content h2,
html[data-theme="dark"] .admin-content h3,
html[data-theme="dark"] .admin-content h4{color:#e8f0fa}
html[data-theme="dark"] .admin-content p,
html[data-theme="dark"] .admin-content small,
html[data-theme="dark"] .admin-content .muted{color:#9fb0c6}
html[data-theme="dark"] .admin-content hr{border-color:#26354a}
html[data-theme="dark"] .admin-card,
html[data-theme="dark"] .stat-card,
html[data-theme="dark"] .table-wrap{background:#0d1726;border-color:#26354a}
html[data-theme="dark"] .admin-form label{color:#dbe6f2}
html[data-theme="dark"] .admin-form input,
html[data-theme="dark"] .admin-form textarea,
html[data-theme="dark"] .admin-form select{background:#0a1422;border-color:#314158;color:#e5edf8}

@media(max-width:720px){
  .admin-theme-dock{right:12px;bottom:12px;min-width:42px;width:42px;height:42px;padding:0}
  .admin-theme-dock .theme-toggle-label{display:none}
}

/* v1.2.11 — active-order guard + duplicate-order admin UX */
.active-order-notice{display:grid;gap:4px;padding:13px 15px;border-radius:14px;background:#eff6ff;border:1px solid #bfdbfe;color:#1e3a8a;font-size:13px}.active-order-notice strong{font-size:14px}.active-order-notice span{color:#475569;font-weight:500}
.order-role-stack{display:flex;align-items:flex-end;gap:7px;flex-direction:column}.duplicate-order-alert{display:grid;gap:4px;margin:14px 0;padding:13px 15px;border-radius:14px;background:#fff7ed;border:1px solid #fed7aa;color:#9a3412}.duplicate-order-alert span{font-size:13px}.related-orders-card{margin-top:18px;padding:16px;border:1px solid var(--line);border-radius:16px;background:var(--soft)}.related-orders-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:12px}.related-orders-head>div{display:grid;gap:3px}.related-orders-head span{font-size:12px;color:var(--muted)}.related-order-list{display:grid;gap:8px}.related-order-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:11px 12px;border:1px solid var(--line);border-radius:12px;background:#fff;text-decoration:none}.related-order-row:hover{border-color:#93c5fd}.related-order-row.is-current{box-shadow:inset 3px 0 0 var(--brand)}.related-order-row>span:first-child{display:grid;gap:2px}.related-order-row small{color:var(--muted)}.related-order-badges{display:flex;gap:6px;align-items:center;flex-wrap:wrap;justify-content:flex-end}.related-order-badges em{font-style:normal}.duplicate-cleanup-form{display:grid;grid-template-columns:minmax(220px,1fr) auto;gap:12px;align-items:end;margin-top:14px;padding-top:14px;border-top:1px solid var(--line)}.duplicate-cleanup-form label{display:grid;gap:6px;font-weight:800}.duplicate-cleanup-form input{margin:0}

/* v1.2.11 — dark-mode consistency fixes recorded from Admin screenshots */
html[data-theme="dark"] .license-health-grid>div{background:#101a2a;border-color:#314158;color:#e5edf8;box-shadow:inset 0 1px 0 rgba(255,255,255,.02)}
html[data-theme="dark"] .license-health-grid span{color:#91a7c2}html[data-theme="dark"] .license-health-grid strong{color:#dce8f5}html[data-theme="dark"] .license-health-grid code{color:#91a7c2}
html[data-theme="dark"] .demo-upload-card{background:linear-gradient(180deg,#0d1726,#0b1524);border-color:#314158}
html[data-theme="dark"] .demo-upload-rules{background:#101f35;border-color:#294f7c;color:#e5edf8}html[data-theme="dark"] .demo-upload-rules strong{color:#60a5fa}html[data-theme="dark"] .demo-upload-rules span{color:#9fb0c6}
html[data-theme="dark"] .admin-form input[type=file]{background:#0a1422;color:#dce7f3;border-color:#314158}html[data-theme="dark"] .admin-form input[type=file]::file-selector-button{background:#1a2940;color:#dbeafe;border:1px solid #314158}
html[data-theme="dark"] .active-order-notice{background:#0f2038;border-color:#295280;color:#dbeafe}html[data-theme="dark"] .active-order-notice span{color:#9fb0c6}
html[data-theme="dark"] .duplicate-order-alert{background:#2b1a0c;border-color:#7c3f16;color:#fdba74}
html[data-theme="dark"] .related-orders-card{background:#0b1524;border-color:#314158}html[data-theme="dark"] .related-order-row{background:#0d1726;border-color:#314158;color:#e5edf8}html[data-theme="dark"] .related-order-row:hover{background:#101f35;border-color:#3b82f6}html[data-theme="dark"] .related-order-row small,html[data-theme="dark"] .related-orders-head span{color:#91a7c2}html[data-theme="dark"] .duplicate-cleanup-form{border-color:#314158}
@media(max-width:760px){.duplicate-cleanup-form{grid-template-columns:1fr}.related-order-row{align-items:flex-start;flex-direction:column}.related-order-badges{justify-content:flex-start}.order-role-stack{align-items:flex-start}}
html[data-theme="dark"] .form-message.info{background:#102545;color:#bfdbfe;border:1px solid #1e40af}
html[data-theme="dark"] .order-closed-message a,html[data-theme="dark"] .order-duplicate-message a{color:#93c5fd;font-weight:800}

/* v1.2.12 — hard override dark-mode cards + cache-busted layout */
html[data-theme="dark"] .admin-content .demo-upload-rules,
html[data-theme="dark"] .admin-form .demo-upload-rules,
html[data-theme="dark"] .demo-upload-card .demo-upload-rules{
  background:#101f35 !important;
  border:1px solid #294f7c !important;
  color:#e5edf8 !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.025) !important;
}
html[data-theme="dark"] .admin-content .demo-upload-rules strong,
html[data-theme="dark"] .admin-form .demo-upload-rules strong{
  color:#60a5fa !important;
}
html[data-theme="dark"] .admin-content .demo-upload-rules span,
html[data-theme="dark"] .admin-form .demo-upload-rules span,
html[data-theme="dark"] .admin-content .demo-upload-rules code,
html[data-theme="dark"] .admin-form .demo-upload-rules code{
  color:#a9bdd5 !important;
  background:transparent !important;
}
html[data-theme="dark"] .license-health-card .license-health-grid > div,
html[data-theme="dark"] .admin-content .license-health-grid > div{
  background:#101a2a !important;
  border:1px solid #314158 !important;
  color:#e5edf8 !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.025) !important;
}
html[data-theme="dark"] .license-health-card .license-health-grid > div span,
html[data-theme="dark"] .admin-content .license-health-grid > div span{
  color:#91a7c2 !important;
}
html[data-theme="dark"] .license-health-card .license-health-grid > div strong,
html[data-theme="dark"] .admin-content .license-health-grid > div strong{
  color:#dce8f5 !important;
}
html[data-theme="dark"] .license-health-card .license-health-grid > div code,
html[data-theme="dark"] .admin-content .license-health-grid > div code{
  color:#91a7c2 !important;
  background:transparent !important;
}
html[data-theme="dark"] .demo-upload-card{
  background:#0d1726 !important;
  border-color:#314158 !important;
}
html[data-theme="dark"] .current-demo-box,
html[data-theme="dark"] .current-file-box{
  background:#101a2a !important;
  border-color:#314158 !important;
  color:#e5edf8 !important;
}

/* v1.2.13 — RTRWNET logo + favicon-era header refinements */
.brand-logo-link{min-width:0}.brand-logo{width:218px;max-width:46vw;height:56px;object-fit:contain;object-position:left center}.admin-logo-link{display:grid!important;gap:6px!important;padding:2px 4px 14px!important}.admin-brand-logo{width:184px;height:58px;object-fit:contain;object-position:left center}.admin-logo-link small{padding-left:4px;color:#94a3b8}.site-header .header-inner{min-height:78px}.main-nav{gap:20px}
@media(max-width:820px){.brand-logo{width:184px;height:50px;max-width:58vw}.site-header .header-inner{min-height:70px}}
@media(max-width:420px){.brand-logo{width:162px;height:46px}}

/* v1.2.13 — Global custom modal */
.rtrw-modal-overlay{position:fixed;inset:0;z-index:5000;display:grid;place-items:center;padding:20px;background:rgba(2,6,23,.68);backdrop-filter:blur(10px);opacity:0;visibility:hidden;transition:.18s ease}.rtrw-modal-overlay.is-open{opacity:1;visibility:visible}.rtrw-modal{position:relative;width:min(460px,100%);background:#fff;border:1px solid var(--line);border-radius:26px;padding:28px;box-shadow:0 30px 100px rgba(15,23,42,.3);transform:translateY(12px) scale(.98);transition:.18s ease}.rtrw-modal-overlay.is-open .rtrw-modal{transform:none}.rtrw-modal-x{position:absolute;right:14px;top:14px;width:38px;height:38px;border-radius:12px;border:1px solid var(--line);background:var(--soft);color:var(--muted);font-size:23px;line-height:1;cursor:pointer}.rtrw-modal-icon{width:56px;height:56px;border-radius:18px;display:grid;place-items:center;font-size:26px;font-weight:900;margin-bottom:16px;color:#fff;background:linear-gradient(135deg,#0ea5e9,#2563eb);box-shadow:0 12px 28px rgba(37,99,235,.22)}.rtrw-modal-icon.warning{background:linear-gradient(135deg,#f59e0b,#d97706)}.rtrw-modal-icon.danger{background:linear-gradient(135deg,#ef4444,#b91c1c)}.rtrw-modal-icon.success{background:linear-gradient(135deg,#22c55e,#15803d)}.rtrw-modal h2{margin:0 42px 8px 0;font-size:24px;line-height:1.2}.rtrw-modal-message{color:var(--muted);white-space:pre-wrap}.rtrw-modal-input-wrap{margin-top:16px}.rtrw-modal-input{min-height:48px}.rtrw-modal-input-wrap textarea{min-height:120px;resize:vertical}.rtrw-modal-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:22px}.rtrw-modal-actions .btn{min-width:110px}
html[data-theme="dark"] .rtrw-modal{background:#0d1726;border-color:#314158;color:#edf5ff;box-shadow:0 30px 110px rgba(0,0,0,.62)}html[data-theme="dark"] .rtrw-modal-x{background:#111d2e;border-color:#314158;color:#c7d4e4}html[data-theme="dark"] .rtrw-modal-message{color:#a9bdd5}html[data-theme="dark"] .rtrw-modal-input{background:#081321;border-color:#314158;color:#e5edf8}
@media(max-width:520px){.rtrw-modal{padding:23px 18px 18px;border-radius:22px}.rtrw-modal-actions{display:grid;grid-template-columns:1fr 1fr}.rtrw-modal-actions .btn{min-width:0;width:100%}}

/* v1.2.13 — Sticky Back to Top */
.back-to-top{position:fixed;right:22px;bottom:22px;z-index:980;width:52px;height:52px;border:1px solid rgba(96,165,250,.5);border-radius:18px;background:linear-gradient(145deg,#2563eb,#0ea5e9);color:#fff;display:grid;place-items:center;font-size:26px;font-weight:900;cursor:pointer;box-shadow:0 16px 38px rgba(37,99,235,.34);opacity:0;visibility:hidden;transform:translateY(14px) scale(.92);transition:.22s ease}.back-to-top span{line-height:1;transform:translateY(-1px)}.back-to-top:hover{transform:translateY(-3px) scale(1.03);box-shadow:0 20px 44px rgba(37,99,235,.42)}.back-to-top.is-visible{opacity:1;visibility:visible;transform:none}.admin-back-to-top{right:22px;bottom:82px}
@media(max-width:720px){.back-to-top{right:12px;bottom:66px;width:46px;height:46px;border-radius:15px}.admin-back-to-top{bottom:66px}}

/* v1.2.13 — Public Blog */
.blog-hero{padding:76px 0 52px;background:radial-gradient(circle at 80% 15%,rgba(37,99,235,.18),transparent 30%),linear-gradient(180deg,#f8fbff,#fff);text-align:center}.blog-hero h1{font-size:clamp(38px,6vw,64px);line-height:1.05;letter-spacing:-.045em;margin:14px 0 12px}.blog-hero p{max-width:760px;margin:0 auto;color:var(--muted);font-size:18px}.blog-public-search{display:flex;gap:10px;max-width:720px;margin:28px auto 0;padding:8px;border-radius:18px;background:#fff;border:1px solid var(--line);box-shadow:var(--shadow-sm)}.blog-public-search input{border:0;box-shadow:none!important;background:transparent}.blog-category-nav{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:28px}.blog-category-nav a{display:inline-flex;align-items:center;gap:7px;padding:9px 13px;border:1px solid var(--line);border-radius:999px;text-decoration:none;font-weight:800;font-size:13px;background:#fff}.blog-category-nav a span{font-size:11px;padding:2px 7px;border-radius:999px;background:var(--soft2);color:var(--muted)}.blog-category-nav a.active,.blog-category-nav a:hover{background:#eff6ff;border-color:#93c5fd;color:#1d4ed8}.blog-card-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.blog-card{display:flex;flex-direction:column;overflow:hidden;background:#fff;border:1px solid var(--line);border-radius:22px;box-shadow:0 12px 38px rgba(15,23,42,.06);transition:.22s ease}.blog-card:hover{transform:translateY(-5px);box-shadow:var(--shadow)}.blog-card-image{aspect-ratio:16/9;overflow:hidden;background:var(--soft2)}.blog-card-image img{width:100%;height:100%;object-fit:cover;transition:.35s ease}.blog-card:hover .blog-card-image img{transform:scale(1.035)}.blog-card-body{display:flex;flex:1;flex-direction:column;padding:20px}.blog-card-meta{display:flex;gap:9px;flex-wrap:wrap;align-items:center;font-size:11px;color:var(--muted);font-weight:700}.blog-card-meta a{color:var(--brand);text-decoration:none}.blog-card h2{font-size:21px;line-height:1.28;margin:10px 0 9px;letter-spacing:-.02em}.blog-card h2 a{text-decoration:none}.blog-card p{color:var(--muted);margin:0 0 18px;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.blog-read-more{margin-top:auto;color:var(--brand);font-weight:850;text-decoration:none}.pagination{display:flex;justify-content:center;gap:8px;margin-top:34px}.pagination a{min-width:42px;height:42px;padding:0 12px;display:grid;place-items:center;border:1px solid var(--line);border-radius:12px;text-decoration:none;background:#fff;font-weight:800}.pagination a.active,.pagination a:hover{background:var(--brand);border-color:var(--brand);color:#fff}.empty-state{padding:54px 24px;border:1px dashed var(--line);border-radius:24px;text-align:center}.empty-state h2{margin:0 0 7px}.empty-state p{margin:0;color:var(--muted)}
.blog-detail-hero{padding:58px 0 36px;background:linear-gradient(180deg,#f8fafc,#fff)}.blog-detail-head{text-align:left}.breadcrumbs{display:flex;align-items:center;gap:8px;flex-wrap:wrap;color:var(--muted);font-size:13px;font-weight:700;margin-bottom:20px}.breadcrumbs a{text-decoration:none}.breadcrumbs a:hover{color:var(--brand)}.blog-detail-head h1{font-size:clamp(38px,6vw,64px);letter-spacing:-.045em;line-height:1.07;margin:0 0 16px}.blog-lead{font-size:19px;color:#475569;margin:0}.blog-detail-meta{display:flex;flex-wrap:wrap;gap:12px 18px;color:var(--muted);font-size:13px;font-weight:700;margin-top:20px}.blog-detail-section{padding-top:34px}.blog-detail-grid{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:30px;align-items:start}.blog-article{min-width:0}.blog-featured{margin:0 0 26px;border-radius:26px;overflow:hidden;border:1px solid var(--line);box-shadow:var(--shadow-sm);background:var(--soft)}.blog-featured img{width:100%;aspect-ratio:16/9;object-fit:cover}.blog-prose{font-size:17px;line-height:1.8;color:#334155}.blog-prose h2{font-size:30px;line-height:1.2;letter-spacing:-.025em;margin:38px 0 14px}.blog-prose h3{font-size:24px;line-height:1.3;margin:30px 0 12px}.blog-prose h4{font-size:20px;margin:26px 0 10px}.blog-prose p{margin:0 0 18px}.blog-prose img{margin:24px auto;border-radius:18px;box-shadow:var(--shadow-sm)}.blog-prose blockquote{margin:24px 0;padding:18px 20px;border-left:4px solid var(--brand);background:#eff6ff;border-radius:0 16px 16px 0;color:#1e3a8a}.blog-prose pre{overflow:auto;padding:18px;border-radius:16px;background:#0f172a;color:#e2e8f0}.blog-prose code{background:var(--soft2);padding:2px 6px;border-radius:6px}.blog-prose table{width:100%;border-collapse:collapse;margin:20px 0}.blog-prose th,.blog-prose td{border:1px solid var(--line);padding:10px 12px;text-align:left}.blog-prose a{color:var(--brand);font-weight:700}.blog-tags,.blog-share{display:flex;gap:9px;align-items:center;flex-wrap:wrap;margin-top:28px;padding-top:22px;border-top:1px solid var(--line)}.blog-tags a{padding:6px 10px;border-radius:999px;background:var(--soft2);text-decoration:none;font-size:13px;color:#475569}.blog-sidebar{display:grid;gap:18px;position:sticky;top:100px}.blog-side-card{background:#fff;border:1px solid var(--line);border-radius:20px;padding:20px;box-shadow:var(--shadow-sm)}.blog-side-card h2{font-size:20px;margin:0 0 14px}.blog-side-card p{color:var(--muted)}.popular-post{display:grid;gap:4px;text-decoration:none;padding:11px 0;border-top:1px solid var(--line)}.popular-post:first-of-type{border-top:0;padding-top:0}.popular-post span{font-weight:800;line-height:1.35}.popular-post small{color:var(--muted)}
@media(max-width:960px){.blog-card-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.blog-detail-grid{grid-template-columns:1fr}.blog-sidebar{position:static;grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:620px){.blog-hero{padding:52px 0 34px}.blog-public-search{display:grid}.blog-card-grid{grid-template-columns:1fr}.blog-detail-hero{padding:42px 0 26px}.blog-detail-head h1{font-size:36px}.blog-prose{font-size:16px}.blog-prose h2{font-size:26px}.blog-sidebar{grid-template-columns:1fr}}

/* v1.2.13 — Blog Admin + Visual Editor */
.blog-admin-head{align-items:center}.blog-stats-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.admin-card-head{display:flex;justify-content:space-between;gap:18px;align-items:flex-start}.admin-card-head h2{margin:0}.admin-card-head p{margin:4px 0 0;color:var(--muted)}.blog-settings-card .form-grid{margin-top:18px}.blog-filterbar{display:flex;justify-content:space-between;gap:14px;align-items:center;margin-bottom:18px}.blog-filter-tabs{display:flex;gap:7px;flex-wrap:wrap}.blog-filter-tab{padding:8px 12px;border-radius:10px;text-decoration:none;font-weight:800;font-size:13px;color:var(--muted)}.blog-filter-tab.active{background:#eff6ff;color:#1d4ed8}.blog-search-admin{display:flex;gap:8px;min-width:min(420px,100%)}.blog-search-admin input{min-width:0}.seo-score{display:inline-flex;padding:5px 8px;border-radius:999px;font-size:11px;font-weight:850}.seo-score.good{background:#dcfce7;color:#166534}.seo-score.warn{background:#fef3c7;color:#92400e}.category-quick-form{display:grid;grid-template-columns:1fr 1fr 1.6fr auto;gap:9px;margin:16px 0}.category-chip-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.category-admin-chip{display:flex;justify-content:space-between;gap:12px;align-items:center;border:1px solid var(--line);border-radius:14px;padding:12px 14px;background:var(--soft)}.category-admin-chip>div{display:grid;gap:2px}.category-admin-chip small{color:var(--muted)}.icon-action{width:34px;height:34px;border:0;border-radius:10px;cursor:pointer;font-size:20px;background:#e2e8f0;color:#334155}.icon-action.danger{background:#fee2e2;color:#b91c1c}.blog-editor-layout{display:grid;grid-template-columns:minmax(0,1fr) 330px;gap:20px;align-items:start}.blog-editor-main{display:grid;gap:18px;min-width:0}.blog-editor-side{display:grid;gap:18px;position:sticky;top:22px}.blog-title-field input{font-size:22px;font-weight:850;padding:15px}.slug-input-wrap{display:flex;align-items:stretch;border:1px solid #cbd5e1;border-radius:12px;overflow:hidden;background:#fff}.slug-input-wrap:focus-within{border-color:var(--brand);box-shadow:0 0 0 4px rgba(37,99,235,.12)}.slug-input-wrap span{display:flex;align-items:center;padding:0 0 0 12px;color:var(--muted);font-size:12px;white-space:nowrap}.slug-input-wrap input{border:0;box-shadow:none!important;border-radius:0;padding-left:2px}.editor-card{padding:0;overflow:hidden}.editor-card-head{display:flex;justify-content:space-between;gap:12px;padding:20px 22px;border-bottom:1px solid var(--line)}.editor-card-head h2{margin:0}.editor-card-head p{margin:3px 0 0;color:var(--muted);font-size:13px}.editor-status{align-self:flex-start;padding:5px 9px;border-radius:999px;background:#eff6ff;color:#1d4ed8;font-size:11px;font-weight:850}.visual-editor-toolbar{display:flex;gap:5px;align-items:center;flex-wrap:wrap;padding:10px 12px;border-bottom:1px solid var(--line);background:var(--soft)}.visual-editor-toolbar button,.visual-editor-toolbar select{width:auto;min-height:36px;border:1px solid var(--line);border-radius:9px;background:#fff;color:var(--ink);padding:6px 9px;font-size:12px;font-weight:800;cursor:pointer}.visual-editor-toolbar button:hover,.visual-editor-toolbar button.active{background:#eff6ff;border-color:#93c5fd;color:#1d4ed8}.toolbar-sep{width:1px;height:28px;background:var(--line);margin:0 2px}.visual-editor{min-height:480px;padding:26px 28px;outline:none;font-size:16px;line-height:1.8;background:#fff}.visual-editor:focus{box-shadow:inset 0 0 0 2px rgba(37,99,235,.12)}.visual-editor h2{font-size:30px;margin:28px 0 12px}.visual-editor h3{font-size:24px;margin:24px 0 10px}.visual-editor blockquote{border-left:4px solid var(--brand);padding:12px 16px;background:#eff6ff;margin:18px 0}.visual-editor img{max-width:100%;height:auto;border-radius:14px}.editor-source-area{display:block!important;width:100%;min-height:480px;border:0;border-radius:0;padding:20px;font:13px/1.65 ui-monospace,SFMono-Regular,Menlo,monospace;resize:vertical}.editor-footer{display:flex;justify-content:space-between;gap:15px;flex-wrap:wrap;border-top:1px solid var(--line);padding:10px 16px;color:var(--muted);font-size:11px}.seo-panel .form-grid{margin-top:18px}.seo-live-score{padding:7px 10px;border-radius:999px;background:#fef3c7;color:#92400e;font-size:12px;font-weight:900}.seo-live-score.good{background:#dcfce7;color:#166534}.seo-live-score.warn{background:#fef3c7;color:#92400e}.field-counter{font-size:11px;color:var(--muted);text-align:right}.seo-preview{margin-top:18px;padding:18px;border:1px solid var(--line);border-radius:16px;background:var(--soft);display:grid;gap:5px}.seo-preview small{color:var(--muted)}.seo-preview strong{color:#1a0dab;font-size:20px;font-weight:500;line-height:1.25}.seo-preview span{color:#16833a;font-size:13px}.seo-preview p{margin:0;color:#4b5563}.blog-publish-card{display:grid;gap:14px}.blog-publish-card h2,.blog-editor-side .admin-card h2{margin-top:0}.blog-feature-preview{border-radius:15px;border:1px solid var(--line);margin-bottom:14px;aspect-ratio:16/9;width:100%;object-fit:cover}.seo-checklist-card ul{list-style:none;padding:0;margin:0;display:grid;gap:8px}.seo-checklist-card li{position:relative;padding:9px 10px 9px 34px;border:1px solid var(--line);border-radius:11px;color:var(--muted);font-size:12px}.seo-checklist-card li:before{content:'•';position:absolute;left:13px;color:#94a3b8;font-size:20px;top:2px}.seo-checklist-card li.done{color:#166534;background:#f0fdf4;border-color:#bbf7d0}.seo-checklist-card li.done:before{content:'✓';color:#16a34a;font-size:14px;top:8px}.muted{color:var(--muted)}
@media(max-width:1100px){.blog-editor-layout{grid-template-columns:1fr}.blog-editor-side{position:static;grid-template-columns:repeat(2,minmax(0,1fr))}.blog-publish-card{grid-row:1/-1}.category-quick-form{grid-template-columns:1fr 1fr}.category-quick-form input:nth-of-type(3){grid-column:1/-1}}
@media(max-width:760px){.blog-stats-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.blog-filterbar{align-items:stretch;flex-direction:column}.blog-search-admin{min-width:0}.category-chip-list{grid-template-columns:1fr}.category-quick-form{grid-template-columns:1fr}.category-quick-form input:nth-of-type(3){grid-column:auto}.blog-editor-side{grid-template-columns:1fr}.visual-editor{padding:20px 16px;min-height:420px}.visual-editor-toolbar{max-height:148px;overflow:auto}.slug-input-wrap{display:grid}.slug-input-wrap span{padding:8px 12px 0;white-space:normal}.slug-input-wrap input{padding-left:12px}}

/* v1.2.13 — Dark mode for Blog + editor */
html[data-theme="dark"] .blog-hero,html[data-theme="dark"] .blog-detail-hero{background:radial-gradient(circle at 80% 15%,rgba(37,99,235,.15),transparent 30%),linear-gradient(180deg,#081321,#07111f);color:#edf5ff}html[data-theme="dark"] .blog-hero p,html[data-theme="dark"] .blog-lead,html[data-theme="dark"] .blog-detail-meta,html[data-theme="dark"] .breadcrumbs{color:#9fb0c6}html[data-theme="dark"] .blog-public-search,html[data-theme="dark"] .blog-category-nav a,html[data-theme="dark"] .blog-card,html[data-theme="dark"] .pagination a,html[data-theme="dark"] .blog-side-card{background:#0d1726;border-color:#26354a;color:#e5edf8}html[data-theme="dark"] .blog-category-nav a span,html[data-theme="dark"] .blog-tags a{background:#111d2e;color:#9fb0c6}html[data-theme="dark"] .blog-category-nav a.active,html[data-theme="dark"] .blog-category-nav a:hover{background:#102545;border-color:#295280;color:#93c5fd}html[data-theme="dark"] .blog-card p,html[data-theme="dark"] .blog-card-meta,html[data-theme="dark"] .popular-post small,html[data-theme="dark"] .blog-side-card p{color:#9fb0c6}html[data-theme="dark"] .blog-featured{background:#0d1726;border-color:#26354a}html[data-theme="dark"] .blog-prose{color:#cbd7e6}html[data-theme="dark"] .blog-prose h2,html[data-theme="dark"] .blog-prose h3,html[data-theme="dark"] .blog-prose h4{color:#edf5ff}html[data-theme="dark"] .blog-prose blockquote{background:#102545;color:#bfdbfe}html[data-theme="dark"] .blog-prose code{background:#111d2e}html[data-theme="dark"] .blog-prose th,html[data-theme="dark"] .blog-prose td,html[data-theme="dark"] .blog-tags,html[data-theme="dark"] .blog-share,html[data-theme="dark"] .popular-post{border-color:#26354a}
html[data-theme="dark"] .blog-filter-tab.active{background:#102545;color:#93c5fd}html[data-theme="dark"] .category-admin-chip,html[data-theme="dark"] .visual-editor-toolbar,html[data-theme="dark"] .seo-preview{background:#101a2a;border-color:#314158}html[data-theme="dark"] .visual-editor-toolbar button,html[data-theme="dark"] .visual-editor-toolbar select,html[data-theme="dark"] .visual-editor,html[data-theme="dark"] .slug-input-wrap{background:#0a1422;border-color:#314158;color:#e5edf8}html[data-theme="dark"] .slug-input-wrap input{background:transparent}html[data-theme="dark"] .visual-editor blockquote{background:#102545;color:#bfdbfe}html[data-theme="dark"] .editor-card-head,html[data-theme="dark"] .visual-editor-toolbar,html[data-theme="dark"] .editor-footer{border-color:#314158}html[data-theme="dark"] .editor-source-area{background:#081321;color:#dbeafe}html[data-theme="dark"] .seo-preview strong{color:#93c5fd}html[data-theme="dark"] .seo-preview span{color:#4ade80}html[data-theme="dark"] .seo-preview p{color:#a9bdd5}html[data-theme="dark"] .seo-checklist-card li{border-color:#314158;color:#9fb0c6}html[data-theme="dark"] .seo-checklist-card li.done{background:#10261b;border-color:#215d3c;color:#86efac}
.blog-toc nav{display:grid;gap:7px}.blog-toc a{font-size:13px;line-height:1.35;text-decoration:none;color:var(--muted);padding:5px 7px;border-radius:8px}.blog-toc a:hover{background:var(--soft2);color:var(--brand)}.blog-toc .toc-level-3{padding-left:20px;font-size:12px}.blog-prose h2[id],.blog-prose h3[id]{scroll-margin-top:100px}html[data-theme="dark"] .blog-toc a:hover{background:#111d2e;color:#93c5fd}
.login-brand-logo{display:grid!important;justify-items:center;text-align:center;gap:2px!important;margin-bottom:18px}.login-brand-logo .brand-logo{width:min(300px,92%);max-width:none;height:auto}.login-brand-logo small{color:var(--muted);font-size:12px;font-weight:700}.mobile-preview-logo img,.preview-loading-logo img{width:100%;height:100%;object-fit:cover;border-radius:inherit}
.category-chip-actions{display:flex;align-items:center;gap:7px}.category-chip-actions form{margin:0}.rtrw-modal-wide{width:min(640px,100%)}.category-modal-form{margin-top:18px}
.editor-card.is-fullscreen{position:fixed;inset:12px;z-index:4200;margin:0;border-radius:22px;display:flex;flex-direction:column;box-shadow:0 30px 120px rgba(0,0,0,.45)}.editor-card.is-fullscreen .visual-editor{flex:1;min-height:0;overflow:auto}.editor-card.is-fullscreen .editor-source-area{flex:1;min-height:0}.editor-fullscreen-open{overflow:hidden}.visual-editor table{width:100%;border-collapse:collapse;margin:18px 0}.visual-editor th,.visual-editor td{border:1px solid var(--line);padding:9px 11px;text-align:left}

/* v1.2.14 — Homepage + Blog visual refresh aligned with screenshots */
.main-nav a{display:inline-flex;align-items:center;gap:7px}
.nav-pill-new{display:inline-flex;align-items:center;justify-content:center;padding:3px 7px;border-radius:999px;background:#ff4d6d;color:#fff;font-size:10px;font-weight:900;line-height:1}
.home-hero-section{padding:26px 0 14px;background:linear-gradient(180deg,#f4f8ff 0%,#ffffff 100%)}
.home-hero-card{position:relative;overflow:hidden;border-radius:28px;padding:34px;display:grid;grid-template-columns:minmax(0,1.02fr) minmax(0,.98fr);gap:28px;align-items:center;background:
radial-gradient(circle at 18% 16%,rgba(125,211,252,.26),transparent 24%),
radial-gradient(circle at 88% 18%,rgba(59,130,246,.24),transparent 34%),
linear-gradient(135deg,#06224b 0%,#0a3b9f 48%,#041737 100%);
box-shadow:0 26px 80px rgba(15,23,42,.18);border:1px solid rgba(96,165,250,.18)}
.home-hero-card:before,.home-hero-card:after{content:"";position:absolute;pointer-events:none;inset:auto}
.home-hero-card:before{width:420px;height:420px;border-radius:50%;background:radial-gradient(circle,rgba(56,189,248,.18),transparent 70%);right:-150px;top:-180px}
.home-hero-card:after{width:280px;height:280px;border-radius:50%;background:radial-gradient(circle,rgba(59,130,246,.18),transparent 70%);left:-110px;bottom:-160px}
.home-hero-copy{position:relative;z-index:1;color:#f8fbff}
.home-hero-kicker{display:inline-flex;padding:7px 12px;border-radius:999px;background:rgba(255,255,255,.12);border:1px solid rgba(191,219,254,.25);color:#dbeafe;font-size:12px;font-weight:800;letter-spacing:.02em}
.home-hero-copy h1{margin:16px 0 4px;font-size:clamp(42px,5.2vw,72px);line-height:1;letter-spacing:-.05em;color:#fff}
.home-hero-copy h1 span{display:block;color:#5cc2ff;text-shadow:0 8px 35px rgba(56,189,248,.24)}
.home-hero-subtitle{margin:0;font-size:24px;font-weight:800;color:#f3f7ff;letter-spacing:-.02em}
.home-hero-lead{max-width:560px;margin:16px 0 0;color:#dbeafe;font-size:17px;line-height:1.8}
.home-hero-actions{margin-top:26px}
.home-hero-actions .btn-secondary{background:rgba(6,26,60,.4);border-color:rgba(191,219,254,.28);color:#fff}
.home-hero-actions .btn-secondary:hover{background:rgba(255,255,255,.14)}
.home-hero-feature-list{display:flex;gap:14px;flex-wrap:wrap;margin-top:24px}
.home-hero-feature-pill{min-width:140px;display:grid;gap:3px;padding:14px 16px;border-radius:16px;background:rgba(4,17,39,.46);border:1px solid rgba(125,211,252,.2);box-shadow:inset 0 1px 0 rgba(255,255,255,.04)}
.home-hero-feature-pill strong{font-size:21px;line-height:1;color:#7dd3fc}
.home-hero-feature-pill span{font-size:12px;font-weight:700;color:#dbeafe}
.home-hero-visual{position:relative;z-index:1;min-width:0}
.home-hero-glow{position:absolute;inset:7% 8% 10% 18%;border-radius:40px;background:radial-gradient(circle at center,rgba(56,189,248,.24),transparent 72%);filter:blur(20px)}
.home-device-stage{position:relative;padding:10px 0 26px 18px;min-height:460px}
.home-device-laptop{position:relative;z-index:2;border-radius:28px;background:linear-gradient(180deg,#0b1730,#030917);padding:14px 14px 0;box-shadow:0 30px 70px rgba(0,0,0,.38);max-width:560px;margin-left:auto;border:1px solid rgba(191,219,254,.12)}
.home-device-bar{display:flex;gap:6px;padding:2px 4px 12px}
.home-device-bar span{width:9px;height:9px;border-radius:50%;background:rgba(191,219,254,.26)}
.home-device-screen{overflow:hidden;border-radius:20px 20px 8px 8px;background:#09111f;aspect-ratio:16/10}
.home-device-screen img,.home-device-phone-screen img,.home-device-thumbs img{width:100%;height:100%;object-fit:cover}
.home-device-thumbs{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;padding:14px 8px 16px}
.home-device-thumbs span{border-radius:14px;overflow:hidden;height:58px;border:1px solid rgba(191,219,254,.12);background:rgba(255,255,255,.06)}
.home-device-phone{position:absolute;right:-6px;bottom:-6px;z-index:3;width:132px;padding:10px;border-radius:28px;background:linear-gradient(180deg,#07111f,#0c1a2f);box-shadow:0 24px 60px rgba(0,0,0,.42);border:1px solid rgba(191,219,254,.14)}
.home-device-phone-top{width:48%;height:6px;margin:0 auto 10px;border-radius:999px;background:rgba(191,219,254,.26)}
.home-device-phone-screen{border-radius:20px;overflow:hidden;aspect-ratio:9/18;background:#09111f}
.home-device-badge{position:absolute;left:0;bottom:18px;z-index:4;display:grid;gap:5px;max-width:260px;padding:16px 18px;border-radius:20px;background:rgba(6,17,31,.78);backdrop-filter:blur(14px);border:1px solid rgba(125,211,252,.2);box-shadow:0 20px 40px rgba(4,10,20,.24)}
.home-device-badge-title{font-size:11px;font-weight:900;letter-spacing:.15em;color:#7dd3fc}
.home-device-badge strong{font-size:16px;line-height:1.3;color:#fff}
.home-device-badge small{font-size:12px;line-height:1.5;color:#bfdbfe}
.home-templates-section{padding-top:34px}
.home-section-center{text-align:center;max-width:720px;margin:0 auto 28px}
.home-section-center h2{margin:0;font-size:42px;line-height:1.08;letter-spacing:-.04em}
.home-section-center p{margin:10px 0 0;color:var(--muted);font-size:16px}
.home-template-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}
.home-template-card{background:#fff;border:1px solid var(--line);border-radius:20px;overflow:hidden;box-shadow:0 16px 40px rgba(15,23,42,.07);transition:.22s transform,.22s box-shadow,.22s border-color}
.home-template-card:hover{transform:translateY(-5px);border-color:#bfdbfe;box-shadow:0 22px 54px rgba(37,99,235,.16)}
.home-template-thumb{display:block;aspect-ratio:16/9;overflow:hidden;background:#dbeafe}
.home-template-thumb img{width:100%;height:100%;object-fit:cover;transition:.35s transform}
.home-template-card:hover .home-template-thumb img{transform:scale(1.035)}
.home-template-content{padding:14px 14px 16px;text-align:center}
.home-template-content h3{margin:0;font-size:18px;line-height:1.3}
.home-template-content h3 a{text-decoration:none}
.home-template-content p{margin:6px 0 0;font-size:12px;line-height:1.5;color:var(--muted);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.home-blog-preview-head{align-items:center}
.home-blog-preview-cta{display:flex;gap:12px;flex-wrap:wrap}
.blog-index-hero{padding:22px 0 10px;background:linear-gradient(180deg,#ffffff 0%,#f8fbff 100%)}
.blog-index-hero-inner{text-align:center}
.blog-index-hero-inner h1{margin:8px 0 8px;font-size:46px;line-height:1.08;letter-spacing:-.04em}
.blog-index-hero-inner p{max-width:720px;margin:0 auto;color:var(--muted);font-size:17px}
.blog-index-toolbar{display:grid;gap:18px;max-width:1120px;margin:28px auto 0}
.blog-index-search{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:18px;background:#fff;border:1px solid #dbe4f0;box-shadow:0 10px 26px rgba(15,23,42,.05)}
.blog-index-search-icon{font-size:22px;line-height:1;color:#94a3b8;padding-left:6px}
.blog-index-search input{flex:1;border:0;box-shadow:none!important;background:transparent;padding:6px 4px;font-size:15px}
.blog-index-search .btn{padding-inline:18px}
.blog-index-pills{display:flex;justify-content:center;gap:10px;flex-wrap:wrap}
.blog-index-pills a{display:inline-flex;align-items:center;justify-content:center;padding:11px 18px;border-radius:999px;text-decoration:none;background:#eef2f8;border:1px solid transparent;color:#526274;font-weight:800;font-size:13px;transition:.2s ease}
.blog-index-pills a:hover,.blog-index-pills a.active{background:#2563eb;color:#fff;box-shadow:0 12px 26px rgba(37,99,235,.2)}
.blog-index-section{padding-top:18px}
.blog-index-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
.blog-index-card{background:#fff;border:1px solid #dbe4f0;border-radius:22px;overflow:hidden;box-shadow:0 16px 38px rgba(15,23,42,.06);transition:.22s ease}
.blog-index-card:hover{transform:translateY(-5px);box-shadow:0 22px 48px rgba(37,99,235,.16);border-color:#bfdbfe}
.blog-index-card-image{display:block;aspect-ratio:16/10;background:#dbeafe;overflow:hidden}
.blog-index-card-image img{width:100%;height:100%;object-fit:cover;transition:.35s transform}
.blog-index-card:hover .blog-index-card-image img{transform:scale(1.035)}
.blog-index-card-body{padding:16px 18px 20px}
.blog-index-card-top{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap;margin-bottom:10px}
.blog-index-badge{display:inline-flex;align-items:center;justify-content:center;padding:5px 10px;border-radius:999px;font-size:11px;font-weight:900;letter-spacing:.01em;text-decoration:none;background:#ede9fe;color:#6d28d9}
.blog-index-badge.badge-default{background:#eff6ff;color:#1d4ed8}
.blog-index-badge.badge-tutorial{background:#e9d5ff;color:#7c3aed}
.blog-index-badge.badge-tips{background:#fef08a;color:#854d0e}
.blog-index-badge.badge-update{background:#fecdd3;color:#be123c}
.blog-index-badge.badge-desain{background:#fbcfe8;color:#be185d}
.blog-index-badge.badge-seo{background:#fee2e2;color:#dc2626}
.blog-index-date{font-size:12px;font-weight:700;color:#64748b}
.blog-index-card h2{margin:0 0 8px;font-size:27px;line-height:1.16;letter-spacing:-.03em}
.blog-index-card h2 a{text-decoration:none}
.blog-index-card p{margin:0;color:#64748b;font-size:15px;line-height:1.68;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-height:50px}
.blog-index-readmore{display:inline-flex;align-items:center;gap:6px;margin-top:14px;text-decoration:none;font-weight:900;color:#2563eb}
.blog-index-pagination{margin-top:30px}
html[data-theme="dark"] .site-header{background:rgba(6,13,25,.88);border-color:#1d2a3b}
html[data-theme="dark"] .main-nav a{color:#dbe7f5}
html[data-theme="dark"] .main-nav a:hover{color:#7dd3fc}
html[data-theme="dark"] .main-nav .nav-admin{background:#2563eb;color:#fff}
html[data-theme="dark"] .nav-pill-new{background:#fb7185;color:#fff}
html[data-theme="dark"] .home-hero-section{background:linear-gradient(180deg,#07111f 0%,#081321 100%)}
html[data-theme="dark"] .home-templates-section,html[data-theme="dark"] .blog-index-section{background:#07111f}
html[data-theme="dark"] .home-section-center h2,html[data-theme="dark"] .blog-index-hero-inner h1{color:#edf5ff}
html[data-theme="dark"] .home-section-center p,html[data-theme="dark"] .blog-index-hero-inner p{color:#9fb0c6}
html[data-theme="dark"] .home-template-card,html[data-theme="dark"] .blog-index-card{background:#0d1726;border-color:#26354a;box-shadow:0 18px 40px rgba(0,0,0,.24)}
html[data-theme="dark"] .home-template-card:hover,html[data-theme="dark"] .blog-index-card:hover{border-color:#2f5e94;box-shadow:0 26px 56px rgba(3,10,22,.5)}
html[data-theme="dark"] .home-template-content h3,html[data-theme="dark"] .blog-index-card h2{color:#edf5ff}
html[data-theme="dark"] .home-template-content p,html[data-theme="dark"] .blog-index-card p,html[data-theme="dark"] .blog-index-date{color:#9fb0c6}
html[data-theme="dark"] .home-blog-preview-section{background:#091421}
html[data-theme="dark"] .blog-index-hero{background:linear-gradient(180deg,#07111f 0%,#081321 100%)}
html[data-theme="dark"] .blog-index-search{background:#0d1726;border-color:#26354a;box-shadow:0 16px 36px rgba(0,0,0,.24)}
html[data-theme="dark"] .blog-index-search input{color:#e5edf8}
html[data-theme="dark"] .blog-index-search-icon{color:#7c91aa}
html[data-theme="dark"] .blog-index-pills a{background:#111d2e;color:#9fb0c6;border-color:#223047}
html[data-theme="dark"] .blog-index-pills a:hover,html[data-theme="dark"] .blog-index-pills a.active{background:#1d4ed8;color:#fff;border-color:#2563eb;box-shadow:0 14px 28px rgba(37,99,235,.28)}
@media(max-width:1180px){.home-template-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.blog-index-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.home-hero-card{grid-template-columns:1fr}.home-hero-visual{margin-top:8px}.home-device-stage{min-height:420px;padding-left:0}.home-device-laptop{margin:0 auto}.home-device-badge{left:16px}}
@media(max-width:760px){.home-hero-section{padding-top:16px}.home-hero-card{padding:22px 18px 20px;border-radius:24px}.home-hero-copy h1{font-size:44px}.home-hero-subtitle{font-size:18px}.home-hero-lead{font-size:15px}.home-hero-feature-pill{min-width:calc(50% - 7px);flex:1}.home-device-stage{min-height:320px;padding-bottom:18px}.home-device-laptop{max-width:100%;padding:10px 10px 0;border-radius:22px}.home-device-thumbs{gap:8px;padding:12px 6px 12px}.home-device-thumbs span{height:46px;border-radius:10px}.home-device-phone{width:96px;right:0;bottom:8px;padding:8px;border-radius:20px}.home-device-badge{position:static;max-width:none;margin-top:14px}.home-template-grid,.blog-index-grid{grid-template-columns:1fr}.home-section-center h2,.blog-index-hero-inner h1{font-size:34px}.blog-index-toolbar{margin-top:22px}.blog-index-search{padding:10px;flex-wrap:wrap}.blog-index-search .btn{width:100%}.blog-index-search input{width:100%}.blog-index-pills{justify-content:flex-start;overflow:auto;padding-bottom:6px;scrollbar-width:none}.blog-index-pills::-webkit-scrollbar{display:none}.blog-index-pills a{white-space:nowrap}.blog-index-card h2{font-size:24px}}

/* v1.2.16 — Affiliate Store: luxurious public UI, admin UX, complete light/dark harmony */
.nav-pill-store{display:inline-flex;align-items:center;justify-content:center;padding:3px 7px;border-radius:999px;background:linear-gradient(135deg,#f59e0b,#f97316);color:#fff;font-size:9px;font-weight:900;line-height:1;letter-spacing:.04em;text-transform:uppercase;box-shadow:0 6px 16px rgba(249,115,22,.18)}
.home-affiliate-section{background:linear-gradient(180deg,#f8fbff,#fff)}
.affiliate-luxe-heading{align-items:center}.home-affiliate-actions{margin-top:24px;display:flex;gap:16px;align-items:center;flex-wrap:wrap}.home-affiliate-actions>span{color:var(--muted);font-size:13px;font-weight:700}
.affiliate-store-hero{position:relative;overflow:hidden;padding:54px 0 48px;background:radial-gradient(circle at 12% 18%,rgba(14,165,233,.12),transparent 30%),radial-gradient(circle at 84% 20%,rgba(37,99,235,.14),transparent 34%),linear-gradient(180deg,#f8fbff 0%,#edf5ff 100%);border-bottom:1px solid #dbeafe}
.affiliate-store-hero:before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(37,99,235,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(37,99,235,.035) 1px,transparent 1px);background-size:28px 28px;mask-image:linear-gradient(to bottom,#000,transparent 90%);pointer-events:none}
.affiliate-store-hero-grid{position:relative;z-index:1;display:grid;grid-template-columns:minmax(0,1.15fr) minmax(320px,.85fr);gap:58px;align-items:center}
.affiliate-store-kicker{display:inline-flex;align-items:center;gap:8px;font-size:11px;font-weight:900;letter-spacing:.16em;color:#2563eb;padding:7px 11px;border:1px solid #bfdbfe;border-radius:999px;background:rgba(255,255,255,.72)}
.affiliate-store-hero h1{font-size:clamp(42px,5.2vw,68px);line-height:1.02;letter-spacing:-.05em;margin:16px 0 16px;max-width:760px}.affiliate-store-hero p{font-size:18px;line-height:1.78;color:#53647a;max-width:720px;margin:0}
.affiliate-store-search{margin-top:28px;display:flex;align-items:center;gap:10px;max-width:760px;padding:8px 8px 8px 16px;border-radius:18px;background:#fff;border:1px solid #dbe7f5;box-shadow:0 18px 45px rgba(37,99,235,.1)}.affiliate-store-search>span{font-size:22px;color:#94a3b8}.affiliate-store-search input{border:0;background:transparent;box-shadow:none!important;padding:8px 4px;min-width:0}.affiliate-store-search .btn{white-space:nowrap}
.affiliate-store-trust{display:flex;gap:15px;flex-wrap:wrap;margin-top:20px;color:#526274;font-size:12px;font-weight:800}.affiliate-store-trust span{padding:7px 10px;border-radius:999px;background:rgba(255,255,255,.62);border:1px solid rgba(203,213,225,.8)}
.affiliate-store-hero-art{position:relative;min-height:330px;display:grid;place-items:center}.affiliate-hero-orbit{position:absolute;border:1px solid rgba(59,130,246,.25);border-radius:50%;animation:affiliateOrbit 18s linear infinite}.affiliate-hero-orbit:before,.affiliate-hero-orbit:after{content:"";position:absolute;width:12px;height:12px;border-radius:50%;background:#38bdf8;box-shadow:0 0 22px #38bdf8}.affiliate-hero-orbit:before{left:8%;top:18%}.affiliate-hero-orbit:after{right:12%;bottom:16%}.orbit-one{width:310px;height:310px}.orbit-two{width:235px;height:235px;animation-direction:reverse;animation-duration:12s;border-style:dashed}@keyframes affiliateOrbit{to{transform:rotate(360deg)}}
.affiliate-hero-core{position:relative;z-index:2;width:210px;height:210px;border-radius:48px;display:grid;place-items:center;align-content:center;gap:5px;background:linear-gradient(145deg,#06152d,#0b2f68);border:1px solid rgba(125,211,252,.25);box-shadow:0 34px 80px rgba(37,99,235,.26),inset 0 1px 0 rgba(255,255,255,.08)}.affiliate-hero-core img{width:112px;height:112px;object-fit:contain;filter:drop-shadow(0 14px 18px rgba(14,165,233,.35))}.affiliate-hero-core strong{color:#fff;font-size:14px;letter-spacing:.08em}.affiliate-hero-core small{color:#93c5fd;font-size:11px}
.affiliate-category-section{padding:16px 0;background:#fff;border-bottom:1px solid var(--line);position:sticky;top:78px;z-index:80}.affiliate-category-scroll{display:flex;gap:10px;overflow:auto;scrollbar-width:none;padding:2px 0}.affiliate-category-scroll::-webkit-scrollbar{display:none}.affiliate-category-pill{flex:0 0 auto;display:inline-flex;align-items:center;gap:8px;padding:10px 14px;border-radius:999px;text-decoration:none;background:#f8fafc;border:1px solid #e2e8f0;color:#475569;font-size:12px;font-weight:850;transition:.2s ease}.affiliate-category-pill>span{color:#2563eb}.affiliate-category-pill small{display:inline-grid;place-items:center;min-width:22px;height:22px;border-radius:999px;background:#e2e8f0;color:#64748b;font-size:10px}.affiliate-category-pill:hover,.affiliate-category-pill.active{background:#0f172a;border-color:#0f172a;color:#fff;transform:translateY(-1px);box-shadow:0 10px 24px rgba(15,23,42,.15)}.affiliate-category-pill.active>span,.affiliate-category-pill:hover>span{color:#7dd3fc}.affiliate-category-pill.active small,.affiliate-category-pill:hover small{background:rgba(255,255,255,.12);color:#fff}
.affiliate-featured-section{padding-bottom:54px}.affiliate-catalog-section{padding-top:44px;background:#f8fafc}.affiliate-catalog-head{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:24px}.affiliate-catalog-head h2{margin:6px 0 0;font-size:38px;line-height:1.1;letter-spacing:-.04em}.affiliate-sort-form label{display:flex;align-items:center;gap:9px;color:var(--muted);font-size:12px;font-weight:800}.affiliate-sort-form select{width:auto;min-width:220px;padding:10px 12px;background:#fff}
.affiliate-product-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:22px}.affiliate-featured-grid .affiliate-product-card:first-child{grid-column:span 2}.affiliate-featured-grid .affiliate-product-card:first-child .affiliate-product-image{aspect-ratio:16/8.8}
.affiliate-product-card{position:relative;overflow:hidden;border:1px solid #dce6f2;border-radius:22px;background:#fff;box-shadow:0 14px 38px rgba(15,23,42,.065);transition:.25s transform,.25s box-shadow,.25s border-color}.affiliate-product-card:hover{transform:translateY(-7px);border-color:#9ec5ff;box-shadow:0 26px 60px rgba(37,99,235,.16)}
.affiliate-product-image{position:relative;display:block;aspect-ratio:4/3;background:linear-gradient(145deg,#eef6ff,#f8fafc);overflow:hidden}.affiliate-product-image img{width:100%;height:100%;object-fit:cover;transition:.4s transform}.affiliate-product-card:hover .affiliate-product-image img{transform:scale(1.045)}.affiliate-product-badge{position:absolute;top:13px;left:13px;padding:6px 10px;border-radius:999px;background:linear-gradient(135deg,#0f172a,#334155);color:#fff;font-size:10px;font-weight:900;box-shadow:0 8px 22px rgba(15,23,42,.25)}
.affiliate-product-body{padding:17px}.affiliate-product-meta{display:flex;align-items:center;justify-content:space-between;gap:8px;color:#718096;font-size:10px;font-weight:850;text-transform:uppercase;letter-spacing:.04em}.affiliate-product-meta span:last-child{color:#d97706}.affiliate-product-body h3{font-size:19px;line-height:1.28;letter-spacing:-.02em;margin:8px 0 7px}.affiliate-product-body h3 a{text-decoration:none}.affiliate-product-body p{margin:0;color:#64748b;font-size:13px;line-height:1.6;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;min-height:42px}.affiliate-product-foot{display:flex;align-items:end;justify-content:space-between;gap:10px;margin-top:15px;padding-top:15px;border-top:1px solid #eef2f7}.affiliate-product-foot>div{display:grid;min-width:0}.affiliate-product-foot small{color:#94a3b8;font-size:9px;text-transform:uppercase;font-weight:800;letter-spacing:.04em}.affiliate-product-foot strong{font-size:14px;color:#0f172a;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.affiliate-product-foot .btn{padding:9px 11px;font-size:11px;flex:0 0 auto}
.affiliate-disclosure{margin-top:30px;display:flex;gap:12px;align-items:flex-start;padding:16px 18px;border-radius:16px;background:#eff6ff;border:1px solid #bfdbfe;color:#365277}.affiliate-disclosure>span{flex:0 0 auto;width:24px;height:24px;display:grid;place-items:center;border-radius:50%;background:#2563eb;color:#fff;font-weight:900;font-family:serif}.affiliate-disclosure p{margin:0;font-size:12px;line-height:1.65}.affiliate-disclosure.compact{margin-top:18px;padding:12px 13px}.affiliate-pagination{margin-top:28px}
.affiliate-detail-hero{padding:32px 0 58px;background:radial-gradient(circle at 82% 12%,rgba(37,99,235,.1),transparent 30%),linear-gradient(180deg,#f8fbff,#fff)}.affiliate-detail-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.92fr);gap:52px;align-items:start;margin-top:22px}.affiliate-product-gallery{position:sticky;top:122px}.affiliate-product-main-image{position:relative;overflow:hidden;border-radius:28px;border:1px solid #dbe6f2;background:#fff;box-shadow:0 28px 70px rgba(15,23,42,.12);aspect-ratio:4/3}.affiliate-product-main-image img{width:100%;height:100%;object-fit:contain;padding:18px;background:linear-gradient(145deg,#f7fbff,#fff)}.affiliate-detail-badge{position:absolute;left:18px;top:18px;padding:8px 12px;border-radius:999px;background:linear-gradient(135deg,#0f172a,#334155);color:#fff;font-size:11px;font-weight:900;box-shadow:0 10px 24px rgba(15,23,42,.22)}
.affiliate-detail-copy{padding-top:6px}.affiliate-detail-category{color:#2563eb;font-size:11px;font-weight:900;text-transform:uppercase;letter-spacing:.13em}.affiliate-detail-copy h1{font-size:clamp(36px,4.8vw,58px);line-height:1.05;letter-spacing:-.05em;margin:10px 0 14px}.affiliate-detail-meta{display:flex;gap:13px;flex-wrap:wrap;color:#64748b;font-size:12px}.affiliate-rating{color:#d97706;font-weight:850}.affiliate-detail-lead{font-size:17px;line-height:1.75;color:#526274;margin:18px 0 0}.affiliate-price-panel{margin-top:22px;padding:18px 20px;border-radius:18px;background:linear-gradient(135deg,#eff6ff,#f8fbff);border:1px solid #bfdbfe;display:grid;gap:4px}.affiliate-price-panel>span{font-size:10px;font-weight:900;text-transform:uppercase;letter-spacing:.08em;color:#64748b}.affiliate-price-panel strong{font-size:27px;letter-spacing:-.03em;color:#1d4ed8}.affiliate-price-panel small{color:#64748b;font-size:11px}
.affiliate-marketplace-buttons{margin-top:22px;display:grid;gap:10px}.affiliate-marketplace-buttons>strong{font-size:13px}.affiliate-marketplace-button{display:flex;align-items:center;justify-content:space-between;gap:14px;text-decoration:none;padding:14px 16px;border-radius:16px;background:#fff;border:1px solid #dce6f2;box-shadow:0 9px 25px rgba(15,23,42,.05);transition:.2s ease}.affiliate-marketplace-button:hover{transform:translateY(-2px);border-color:#93c5fd;box-shadow:0 16px 34px rgba(37,99,235,.12)}.affiliate-marketplace-button>span{display:grid;gap:2px}.affiliate-marketplace-button b{font-size:14px}.affiliate-marketplace-button small{color:#64748b}.affiliate-marketplace-button em{font-style:normal;font-size:22px;color:#2563eb}
.affiliate-detail-content{padding-top:58px}.affiliate-detail-content-grid{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:30px;align-items:start}.affiliate-review-article{min-width:0}.affiliate-prose{font-size:16px;line-height:1.8}.affiliate-pros-cons{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:28px}.affiliate-pros,.affiliate-cons{padding:22px;border-radius:20px;border:1px solid}.affiliate-pros{background:#f0fdf4;border-color:#bbf7d0}.affiliate-cons{background:#fff7ed;border-color:#fed7aa}.affiliate-pros h2,.affiliate-cons h2{margin:0 0 12px;font-size:20px}.affiliate-pros h2{color:#166534}.affiliate-cons h2{color:#9a3412}.affiliate-pros ul,.affiliate-cons ul{margin:0;padding-left:20px;display:grid;gap:8px}.affiliate-pros li{color:#166534}.affiliate-cons li{color:#9a3412}.affiliate-recommendation{margin-top:24px;padding:24px;border-radius:22px;background:linear-gradient(135deg,#071b38,#0b3f7e);color:#dbeafe;border:1px solid rgba(125,211,252,.18);box-shadow:0 20px 50px rgba(5,35,76,.2)}.affiliate-recommendation>span{font-size:10px;font-weight:900;letter-spacing:.14em;color:#7dd3fc}.affiliate-recommendation h2{color:#fff;margin:7px 0 8px}.affiliate-recommendation p{margin:0;line-height:1.75}.affiliate-detail-side{display:grid;gap:18px;position:sticky;top:120px}.affiliate-spec-card dl{margin:0;display:grid}.affiliate-spec-card dl div{display:grid;grid-template-columns:.9fr 1.1fr;gap:14px;padding:10px 0;border-bottom:1px solid var(--line)}.affiliate-spec-card dl div:last-child{border-bottom:0}.affiliate-spec-card dt{color:var(--muted);font-size:11px;font-weight:800}.affiliate-spec-card dd{margin:0;text-align:right;font-size:12px;font-weight:800}.affiliate-related-section{padding-top:58px}
.affiliate-blog-embed{margin:24px 0;display:grid;grid-template-columns:140px 1fr;gap:16px;padding:14px;border:1px solid #bfdbfe;border-radius:18px;background:linear-gradient(135deg,#eff6ff,#fff);box-shadow:0 12px 30px rgba(37,99,235,.08)}.affiliate-blog-embed img{width:140px;height:105px;border-radius:13px;object-fit:cover;background:#fff}.affiliate-blog-embed>div{display:grid;align-content:center;justify-items:start;gap:4px}.affiliate-blog-embed span{font-size:9px;font-weight:900;letter-spacing:.11em;text-transform:uppercase;color:#2563eb}.affiliate-blog-embed strong{font-size:16px;line-height:1.3}.affiliate-blog-embed small{color:#64748b}.affiliate-blog-embed .btn{margin-top:5px}
.blog-affiliate-recommendations{display:grid;gap:9px}.blog-affiliate-product{display:grid;grid-template-columns:62px 1fr;gap:10px;text-decoration:none;align-items:center;padding:8px;border-radius:12px;border:1px solid var(--line);background:var(--soft)}.blog-affiliate-product img{width:62px;height:54px;object-fit:cover;border-radius:9px}.blog-affiliate-product strong{font-size:11px;line-height:1.3}.blog-affiliate-product small{display:block;color:var(--muted);font-size:10px;margin-top:3px}
/* Affiliate Admin */
.affiliate-admin-head{align-items:center}.affiliate-stats-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.affiliate-settings-form{margin-top:18px}.affiliate-admin-product{display:flex;gap:10px;align-items:center;min-width:260px}.affiliate-admin-product img{width:58px;height:46px;object-fit:cover;border-radius:10px;border:1px solid var(--line);background:#fff}.affiliate-admin-product>div{display:grid}.affiliate-admin-product small{color:var(--muted);font-size:10px}.affiliate-market-stats-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-top:18px}.affiliate-market-stats-grid>div{padding:14px;border:1px solid var(--line);border-radius:14px;background:var(--soft);display:grid;gap:3px}.affiliate-market-stats-grid span{font-size:10px;text-transform:uppercase;font-weight:850;color:var(--muted)}.affiliate-market-stats-grid strong{font-size:18px}.affiliate-market-stats-grid small{font-size:10px;color:var(--muted)}
.affiliate-editor-layout{display:grid;grid-template-columns:minmax(0,1fr) 330px;gap:20px;align-items:start}.affiliate-editor-main{display:grid;gap:18px;min-width:0}.affiliate-editor-side{display:grid;gap:18px;position:sticky;top:22px}.affiliate-description-card{padding:0;overflow:hidden}.affiliate-visual-editor{min-height:360px}.affiliate-marketplace-list{display:grid;gap:12px;margin-top:16px}.affiliate-marketplace-row{position:relative;display:grid;grid-template-columns:140px 170px minmax(220px,1fr) 140px 120px 90px auto;gap:8px;align-items:end;padding:12px;border:1px solid var(--line);border-radius:15px;background:var(--soft)}.affiliate-marketplace-row label{font-size:10px;font-weight:850;color:var(--muted)}.affiliate-marketplace-row input,.affiliate-marketplace-row select{margin-top:4px;padding:9px 10px;font-size:11px}.affiliate-marketplace-remove{margin-bottom:2px}.affiliate-seo-auto-card ul{margin:0;padding-left:18px;display:grid;gap:7px;color:var(--muted);font-size:12px}
/* Dark-mode harmony for every affiliate surface */
html[data-theme="dark"] .nav-pill-store{background:linear-gradient(135deg,#f59e0b,#ea580c);color:#fff}
html[data-theme="dark"] .home-affiliate-section{background:#07111f}
html[data-theme="dark"] .affiliate-store-hero{background:radial-gradient(circle at 12% 18%,rgba(14,165,233,.15),transparent 30%),radial-gradient(circle at 84% 20%,rgba(37,99,235,.18),transparent 34%),linear-gradient(180deg,#07111f,#0a1728);border-color:#1d2c40}
html[data-theme="dark"] .affiliate-store-hero:before{background-image:linear-gradient(rgba(125,211,252,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(125,211,252,.035) 1px,transparent 1px)}
html[data-theme="dark"] .affiliate-store-kicker{color:#7dd3fc;background:rgba(8,24,44,.72);border-color:#254a73}
html[data-theme="dark"] .affiliate-store-hero h1,html[data-theme="dark"] .affiliate-catalog-head h2,html[data-theme="dark"] .affiliate-detail-copy h1{color:#edf5ff}
html[data-theme="dark"] .affiliate-store-hero p,html[data-theme="dark"] .affiliate-store-trust,html[data-theme="dark"] .affiliate-detail-lead{color:#9fb0c6}
html[data-theme="dark"] .affiliate-store-trust span{background:rgba(13,29,49,.7);border-color:#263b55}
html[data-theme="dark"] .affiliate-store-search{background:#0d1726;border-color:#26354a;box-shadow:0 18px 45px rgba(0,0,0,.28)}html[data-theme="dark"] .affiliate-store-search input{color:#e5edf8}
html[data-theme="dark"] .affiliate-category-section{background:#091421;border-color:#1d2a3b}.affiliate-category-section{transition:background .2s ease,border-color .2s ease}
html[data-theme="dark"] .affiliate-category-pill{background:#101b2c;border-color:#26354a;color:#b6c6d9}html[data-theme="dark"] .affiliate-category-pill small{background:#17263a;color:#9fb0c6}html[data-theme="dark"] .affiliate-category-pill:hover,html[data-theme="dark"] .affiliate-category-pill.active{background:#1d4ed8;border-color:#2563eb;color:#fff}
html[data-theme="dark"] .affiliate-featured-section,html[data-theme="dark"] .affiliate-catalog-section,html[data-theme="dark"] .affiliate-detail-content{background:#07111f}html[data-theme="dark"] .affiliate-catalog-section{background:#081321}
html[data-theme="dark"] .affiliate-sort-form select{background:#0d1726;border-color:#314158;color:#e5edf8}
html[data-theme="dark"] .affiliate-product-card{background:#0d1726;border-color:#26354a;box-shadow:0 18px 42px rgba(0,0,0,.25)}html[data-theme="dark"] .affiliate-product-card:hover{border-color:#2d5d91;box-shadow:0 28px 60px rgba(0,0,0,.4)}html[data-theme="dark"] .affiliate-product-image{background:linear-gradient(145deg,#101c2d,#0b1524)}html[data-theme="dark"] .affiliate-product-body h3,html[data-theme="dark"] .affiliate-product-foot strong{color:#edf5ff}html[data-theme="dark"] .affiliate-product-body p,html[data-theme="dark"] .affiliate-product-meta{color:#9fb0c6}html[data-theme="dark"] .affiliate-product-foot{border-color:#26354a}
html[data-theme="dark"] .affiliate-disclosure{background:#0d203b;border-color:#254f80;color:#bcd4ef}
html[data-theme="dark"] .affiliate-detail-hero{background:radial-gradient(circle at 82% 12%,rgba(37,99,235,.15),transparent 30%),linear-gradient(180deg,#07111f,#081321)}html[data-theme="dark"] .affiliate-product-main-image{background:#0d1726;border-color:#26354a;box-shadow:0 28px 70px rgba(0,0,0,.35)}html[data-theme="dark"] .affiliate-product-main-image img{background:linear-gradient(145deg,#101c2d,#0a1422)}
html[data-theme="dark"] .affiliate-detail-meta,html[data-theme="dark"] .affiliate-marketplace-button small{color:#9fb0c6}html[data-theme="dark"] .affiliate-price-panel{background:linear-gradient(135deg,#0e213d,#0a192c);border-color:#264e7c}html[data-theme="dark"] .affiliate-price-panel strong{color:#60a5fa}html[data-theme="dark"] .affiliate-price-panel>span,html[data-theme="dark"] .affiliate-price-panel small{color:#9fb0c6}
html[data-theme="dark"] .affiliate-marketplace-button{background:#0d1726;border-color:#26354a;box-shadow:0 9px 25px rgba(0,0,0,.22)}html[data-theme="dark"] .affiliate-marketplace-button:hover{border-color:#356898;background:#101d30}html[data-theme="dark"] .affiliate-marketplace-button b{color:#e5edf8}
html[data-theme="dark"] .affiliate-pros{background:#0d271a;border-color:#1d5c3a}html[data-theme="dark"] .affiliate-pros h2,html[data-theme="dark"] .affiliate-pros li{color:#86efac}html[data-theme="dark"] .affiliate-cons{background:#2a1a0c;border-color:#70401a}html[data-theme="dark"] .affiliate-cons h2,html[data-theme="dark"] .affiliate-cons li{color:#fdba74}
html[data-theme="dark"] .affiliate-spec-card dl div{border-color:#26354a}html[data-theme="dark"] .affiliate-spec-card dd{color:#dbe7f5}
html[data-theme="dark"] .affiliate-blog-embed{background:linear-gradient(135deg,#0d203b,#0d1726);border-color:#254f80;box-shadow:0 12px 30px rgba(0,0,0,.25)}html[data-theme="dark"] .affiliate-blog-embed strong{color:#edf5ff}html[data-theme="dark"] .affiliate-blog-embed small{color:#9fb0c6}
html[data-theme="dark"] .blog-affiliate-product{background:#101a2a;border-color:#26354a}html[data-theme="dark"] .blog-affiliate-product strong{color:#e5edf8}
html[data-theme="dark"] .affiliate-market-stats-grid>div,html[data-theme="dark"] .affiliate-marketplace-row{background:#101a2a;border-color:#314158}html[data-theme="dark"] .affiliate-admin-product img{background:#fff;border-color:#314158}
@media(max-width:1180px){.affiliate-store-hero-grid{grid-template-columns:1fr .7fr;gap:34px}.affiliate-product-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.affiliate-featured-grid .affiliate-product-card:first-child{grid-column:span 1}.affiliate-editor-layout{grid-template-columns:1fr}.affiliate-editor-side{position:static;grid-template-columns:repeat(2,minmax(0,1fr))}.affiliate-marketplace-row{grid-template-columns:repeat(3,minmax(0,1fr))}.marketplace-url-field{grid-column:span 2}.affiliate-marketplace-remove{position:absolute;right:8px;top:8px}.affiliate-market-stats-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:900px){.affiliate-store-hero-grid{grid-template-columns:1fr}.affiliate-store-hero-art{min-height:260px}.affiliate-detail-grid,.affiliate-detail-content-grid{grid-template-columns:1fr}.affiliate-product-gallery,.affiliate-detail-side{position:static}.affiliate-product-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.affiliate-category-section{top:70px}.affiliate-pros-cons{grid-template-columns:1fr}.affiliate-stats-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:620px){.affiliate-store-hero{padding:34px 0}.affiliate-store-hero h1{font-size:40px}.affiliate-store-hero p{font-size:15px}.affiliate-store-search{flex-wrap:wrap;padding:10px}.affiliate-store-search input{width:calc(100% - 32px)}.affiliate-store-search .btn{width:100%}.affiliate-store-hero-art{display:none}.affiliate-catalog-head{align-items:stretch;flex-direction:column}.affiliate-sort-form label{align-items:stretch;flex-direction:column}.affiliate-sort-form select{width:100%}.affiliate-product-grid{grid-template-columns:1fr}.affiliate-product-card{border-radius:18px}.affiliate-detail-hero{padding-top:22px}.affiliate-detail-grid{gap:28px}.affiliate-detail-copy h1{font-size:36px}.affiliate-product-main-image{border-radius:20px}.affiliate-marketplace-button{padding:13px}.affiliate-detail-content{padding-top:38px}.affiliate-blog-embed{grid-template-columns:1fr}.affiliate-blog-embed img{width:100%;height:180px}.affiliate-editor-side{grid-template-columns:1fr}.affiliate-marketplace-row{grid-template-columns:1fr;padding-top:40px}.marketplace-url-field{grid-column:auto}.affiliate-market-stats-grid{grid-template-columns:1fr}.home-affiliate-actions{align-items:stretch;flex-direction:column}.home-affiliate-actions .btn{width:100%}}