@font-face{font-family:Cairo;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/cairo-arabic-400-normal-DN15VWMM.woff2)format("woff2"),url(/assets/cairo-arabic-400-normal-CAYwymWN.woff)format("woff");unicode-range:U+6??,U+750-77F,U+870-88E,U+890-891,U+897-8E1,U+8E3-8FF,U+200C-200E,U+2010-2011,U+204F,U+2E41,U+FB50-FDFF,U+FE70-FE74,U+FE76-FEFC,U+102E0-102FB,U+10E60-10E7E,U+10EC2-10EC4,U+10EFC-10EFF,U+1EE00-1EE03,U+1EE05-1EE1F,U+1EE21-1EE22,U+1EE24,U+1EE27,U+1EE29-1EE32,U+1EE34-1EE37,U+1EE39,U+1EE3B,U+1EE42,U+1EE47,U+1EE49,U+1EE4B,U+1EE4D-1EE4F,U+1EE51-1EE52,U+1EE54,U+1EE57,U+1EE59,U+1EE5B,U+1EE5D,U+1EE5F,U+1EE61-1EE62,U+1EE64,U+1EE67-1EE6A,U+1EE6C-1EE72,U+1EE74-1EE77,U+1EE79-1EE7C,U+1EE7E,U+1EE80-1EE89,U+1EE8B-1EE9B,U+1EEA1-1EEA3,U+1EEA5-1EEA9,U+1EEAB-1EEBB,U+1EEF0-1EEF1}@font-face{font-family:Cairo;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/cairo-latin-ext-400-normal-xCL67Y2R.woff2)format("woff2"),url(/assets/cairo-latin-ext-400-normal-C_BIE9Qe.woff)format("woff");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Cairo;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/cairo-latin-400-normal-Dh7otpdh.woff2)format("woff2"),url(/assets/cairo-latin-400-normal-b1R3q6Pf.woff)format("woff");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Cairo;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/cairo-arabic-600-normal-rkrvveqO.woff2)format("woff2"),url(/assets/cairo-arabic-600-normal-B3EOalmC.woff)format("woff");unicode-range:U+6??,U+750-77F,U+870-88E,U+890-891,U+897-8E1,U+8E3-8FF,U+200C-200E,U+2010-2011,U+204F,U+2E41,U+FB50-FDFF,U+FE70-FE74,U+FE76-FEFC,U+102E0-102FB,U+10E60-10E7E,U+10EC2-10EC4,U+10EFC-10EFF,U+1EE00-1EE03,U+1EE05-1EE1F,U+1EE21-1EE22,U+1EE24,U+1EE27,U+1EE29-1EE32,U+1EE34-1EE37,U+1EE39,U+1EE3B,U+1EE42,U+1EE47,U+1EE49,U+1EE4B,U+1EE4D-1EE4F,U+1EE51-1EE52,U+1EE54,U+1EE57,U+1EE59,U+1EE5B,U+1EE5D,U+1EE5F,U+1EE61-1EE62,U+1EE64,U+1EE67-1EE6A,U+1EE6C-1EE72,U+1EE74-1EE77,U+1EE79-1EE7C,U+1EE7E,U+1EE80-1EE89,U+1EE8B-1EE9B,U+1EEA1-1EEA3,U+1EEA5-1EEA9,U+1EEAB-1EEBB,U+1EEF0-1EEF1}@font-face{font-family:Cairo;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/cairo-latin-ext-600-normal-DuRnqffh.woff2)format("woff2"),url(/assets/cairo-latin-ext-600-normal-DAfLYaOC.woff)format("woff");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Cairo;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/cairo-latin-600-normal-mGS0uvCM.woff2)format("woff2"),url(/assets/cairo-latin-600-normal-buYOP1M3.woff)format("woff");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Cairo;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/cairo-arabic-700-normal-D3nDedWX.woff2)format("woff2"),url(/assets/cairo-arabic-700-normal-CyOqhaeK.woff)format("woff");unicode-range:U+6??,U+750-77F,U+870-88E,U+890-891,U+897-8E1,U+8E3-8FF,U+200C-200E,U+2010-2011,U+204F,U+2E41,U+FB50-FDFF,U+FE70-FE74,U+FE76-FEFC,U+102E0-102FB,U+10E60-10E7E,U+10EC2-10EC4,U+10EFC-10EFF,U+1EE00-1EE03,U+1EE05-1EE1F,U+1EE21-1EE22,U+1EE24,U+1EE27,U+1EE29-1EE32,U+1EE34-1EE37,U+1EE39,U+1EE3B,U+1EE42,U+1EE47,U+1EE49,U+1EE4B,U+1EE4D-1EE4F,U+1EE51-1EE52,U+1EE54,U+1EE57,U+1EE59,U+1EE5B,U+1EE5D,U+1EE5F,U+1EE61-1EE62,U+1EE64,U+1EE67-1EE6A,U+1EE6C-1EE72,U+1EE74-1EE77,U+1EE79-1EE7C,U+1EE7E,U+1EE80-1EE89,U+1EE8B-1EE9B,U+1EEA1-1EEA3,U+1EEA5-1EEA9,U+1EEAB-1EEBB,U+1EEF0-1EEF1}@font-face{font-family:Cairo;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/cairo-latin-ext-700-normal-Cscux539.woff2)format("woff2"),url(/assets/cairo-latin-ext-700-normal-htXca11Z.woff)format("woff");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Cairo;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/cairo-latin-700-normal-C3GYtKbV.woff2)format("woff2"),url(/assets/cairo-latin-700-normal-6fcUy4Rc.woff)format("woff");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Cairo;font-style:normal;font-display:swap;font-weight:800;src:url(/assets/cairo-arabic-800-normal-G1qvPr6G.woff2)format("woff2"),url(/assets/cairo-arabic-800-normal-CVTPwINa.woff)format("woff");unicode-range:U+6??,U+750-77F,U+870-88E,U+890-891,U+897-8E1,U+8E3-8FF,U+200C-200E,U+2010-2011,U+204F,U+2E41,U+FB50-FDFF,U+FE70-FE74,U+FE76-FEFC,U+102E0-102FB,U+10E60-10E7E,U+10EC2-10EC4,U+10EFC-10EFF,U+1EE00-1EE03,U+1EE05-1EE1F,U+1EE21-1EE22,U+1EE24,U+1EE27,U+1EE29-1EE32,U+1EE34-1EE37,U+1EE39,U+1EE3B,U+1EE42,U+1EE47,U+1EE49,U+1EE4B,U+1EE4D-1EE4F,U+1EE51-1EE52,U+1EE54,U+1EE57,U+1EE59,U+1EE5B,U+1EE5D,U+1EE5F,U+1EE61-1EE62,U+1EE64,U+1EE67-1EE6A,U+1EE6C-1EE72,U+1EE74-1EE77,U+1EE79-1EE7C,U+1EE7E,U+1EE80-1EE89,U+1EE8B-1EE9B,U+1EEA1-1EEA3,U+1EEA5-1EEA9,U+1EEAB-1EEBB,U+1EEF0-1EEF1}@font-face{font-family:Cairo;font-style:normal;font-display:swap;font-weight:800;src:url(/assets/cairo-latin-ext-800-normal-ChnkP8hn.woff2)format("woff2"),url(/assets/cairo-latin-ext-800-normal-RObK5hVW.woff)format("woff");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Cairo;font-style:normal;font-display:swap;font-weight:800;src:url(/assets/cairo-latin-800-normal-BBdTpBXf.woff2)format("woff2"),url(/assets/cairo-latin-800-normal-ReWrxM5E.woff)format("woff");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--bg:#f6f3ec;--panel:#fff;--tint:#e3eaf7;--sand:#e6dcc6;--line:#ddd6c8;--ink:#1f2430;--muted:#6a6f7a;--blue:#1e4fa8;--blue-deep:#14306b;--ok:#5c8a2e;--warn:#d98a2b;--danger:#c4602e;--font:"Cairo", "Segoe UI", "Noto Sans Arabic", system-ui, sans-serif;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}*{box-sizing:border-box}html,body,#root{height:100%}body{background:var(--bg);color:var(--ink);font-family:var(--font);font-variant-numeric:tabular-nums;margin:0;font-size:17px;line-height:1.35}button{font:inherit;color:inherit;cursor:pointer;text-align:start;background:0 0;border:0;padding:0}button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid var(--blue);outline-offset:2px}input,select,textarea{font:inherit;color:inherit}h1,h2,h3{margin:0}h2{font-size:18px}a{color:var(--blue)}.bar{background:var(--blue);color:#fff;flex-wrap:wrap;align-items:center;gap:16px;min-block-size:56px;padding-inline:16px;display:flex}.bar .brand{font-size:20px;font-weight:800}.bar .spacer{flex:1}.bar .btn{color:#fff;background:0 0;border-color:#fff6;min-block-size:44px}.chip{background:var(--tint);color:var(--blue-deep);border-radius:999px;padding:2px 10px;font-size:14px;font-weight:700}.chip.warn{background:var(--warn);color:#fff}.chip.danger{background:var(--danger);color:#fff}.chip.ok{background:var(--ok);color:#fff}.langs{gap:4px;display:flex}.langs button{text-align:center;border-radius:8px;block-size:40px;min-inline-size:44px;font-weight:700}.langs button[aria-pressed=true]{color:var(--blue-deep);background:#fff}.side .langs button[aria-pressed=true]{color:#fff;background:#fff3}.btn{border:1px solid var(--line);background:var(--panel);text-align:center;border-radius:10px;justify-content:center;align-items:center;gap:8px;min-block-size:48px;padding-inline:18px;font-weight:700;display:inline-flex}.btn.primary{background:var(--blue);border-color:var(--blue);color:#fff}.btn.danger{color:var(--danger);border-color:var(--danger)}.btn.big{min-block-size:64px;font-size:20px}.btn:disabled{opacity:.45;cursor:not-allowed}.card{background:var(--panel);border:1px solid var(--line);border-radius:12px;padding:16px}.muted{color:var(--muted)}.error{color:var(--danger);margin:0;font-weight:700}.row{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.stack{flex-direction:column;gap:12px;display:flex}.spread{justify-content:space-between;align-items:center;gap:12px;display:flex}.center{place-items:center;min-block-size:100%;padding:24px;display:grid}.field{flex-direction:column;gap:4px;display:flex}.field>span{color:var(--muted);font-size:14px;font-weight:600}.field input,.field select,.field textarea{border:1px solid var(--line);background:var(--panel);border-radius:10px;min-block-size:48px;padding-inline:12px}.check{align-items:center;gap:8px;min-block-size:48px;display:flex}.check input{block-size:22px;inline-size:22px}.modal{z-index:20;background:#1f243066;justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0}.modal .box{background:var(--panel);border-radius:14px;flex-direction:column;gap:14px;max-block-size:92vh;min-inline-size:min(340px,100%);max-inline-size:min(640px,100%);padding:20px;display:flex;overflow:auto}.keypad{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.keypad button{background:var(--tint);text-align:center;border-radius:10px;min-block-size:64px;font-size:26px;font-weight:700}.pinview{letter-spacing:.4em;text-align:center;min-block-size:48px;font-size:34px}.amount{text-align:end;font-size:36px;font-weight:800}.till{flex-direction:column;block-size:100%;display:flex}.till-main{flex:1;grid-template-columns:3fr minmax(300px,1fr);min-block-size:0;display:grid}.menu{flex-direction:column;min-block-size:0;display:flex}.tabs{background:var(--panel);border-block-end:1px solid var(--line);align-items:center;gap:4px;padding:8px 12px;display:flex;overflow-x:auto}.tabs button{min-block-size:48px;color:var(--muted);white-space:nowrap;border-block-end:3px solid #0000;padding-inline:14px;font-weight:700}.tabs button[aria-pressed=true]{color:var(--blue-deep);border-color:var(--blue)}.tabs input{border:1px solid var(--line);border-radius:10px;min-block-size:44px;min-inline-size:160px;margin-inline-start:auto;padding-inline:12px}.items{flex:1;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));align-content:start;gap:10px;padding:12px;display:grid;overflow-y:auto}.item{background:var(--panel);border:1px solid var(--line);border-radius:12px;flex-direction:column;justify-content:space-between;gap:6px;min-block-size:96px;padding:10px 12px;display:flex}.item .price{color:var(--blue-deep);font-weight:700}.item:disabled{opacity:.5;cursor:not-allowed}.ticket{background:var(--panel);border-inline-start:1px solid var(--line);flex-direction:column;min-block-size:0;display:flex}.ticket .lines{flex:1;overflow-y:auto}.tline{border-block-end:1px solid var(--line);grid-template-columns:auto 1fr auto;align-items:center;gap:8px;padding:8px 12px;display:grid}.tline .sub{color:var(--muted);font-size:14px}.qty{align-items:center;gap:6px;display:flex}.qty button{background:var(--tint);text-align:center;border-radius:8px;block-size:44px;inline-size:44px;font-size:20px;font-weight:800}.ticket .foot{border-block-start:1px solid var(--line);flex-direction:column;gap:10px;padding:12px;display:flex}.total{justify-content:space-between;font-size:24px;font-weight:800;display:flex}.seg{background:var(--bg);border-radius:10px;flex-wrap:wrap;gap:3px;padding:3px;display:flex}.seg button{min-block-size:48px;color:var(--muted);text-align:center;border-radius:8px;flex:1;padding-inline:12px;font-weight:700}.seg button[aria-pressed=true]{background:var(--panel);color:var(--blue-deep);box-shadow:0 1px 0 var(--line), inset 0 0 0 2px var(--blue)}.banner{text-align:center;padding:8px 16px;font-weight:700}.banner.training{background:var(--warn);color:#fff}.banner.offline{background:var(--danger);color:#fff}.banner.done{background:var(--ok);color:#fff}.pay{grid-template-columns:1fr 1fr;gap:24px;inline-size:100%;max-inline-size:1100px;margin-inline:auto;padding:24px;display:grid;overflow-y:auto}.list>*{border-block-end:1px solid var(--line);padding:10px 12px}.preview img{border:1px solid var(--line);background:#fff;max-inline-size:100%}.dash{grid-template-columns:240px 1fr;align-items:start;min-block-size:100%;display:grid}.side{background:var(--blue-deep);color:#fff;flex-direction:column;gap:4px;block-size:100dvh;padding:16px;display:flex;position:sticky;inset-block-start:0;overflow-y:auto}.side .brand{margin-block-end:12px;font-size:20px;font-weight:800}.side nav button{color:#dfe6f5;border-radius:8px;min-block-size:44px;inline-size:100%;padding-inline:12px;font-weight:700}.side nav button[aria-current=page]{color:#fff;background:#ffffff26}.side .spacer{flex:1}.side .btn{color:#fff;background:0 0;border-color:#fff6}.content{flex-direction:column;gap:16px;min-inline-size:0;padding:24px;display:flex}.grid{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:16px;display:grid}.kpi .value{font-variant-numeric:normal;font-size:28px;font-weight:800}.chart{block-size:auto;inline-size:100%}.chart .bar path{transition:opacity .1s}.chart .bar:hover path{opacity:.75}.table-wrap{overflow-x:auto}table{border-collapse:collapse;background:var(--panel);inline-size:100%}th,td{border-block-end:1px solid var(--line);text-align:start;padding:8px 10px}th{color:var(--muted);font-size:14px;font-weight:700}td.num,th.num{text-align:end}.dot{background:var(--muted);border-radius:50%;block-size:10px;inline-size:10px;display:inline-block}.dot.on{background:var(--ok)}.dot.off{background:var(--danger)}.toolbar{flex-wrap:wrap;align-items:end;gap:12px;display:flex}.image-picker{flex-wrap:wrap;align-items:flex-start;gap:12px;display:flex}.image-preview{aspect-ratio:4/3;border:1px dashed var(--line);background:var(--bg);border-radius:10px;inline-size:160px;overflow:hidden}.image-preview.square{aspect-ratio:1;inline-size:96px}.image-preview img{object-fit:cover;block-size:100%;inline-size:100%;display:block}@media (width<=800px){.dash{grid-template-columns:1fr}.side{block-size:auto;position:static}.side .spacer{flex:0}.till-main,.pay{grid-template-columns:1fr}}@media print{.side,.no-print,.banner{display:none!important}.dash,.content{margin:0;padding:0;display:block}body{color:#000;background:#fff}}.attestation{max-inline-size:760px;line-height:1.5}.attestation h1{font-size:1.05rem;line-height:1.4}.attestation h2{border-block-end:1px solid;margin-block-start:1.6rem;font-size:1rem}.attestation .att-line{margin:.4rem 0}.attestation .att-blank{border-block-end:1px dotted;min-inline-size:16rem;display:inline-block}.attestation .att-sign{margin-block:1.2rem 3.5rem}@media print{@page{size:A4;margin:18mm}.attestation{max-inline-size:none;font-size:10.5pt}}.modal .box.wide{inline-size:min(1120px,100%);max-inline-size:min(1120px,100%)}.picker{flex-direction:column;gap:12px;display:flex}.picker-base{color:var(--muted);margin-block-start:-10px}.picker-cols{grid-template-columns:1fr 1fr;align-items:start;gap:20px;display:grid}@media (width<=760px){.picker-cols{grid-template-columns:1fr}}.pq{flex-direction:column;gap:6px;margin-block-end:10px;display:flex}.pq-title{letter-spacing:.04em;text-transform:uppercase;font-size:13px;font-weight:700}.pq-title span{color:var(--muted);text-transform:none;letter-spacing:0;font-weight:400}.pq-title.missing,.pq-title.missing span{color:#b91c1c}.pq-tiles{grid-template-columns:repeat(auto-fill,minmax(96px,1fr));gap:8px;display:grid}.pq-chips{flex-wrap:wrap;gap:8px;display:flex}.pa-wrap{display:flex;position:relative}.pa{border:1px solid var(--line);background:var(--panel);text-align:center;border-radius:12px;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:4px;min-block-size:52px;padding:8px 12px;font-weight:600;display:flex}.pq-chips .pa{flex-direction:row}.pa[aria-pressed=true]{color:#fff;background:#111827;border-color:#111827}.pa:disabled{opacity:.4}.pa-photo{background:var(--tint);border-radius:8px;block-size:52px;inline-size:64px;overflow:hidden}.pa-photo img{object-fit:cover;block-size:100%;inline-size:100%}.pa-price{color:var(--muted);font-weight:400}.pa[aria-pressed=true] .pa-price{color:#cbd5e1}.pa-out{color:#b91c1c;font-size:11px;font-weight:700}.pa-count{color:#fff;background:#ea580c;border-radius:10px;padding:0 7px;font-size:12px;font-weight:700;position:absolute;inset-block-start:-8px;inset-inline-end:-6px}.pa-less{border:1px solid var(--line);background:var(--panel);border-radius:12px;block-size:24px;inline-size:24px;font-weight:700;position:absolute;inset-block-start:-8px;inset-inline-start:-6px}.picker-foot{border-block-start:1px solid var(--line);flex-wrap:wrap;align-items:center;gap:10px;padding-block-start:12px;display:flex}.picker-foot .qty{align-items:center;gap:10px;font-size:20px;font-weight:700;display:flex}.picker-foot .qty button{border:1px solid var(--line);background:var(--panel);border-radius:10px;block-size:48px;inline-size:48px}.picker-hint{color:#b91c1c;margin-inline-start:auto}.picker-note{border:1px solid var(--line);border-radius:10px;flex:220px;padding:10px}.picker-preview{border:1px solid var(--line);background:var(--tint);border-radius:14px;padding:12px}.admin{--bg:#f2f3f5;--panel:#fff;--tint:#ddf0ed;--line:#dadde3;--ink:#1b1f26;--muted:#5f6672;--blue:#0b7a6e;--blue-deep:#075249;--graphite:#1c2129;--graphite-2:#2a313c;background:var(--bg);min-block-size:100%;color:var(--ink)}.admin .side{background:var(--graphite);color:#e6e9ee;border-inline-end:1px solid #000}.admin .side .brand{color:#fff;letter-spacing:.01em;text-decoration:none}.admin .side .brand small{color:#5fd3c4;text-transform:uppercase;letter-spacing:.08em;margin-inline-start:4px;font-size:14px;font-weight:700}.admin .side nav button{color:#aeb5c0;border-inline-start:3px solid #0000;border-start-start-radius:0;border-end-start-radius:0}.admin .side nav button:hover{background:var(--graphite-2);color:#fff}.admin .side nav button[aria-current=page]{background:var(--graphite-2);color:#fff;border-inline-start-color:#5fd3c4}.admin .side .btn{color:#e6e9ee;background:0 0;border-color:#3a4250}.admin .side .langs button[aria-pressed=true]{background:var(--graphite-2);color:#5fd3c4}.admin th{text-transform:uppercase;letter-spacing:.05em;background:#f7f8fa;font-size:12px}.admin tbody tr:hover{background:#f7f8fa}.admin .table-wrap{border:1px solid var(--line);border-radius:12px}.admin .table-wrap td,.admin .table-wrap th{border-block-end-color:var(--line)}.admin .table-wrap tbody tr:last-child td{border-block-end:0}.admin .content{inline-size:100%;max-inline-size:1280px}.admin a.btn{text-decoration:none}.appearance{grid-template-columns:minmax(0,1fr) minmax(320px,520px);align-items:start;gap:24px;display:grid}.appearance-preview{flex-direction:column;gap:8px;display:flex;position:sticky;inset-block-start:16px}.admin .btn[aria-pressed=true]{border-color:var(--blue);box-shadow:inset 0 0 0 2px var(--blue);color:var(--blue-deep)}.admin .choice{text-align:start;flex-direction:column;flex:1;align-items:flex-start;min-inline-size:200px;padding-block:10px;font-weight:400}.swatches{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.swatch{border:1px solid var(--line);border-radius:50%;block-size:32px;inline-size:32px}.swatch[aria-pressed=true]{outline:3px solid var(--ink);outline-offset:2px}.swatches input[type=color]{border:1px solid var(--line);background:0 0;border-radius:8px;block-size:34px;inline-size:40px;padding:0}.cat-dot{border-radius:50%;block-size:12px;inline-size:12px;display:inline-block}.pv{border:1px solid var(--line);background:#eef2f7;border-radius:12px;block-size:300px;font-size:10px;display:flex;overflow:hidden}.pv-rail{background:var(--rail);flex-direction:column;flex:none;align-items:center;gap:8px;inline-size:40px;padding-block:8px;display:flex}.pv-logo{background:var(--accent);border-radius:7px;block-size:24px;inline-size:24px;overflow:hidden}.pv-logo img{object-fit:cover;block-size:100%;inline-size:100%}.pv-railbtn{background:color-mix(in srgb, var(--on-rail) 25%, transparent);border-radius:6px;block-size:20px;inline-size:24px}.pv-menu{flex-direction:column;flex:1;gap:6px;min-inline-size:0;padding:6px;display:flex}.pv-cats{grid-template-columns:repeat(2,1fr);gap:4px;display:grid}.pv-cat{white-space:nowrap;background:#fff;border-radius:6px;justify-content:center;align-items:center;gap:4px;block-size:22px;font-weight:700;display:flex;overflow:hidden}.pv-cat.on{background:var(--rail);color:var(--on-rail)}.pv-dot{border-radius:50%;flex:none;block-size:6px;inline-size:6px}.pv-items{grid-template-columns:repeat(2,1fr);gap:5px;display:grid}.pv-compact .pv-items{grid-template-columns:repeat(4,1fr)}.pv-item{background:#fff;border-radius:6px;overflow:hidden}.pv-photo{background:color-mix(in srgb, var(--cat) 20%, #fff);border-block-end:2px solid var(--accent);block-size:50px}.pv-compact .pv-item{border-inline-start:3px solid var(--cat);block-size:34px}.pv-text{background:#cbd5e1;border-radius:3px;block-size:6px;inline-size:60%;margin:6px}.pv-ticket{background:#fff;flex-direction:column;flex:none;gap:6px;inline-size:110px;padding:6px;display:flex}.pv-lines{background:repeating-linear-gradient(#fff 0 12px,#f1f5f9 12px 14px);border-radius:6px;flex:1}.pv-pay{background:var(--accent);block-size:26px;color:var(--on-accent);border-radius:6px;place-items:center;font-weight:800;display:grid}@media (width<=1000px){.appearance{grid-template-columns:1fr}.appearance-preview{position:static}}