:root{--bg:#120D09;--surface:#1D1610;--raised:#261D14;--sunken:#0C0906;--line:#3A2E20;--line-soft:#2C2318;--gold:#C8A060;--gold-hi:#F8D098;--gold-mid:#E0C080;--gold-dim:#8C6B35;--cream:#F5EBDC;--dim:#A89880;--faint:#6E5F4C;--danger:#D95D4E;--ok:#7FB77E;--grad-gold:linear-gradient(135deg,#8C6B35 0%,#C8A060 35%,#F8D098 55%,#C8A060 75%,#8C6B35 100%);--tint:rgba(200,160,96,.12);--r:16px}:root{color-scheme:dark;scrollbar-color:var(--line) transparent}*{box-sizing:border-box;margin:0;padding:0}html,body{background:var(--bg);color:var(--cream);font-family:Vazirmatn,Tahoma,sans-serif;font-size:14px;line-height:1.6}body{min-height:100vh;background:radial-gradient(120% 50% at 50% -10%,#241A0F 0%,var(--bg) 60%) fixed}button,input,select,textarea{font:inherit;color:inherit}a{color:var(--gold-mid)}.num{font-feature-settings:"tnum"}[hidden]{display:none!important}.btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:40px;padding:0 16px;border-radius:999px;border:1px solid var(--line);background:var(--raised);cursor:pointer;font-weight:700;text-decoration:none;color:var(--cream);white-space:nowrap;transition:filter .15s,border-color .15s}.btn:hover{border-color:var(--gold-dim)}.btn:active{filter:brightness(.9)}.btn.primary{background:var(--grad-gold);color:#241a0d;border:none}.btn.primary:disabled{opacity:.45;cursor:default}.btn.ghost{background:transparent}.btn.danger{color:var(--danger);border-color:#d95d4e66;background:transparent}.btn.small{min-height:32px;padding:0 12px;font-size:12.5px}.btn.icon{width:34px;min-height:34px;padding:0}.btn.wide{width:100%}:is(button,a,input,select,textarea):focus-visible{outline:2px solid var(--gold);outline-offset:2px}label{display:flex;flex-direction:column;gap:6px;font-size:12.5px;font-weight:700;color:var(--dim)}input[type=text],input[type=email],input[type=url],input[type=password],input[type=number],input[type=search],select,textarea{width:100%;min-height:42px;padding:9px 12px;border-radius:12px;border:1px solid var(--line);background:var(--sunken);font-size:14px;font-weight:400;color:var(--cream)}textarea{min-height:70px;resize:vertical}input:focus,select,textarea:focus{border-color:var(--gold-dim)}input[type=number],input[inputmode=numeric]{direction:ltr;text-align:right}.check{flex-direction:row;align-items:center;gap:8px;color:var(--cream);font-weight:400;font-size:13.5px;cursor:pointer}.check input{width:18px;height:18px;accent-color:var(--gold)}.auth{min-height:100vh;display:grid;place-items:center;padding:24px 16px}.auth-card{width:100%;max-width:380px;background:var(--surface);border:1px solid var(--line-soft);border-radius:28px;padding:32px 26px;display:flex;flex-direction:column;gap:14px;box-shadow:0 30px 80px -20px #000000b3}.auth-mark{width:64px;align-self:center}.auth-name{align-self:center;font-weight:900;font-size:19px;color:var(--gold-hi);margin-bottom:4px}.auth h1{font-size:17px;font-weight:900;text-align:center}.hint{color:var(--dim);font-size:12.5px;text-align:center}.alert{background:#d95d4e1f;border:1px solid rgba(217,93,78,.4);color:#f0b3aa;border-radius:12px;padding:9px 12px;font-size:13px}.back{text-align:center;font-size:12.5px;color:var(--dim)}.shell{min-height:100vh}.side{position:fixed;top:0;bottom:0;right:0;z-index:40;width:264px;display:flex;flex-direction:column;background:linear-gradient(180deg,#1a130c,#120d09);border-left:1px solid var(--line-soft);padding:18px 14px calc(14px + env(safe-area-inset-bottom));overflow-y:auto}.side-brand{display:flex;align-items:center;gap:10px;padding:4px 6px 18px;margin-bottom:10px;border-bottom:1px solid var(--line-soft);font-weight:900;font-size:15px;line-height:1.25}.side-brand img{width:38px}.side-brand div{flex:1}.side-brand small{display:block;font-weight:400;font-size:11.5px;color:var(--dim)}.side-close{display:none;width:38px;height:38px;border-radius:50%;border:1px solid var(--line);background:transparent;cursor:pointer;place-items:center}.side-close svg{width:18px;height:18px}.side-nav{display:flex;flex-direction:column;gap:4px;flex:1}.side-nav a,.side-link{display:flex;align-items:center;gap:12px;min-height:46px;padding:0 14px;border-radius:14px;color:var(--dim);text-decoration:none;font-weight:700;border:1px solid transparent;background:transparent;width:100%;cursor:pointer;transition:background .15s,color .15s,border-color .15s}.side-nav a svg,.side-link svg{width:20px;height:20px;flex:0 0 20px}.side-nav a span,.side-link span{flex:1;text-align:start}.side-nav a:hover,.side-link:hover{color:var(--cream);background:#ffffff08}.side-nav a.on{color:var(--gold-hi);background:var(--tint);border-color:#c8a0604d}.side-nav a.on svg{color:var(--gold)}.side-nav .count{font-size:11.5px;font-weight:700;color:var(--faint);background:var(--sunken);border-radius:999px;padding:1px 9px;min-width:28px;text-align:center}.side-nav a.on .count{color:var(--gold-hi)}.side-foot{border-top:1px solid var(--line-soft);padding-top:12px;margin-top:12px;display:flex;flex-direction:column;gap:2px}.side-foot .side-link{font-size:13px;min-height:42px}.side-foot form{display:block}.scrim{position:fixed;inset:0;z-index:35;background:#0000008c;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.main{margin-right:264px;min-height:100vh;container-type:inline-size;container-name:main}.bar{position:sticky;top:0;z-index:20;display:flex;align-items:center;gap:12px;min-height:64px;padding:10px clamp(16px,3cqw,32px);background:#120d09e6;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--line-soft)}.burger{display:none;width:42px;height:42px;flex:0 0 42px;border-radius:12px;border:1px solid var(--line);background:var(--raised);cursor:pointer;place-items:center}.burger svg{width:20px;height:20px}.bar-title{font-weight:900;font-size:17px;line-height:1.3;margin-inline-end:auto;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dirty{display:inline-flex;align-items:center;gap:6px;font-size:12px;color:var(--gold-hi);background:var(--tint);border:1px solid var(--gold-dim);padding:3px 10px;border-radius:999px;white-space:nowrap}.dirty i{width:7px;height:7px;border-radius:50%;background:var(--gold-hi)}.bar #save{min-width:96px}.view{padding:20px clamp(16px,3cqw,32px) 80px;max-width:1280px}.loading{color:var(--dim);padding:40px;text-align:center}@media(max-width:1023px){.side{transform:translate(100%);transition:transform .28s cubic-bezier(.4,0,.2,1),visibility .28s;visibility:hidden;width:min(300px,86vw);box-shadow:-20px 0 60px #0009}body.nav-open .side{transform:none;visibility:visible;transition:transform .28s cubic-bezier(.4,0,.2,1),visibility 0s}body.nav-open{overflow:hidden}.side-close{display:grid}.main{margin-right:0}.burger{display:grid}}@media(max-width:480px){.bar{gap:8px;min-height:58px}.bar-title{font-size:15.5px}.dirty span{display:none}.dirty{padding:6px;border-radius:50%}.bar #save{min-width:0;padding:0 14px}}@media(prefers-reduced-motion:reduce){.side{transition:none}}.section-head{display:flex;align-items:center;gap:10px;margin:4px 0 12px;flex-wrap:wrap}.section-head h2{font-size:16px;font-weight:900;margin-inline-end:auto}.section-head .sub{color:var(--dim);font-size:12.5px;width:100%}.card{background:var(--surface);border:1px solid var(--line-soft);border-radius:var(--r);padding:16px;container-type:inline-size}.grid{display:grid;gap:12px}.grid.two{grid-template-columns:repeat(auto-fit,minmax(min(220px,100%),1fr))}.muted{color:var(--dim);font-size:12.5px}.empty{color:var(--dim);text-align:center;padding:28px;border:1px dashed var(--line);border-radius:var(--r)}.items-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(320px,420px);gap:18px;align-items:start}.editor{position:sticky;top:84px;max-height:calc(100vh - 100px);overflow-y:auto;scrollbar-width:thin}.editor-back{display:none}@container main (max-width:820px){.items-layout{grid-template-columns:minmax(0,1fr)}.items-layout .editor{position:static;max-height:none;overflow:visible}.items-layout:not(.editing) .editor{display:none}.items-layout.editing .list-pane{display:none}.editor-back{display:inline-flex;margin-bottom:12px}}.filters{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:12px}.filters input{flex:1 1 200px;min-width:0}.filters select{flex:1 1 160px;max-width:100%}.cat-group{margin-bottom:16px}.cat-group h3{font-size:13px;color:var(--gold);font-weight:900;margin:0 4px 8px}.row{display:flex;align-items:center;gap:12px;padding:10px 12px;background:var(--surface);border:1px solid var(--line-soft);border-radius:14px;margin-bottom:6px;cursor:pointer;transition:border-color .15s,background .15s}.row:hover{border-color:var(--line)}.row.sel{border-color:var(--gold-dim);background:var(--tint)}.row.off{opacity:.55}.thumb{width:48px;height:48px;border-radius:12px;flex:0 0 48px;background:var(--raised);border:1px solid var(--line-soft);display:grid;place-items:center;overflow:hidden}.thumb img{width:100%;height:100%;object-fit:cover}.thumb svg{width:30px;height:30px}.row .mid{flex:1;min-width:0}.row .name{font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.row .desc{font-size:12px;color:var(--dim);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.row .price{font-weight:900;color:var(--gold-mid);font-size:13px;white-space:nowrap}.tag{font-size:10.5px;font-weight:700;padding:1px 8px;border-radius:999px;border:1px solid var(--gold-dim);color:var(--gold-hi);margin-inline-start:6px}.tag.off{border-color:var(--line);color:var(--dim)}.order-btns{display:flex;flex-direction:column;gap:2px}.order-btns button{width:28px;height:22px;border-radius:6px;border:1px solid var(--line-soft);background:transparent;cursor:pointer;color:var(--dim);font-size:10px;line-height:1}.order-btns button:hover{color:var(--gold-hi);border-color:var(--gold-dim)}@container main (max-width:420px){.row{gap:10px;padding:10px}.thumb{width:42px;height:42px;flex-basis:42px}.row .desc{display:none}}.editor .photo{display:flex;gap:14px;align-items:center;flex-wrap:wrap}.editor .photo .preview{width:110px;height:110px;flex:0 0 110px;border-radius:50%;background:var(--raised);border:1px solid var(--line);display:grid;place-items:center;overflow:hidden}.editor .photo .preview img{width:100%;height:100%;object-fit:cover}.editor .photo .preview svg{width:64px;height:64px}.editor .photo .actions{display:flex;flex-direction:column;gap:8px;align-items:flex-start}.chips{display:flex;gap:6px;flex-wrap:wrap}.chips .check{border:1px solid var(--line);border-radius:999px;padding:6px 12px;min-height:36px}.price-input{position:relative;display:block}.price-input:after{content:"تومان";position:absolute;left:12px;top:50%;transform:translateY(-50%);font-size:12px;color:var(--faint);pointer-events:none}.price-input input{padding-left:52px}.editor-foot{display:flex;gap:8px;justify-content:space-between;margin-top:6px;flex-wrap:wrap}.list-row{display:flex;gap:8px;align-items:center;margin-bottom:8px}.list-row input{flex:1;min-width:0}.list-row input.short{flex:0 0 140px}.list-row .count{font-size:12px;color:var(--dim);white-space:nowrap}.group{margin-bottom:14px}.group-head{display:flex;gap:8px;align-items:center;margin-bottom:10px;flex-wrap:wrap}.group-head input{flex:1 1 180px;min-width:0;font-weight:700}.field-note{font-size:11.5px;color:var(--faint);margin-top:-4px}@container (max-width:460px){.list-row{flex-wrap:wrap;padding-bottom:10px;border-bottom:1px solid var(--line-soft)}.list-row:last-of-type{border-bottom:0}.list-row input:not(.short){flex:1 1 100%;order:-1}.list-row input.short{flex:1 1 0;width:auto}.list-row .order-btns{flex-direction:row}.list-row .count{margin-inline-end:auto}}.toggle-card.is-on{border-color:#c8a06059}.switch-row{flex-direction:row;align-items:center;gap:16px;cursor:pointer;color:var(--cream)}.switch-text{flex:1;display:flex;flex-direction:column;gap:4px}.switch-text b{font-size:14.5px;font-weight:900}.switch-text small{font-size:12.5px;font-weight:400;color:var(--dim);line-height:1.7}.switch{appearance:none;-webkit-appearance:none;flex:0 0 auto;width:52px;height:30px;border-radius:999px;background:var(--sunken);border:1px solid var(--line);position:relative;cursor:pointer;transition:background .2s,border-color .2s}.switch:after{content:"";position:absolute;top:3px;right:3px;width:22px;height:22px;border-radius:50%;background:var(--faint);transition:transform .2s cubic-bezier(.4,0,.2,1),background .2s}.switch:checked{background:var(--gold-dim);border-color:var(--gold)}.switch:checked:after{transform:translate(-22px);background:var(--gold-hi)}.field-note.warn{margin-top:12px;color:var(--gold-mid)}.backup-list{display:flex;flex-direction:column;gap:6px;max-height:420px;overflow:auto}.backup-list .list-row{background:var(--sunken);border-radius:12px;padding:8px 12px;margin:0;border:0;flex-wrap:nowrap}.backup-list .list-row span{flex:1;order:0}.toast{position:fixed;bottom:calc(20px + env(safe-area-inset-bottom));left:50%;transform:translate(-50%);z-index:50;background:#2c2114;color:var(--gold-hi);border:1px solid var(--gold-dim);padding:10px 18px;border-radius:999px;font-weight:700;box-shadow:0 10px 30px #00000080;max-width:calc(100% - 32px)}.toast.err{color:#f0b3aa;border-color:#d95d4e99}.nav-group{font-size:11px;font-weight:700;color:var(--faint);padding:12px 14px 4px;letter-spacing:.2px}.nav-group:first-child{padding-top:0}.side-nav a{min-height:42px}.with-preview{display:grid;grid-template-columns:minmax(0,1fr) 360px;gap:22px;align-items:start}.preview-pane{position:sticky;top:84px}.preview-head{display:flex;align-items:center;gap:8px;margin-bottom:10px}.preview-head b{font-weight:900}.preview-head .muted{flex:1;font-size:11.5px}.phone{width:360px;height:min(720px,calc(100vh - 150px));border-radius:32px;border:1px solid var(--line);overflow:hidden;background:#000;box-shadow:0 30px 70px -20px #000000b3}.phone iframe{width:100%;height:100%;border:0;display:block}@container main (max-width:1000px){.with-preview{grid-template-columns:minmax(0,1fr)}.preview-pane{display:none}}.sections{display:flex;flex-direction:column;gap:8px;margin-bottom:16px}.sec{padding:0;transition:border-color .15s,opacity .15s}.sec.open{border-color:var(--gold-dim)}.sec.is-off .sec-title{opacity:.5}.sec-head{display:flex;align-items:center;gap:10px;padding:10px 12px}.sec-title{flex:1;min-width:0;display:flex;flex-direction:column;align-items:flex-start;gap:1px;background:none;border:0;cursor:pointer;text-align:start;padding:4px 2px;color:var(--cream)}.sec-title b{font-weight:900;font-size:14px;display:flex;align-items:center;flex-wrap:wrap;gap:4px}.sec-title small{font-size:12px;color:var(--dim);max-width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sec-body{padding:14px 16px 16px;border-top:1px solid var(--line-soft)}.order-btns button:disabled{opacity:.3;cursor:default}.add-sec{display:flex;flex-direction:column;gap:10px;border-style:dashed}.add-sec b{font-weight:900}.link-field{display:flex;flex-direction:column;gap:6px}.img-field .img-row{display:flex;gap:12px;align-items:center;flex-wrap:wrap;margin-top:6px}.img-field img{width:160px;height:80px;object-fit:cover;border-radius:12px;border:1px solid var(--line)}.img-empty{width:160px;height:80px;border-radius:12px;border:1px dashed var(--line);display:grid;place-items:center;color:var(--faint);font-size:12px}.img-field .actions{display:flex;gap:8px;flex-wrap:wrap}.field-note{display:block}.text-group{margin-bottom:14px}.text-group h3{font-size:14px;font-weight:900;color:var(--gold);margin-bottom:10px}.text-row{display:grid;grid-template-columns:minmax(0,220px) minmax(0,1fr);gap:6px 14px;align-items:center;padding:8px 0;border-top:1px solid var(--line-soft)}.text-row:first-of-type{border-top:0}.text-row label{display:block;color:var(--dim);font-size:12.5px}.text-row label small{display:block;font-weight:400;color:var(--faint);font-size:11px}.text-row.dim{opacity:.6}.text-input{display:flex;gap:6px;align-items:center}.text-input input{flex:1;min-width:0}@container main (max-width:620px){.text-row{grid-template-columns:minmax(0,1fr)}}.asset-card{display:flex;gap:16px;align-items:center;flex-wrap:wrap}.asset-preview{width:120px;height:120px;flex:0 0 120px;border-radius:18px;background:var(--sunken);border:1px solid var(--line);display:grid;place-items:center;padding:14px}.asset-preview.wordmark{width:200px;flex-basis:200px}.asset-preview img{max-width:100%;max-height:100%;object-fit:contain}.asset-text{flex:1;min-width:200px;display:flex;flex-direction:column;gap:4px}.asset-text b{font-weight:900}.asset-text small{color:var(--dim);font-size:12px}.asset-text .actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:8px}.fav-row{display:flex;align-items:flex-end;gap:14px;padding:14px 18px;background:var(--sunken);border-radius:18px;border:1px solid var(--line)}.fav-row img{display:block;border-radius:22%}.fav-16{width:16px;height:16px;border-radius:3px!important}.fav-32{width:32px;height:32px}.fav-app{width:60px;height:60px}.fav-big{width:96px;height:96px}.seg-choice{display:flex;gap:10px;flex-wrap:wrap}.seg-choice .check{border:1px solid var(--line);border-radius:999px;padding:8px 14px}.seg-choice .check:has(input:checked){border-color:var(--gold);background:var(--tint);color:var(--gold-hi)}.feature-list{padding:4px 16px}.feature{padding:14px 0;border-top:1px solid var(--line-soft)}.feature:first-child{border-top:0}.feature.blocked .switch-text{opacity:.55}.feature em{font-style:normal;color:var(--gold-mid)}.is-disabled{opacity:.5;pointer-events:none}.qr-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(300px,420px);gap:22px;align-items:start}.qr-side{position:sticky;top:84px;display:flex;flex-direction:column;gap:12px}@container main (max-width:860px){.qr-layout{grid-template-columns:minmax(0,1fr)}.qr-side{position:static;order:-1}}.qr-stage{display:grid;place-items:center;padding:20px;background:repeating-conic-gradient(#1a140e 0 25%,#140f0a 0 50%) 0 0/22px 22px}.qr-preview{width:100%;min-height:220px;display:grid;place-items:center;transition:opacity .2s}.qr-preview.busy{opacity:.6}.qr-canvas{max-width:100%;max-height:min(62vh,560px);height:auto;width:auto;display:block;filter:drop-shadow(0 18px 40px rgba(0,0,0,.55))}.qr-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px}.qr-actions .btn.primary{grid-column:1/-1}.url-row{display:flex;gap:6px;align-items:center}.url-row input{flex:1;min-width:0}.presets{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(170px,100%),1fr));gap:8px;margin-bottom:16px}.preset{display:flex;align-items:center;gap:10px;min-height:52px;padding:8px 12px;border-radius:14px;border:1px solid var(--line);background:var(--surface);cursor:pointer;font-weight:700;font-size:12.5px;text-align:start;color:var(--cream)}.preset.on{border-color:var(--gold);background:var(--tint);color:var(--gold-hi)}.preset.custom{cursor:default;justify-content:center;color:var(--dim)}.preset.custom.on{color:var(--gold-hi)}.preset .sw{width:34px;height:34px;flex:0 0 34px;border-radius:9px;border:2px solid;display:grid;place-items:center}.preset .sw i{width:16px;height:16px;display:block}.qr-more{margin-bottom:14px}.qr-more summary{cursor:pointer;font-weight:900;margin-bottom:12px;list-style-position:inside}.color-field span{display:flex;align-items:center;gap:8px}.color-field input[type=color]{width:46px;height:40px;padding:2px;border-radius:10px;border:1px solid var(--line);background:var(--sunken);cursor:pointer}.color-field code{font-size:12px;color:var(--dim)}code{font-family:ui-monospace,Consolas,monospace;font-size:12px;background:var(--sunken);padding:1px 6px;border-radius:6px}