:root{--ink:#1d2436;--mut:#667085;--orange:#f4511e;--line:#e7e9ef;--white:#fff;--bg:#f7f8fc;--green:#13986c;--red:#c53c3c}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);background:var(--bg);font:15px/1.5 -apple-system,BlinkMacSystemFont,'Segoe UI',system-ui,sans-serif}a{color:inherit}header{background:#fff;border-bottom:1px solid var(--line);position:sticky;top:0;z-index:30}header .wrap{max-width:1240px;margin:auto;padding:15px 22px;display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.logo{font-size:21px;font-weight:900;text-decoration:none;letter-spacing:-.04em}.logo span{color:var(--orange)}nav{display:flex;gap:16px;flex-wrap:wrap}nav a{text-decoration:none;font-size:13px;color:#566075;font-weight:650}nav a:hover{color:var(--orange)}.layout{max-width:1240px;margin:auto;padding:26px 20px 70px}.top{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin:10px 0 22px}.top h1{font-size:clamp(26px,4vw,38px);line-height:1.12;letter-spacing:-.045em;margin:0}.top p{color:var(--mut);margin:8px 0 0}.btn,button{font:inherit;cursor:pointer}.btn{display:inline-flex;align-items:center;justify-content:center;text-decoration:none;background:var(--orange);color:white;padding:10px 18px;border-radius:11px;border:1px solid var(--orange);font-weight:750;min-height:43px}.btn:hover{filter:brightness(.93)}.btn.secondary{color:var(--ink);background:#fff;border-color:#d6d9e2}.btn.dark{background:var(--ink);border-color:var(--ink)}button:disabled{opacity:.55;cursor:not-allowed}.card{background:#fff;border:1px solid var(--line);border-radius:18px;padding:20px;box-shadow:0 6px 28px #1d243607}.muted{color:var(--mut)}.pill{display:inline-block;border-radius:999px;padding:5px 11px;background:#edf0f5;color:#4e5d73;font-size:12px;font-weight:800}.pill.good{background:#e7f7ed;color:#127849}.pill.warn{background:#fff2de;color:#906000}.pill.red{background:#ffecec;color:#b12e2e}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(225px,1fr));gap:15px}.btnrow{display:flex;align-items:center;gap:9px;flex-wrap:wrap}.error{padding:13px 16px;background:#fff0ed;border:1px solid #ffcbbf;color:#9e2e14;border-radius:12px;margin-bottom:16px}.notice{padding:12px 15px;background:#eff5ff;border:1px solid #d2e5ff;color:#315b88;border-radius:12px;margin-bottom:16px}.success{padding:12px 15px;background:#e9f8f0;border:1px solid #b7e6ca;color:#126c46;border-radius:12px;margin-bottom:16px}.hidden,[hidden]{display:none!important}input,textarea,select{width:100%;font:inherit;padding:11px 12px;background:#fff;border:1px solid #d4d9e3;border-radius:10px;color:var(--ink)}label{display:block;font-weight:700;font-size:13px;margin:12px 0 5px}textarea{min-height:78px;resize:vertical}form button{margin-top:15px}.item{display:grid;grid-template-columns:1fr auto;gap:8px;align-items:center}.item h3{margin:0 0 6px;font-size:17px}.item p{margin:0;color:var(--mut);font-size:13px}.price{font-size:18px;font-weight:800;margin:9px 0}.item .photo{width:100%;height:120px;background:linear-gradient(135deg,#f8f4ec,#fff4e9);border-radius:13px;display:grid;place-items:center;font-size:36px}.item .cta{grid-column:1/-1}.item .cta .btn{width:100%}.toolbar{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap}.split{display:grid;grid-template-columns:1fr 330px;gap:18px;align-items:start}.sticky{position:sticky;top:85px}.cartline{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:10px 0;border-bottom:1px solid var(--line)}.cartline strong{display:block}.cartline small{color:var(--mut)}.stepper{display:flex;align-items:center;gap:9px}.stepper button{border-radius:50%;border:1px solid #d4d9e3;background:#fff;width:30px;height:30px}.total{font-size:19px;font-weight:850;display:flex;justify-content:space-between;margin:16px 0}.statuslist{display:grid;grid-template-columns:repeat(4,1fr);gap:7px;margin-top:18px}.statuslist span{font-size:12px;text-align:center;background:#eee;padding:8px 2px;border-radius:8px}.statuslist span.on{color:#fff;background:var(--orange)}model-viewer{width:100%;height:170px;background:linear-gradient(135deg,#eaeff7,#f7faff);border-radius:12px;--poster-color:transparent}.kds{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.kdscol{background:#101827;border-radius:15px;padding:14px;color:#fff;min-height:310px}.kdscol h2{margin:0 0 15px;font-size:15px;letter-spacing:.05em}.kdscol h2 span{float:right;background:#303a4e;padding:3px 10px;border-radius:22px}.ticket{color:#1d2436;background:#fff;padding:16px;border-radius:12px;margin:0 0 12px;border-top:5px solid #407ff9}.ticket.preparing{border-color:#f1af37}.ticket.ready{border-color:#19ad70}.ticket .name{display:flex;justify-content:space-between;font-weight:800}.ticket ul{padding-left:19px}.ticket .btn{width:100%}.ticket .btnrow{margin-top:8px}.ticket .btnrow button{font-size:12px}.ticket small{color:#667085}.login{max-width:500px;margin:35px auto}.login h2{margin:0 0 8px}.metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:13px;margin-bottom:22px}.metric b{font-size:27px;display:block}.metric small{color:var(--mut)}.scroll{overflow:auto}.datatable{width:100%;border-collapse:collapse;font-size:13px;min-width:650px}.datatable th{text-align:left;background:#f7f8fc;color:#667085}.datatable th,.datatable td{padding:11px;border-bottom:1px solid var(--line);vertical-align:top}.datatable td button{font-size:12px;padding:6px 9px}.rowtitle{display:flex;justify-content:space-between;align-items:center;gap:10px;flex-wrap:wrap;margin:0 0 16px}.rowtitle h2{margin:0}.rowstack{display:grid;gap:22px}.badge{display:inline-block;background:#f6f7fa;border-radius:6px;padding:3px 7px;font-size:11px;font-weight:750}.sep{border:0;border-top:1px solid var(--line);margin:16px 0}@media(max-width:900px){.split{grid-template-columns:1fr}.sticky{position:static}.metrics{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:750px){.kds{grid-template-columns:1fr}.layout{padding:17px 13px 45px}.grid{grid-template-columns:repeat(auto-fit,minmax(160px,1fr))}.card{padding:15px}.statuslist span{font-size:10px}header .wrap{padding:13px}}