:root{--bg:#faf7f2;--card:#fff;--ink:#2b2118;--muted:#8a7a6a;--accent:#a05c2c;--accent-dark:#7d4520;--ok:#2e7d32;--warn:#c62828;--radius:14px}*{box-sizing:border-box;margin:0;padding:0}body{font-family:-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;background:var(--bg);color:var(--ink);min-height:100vh}.page{max-width:720px;margin:0 auto;padding:16px}h1{font-size:22px;margin:12px 0}h2{font-size:17px;margin:18px 0 10px;color:var(--accent-dark)}.card{background:var(--card);border-radius:var(--radius);padding:14px 16px;margin-bottom:10px;box-shadow:0 1px 3px rgba(43,33,24,.08)}.row{display:flex;justify-content:space-between;align-items:center;gap:10px}.muted{color:var(--muted);font-size:14px}.price{font-weight:700;white-space:nowrap}.btn{display:inline-block;border:none;border-radius:12px;padding:14px 20px;font-size:17px;font-weight:600;cursor:pointer;background:var(--accent);color:#fff;width:100%;text-align:center;transition:background .15s}.btn:hover{background:var(--accent-dark)}.btn:disabled{background:#cbb9a8;cursor:not-allowed}.btn.secondary{background:#eee4d8;color:var(--ink)}.btn.ok{background:var(--ok)}.btn.small{width:auto;padding:8px 14px;font-size:14px}.input{width:100%;padding:14px 16px;font-size:17px;border:2px solid #e0d5c8;border-radius:12px;margin:8px 0;background:#fff}.input:focus{outline:none;border-color:var(--accent)}.variant-btn{border:2px solid #e0d5c8;background:#fff;border-radius:10px;padding:8px 12px;font-size:14px;cursor:pointer;margin:4px 4px 0 0}.variant-btn.active{border-color:var(--accent);background:#f6ead9;font-weight:600}.qty-btn{width:34px;height:34px;border-radius:50%;border:2px solid var(--accent);background:#fff;color:var(--accent);font-size:18px;font-weight:700;cursor:pointer}.kds-page{max-width:1100px;margin:0 auto;padding:16px}.kds-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));grid-gap:14px;gap:14px}.kds-card{border-radius:var(--radius);padding:16px;background:#fff;box-shadow:0 2px 6px rgba(0,0,0,.12)}.kds-card.paid{border-top:8px solid #1565c0}.kds-card.in_progress{border-top:8px solid #ef6c00}.kds-card.ready{border-top:8px solid var(--ok)}.kds-number{font-size:42px;font-weight:800}.kds-item{padding:6px 0;border-bottom:1px dashed #eee;font-size:17px}.kds-offline{background:var(--warn);color:#fff;padding:10px;text-align:center;border-radius:10px;margin-bottom:12px;font-weight:700}.display-page{background:#1a1210;min-height:100vh;color:#fff;padding:24px}.display-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));grid-gap:16px;gap:16px;margin-top:20px}.display-tile{background:#2e2318;border-radius:16px;padding:24px 12px;text-align:center}.display-number{font-size:56px;font-weight:800;color:#ffd54f}.display-phone{color:#bcaaa4;font-size:18px;margin-top:6px}.status-hero{text-align:center;padding:28px 0 10px}.status-badge{display:inline-block;padding:10px 26px;border-radius:999px;font-size:20px;font-weight:700;color:#fff;margin-top:12px}.steps{margin:22px 0}.step{display:flex;align-items:center;gap:12px;padding:8px 0;color:var(--muted)}.step.done{color:var(--ink);font-weight:600}.step .dot{width:16px;height:16px;border-radius:50%;background:#ddd;flex-shrink:0}.step.done .dot{background:var(--ok)}.error-box{background:#ffebee;color:var(--warn);padding:14px}.error-box,.notice{border-radius:12px;margin:10px 0}.notice{background:#fff8e1;padding:12px 14px;font-size:14px}nav.home a{display:block;padding:16px;background:#fff;border-radius:12px;margin:10px 0;color:var(--ink);text-decoration:none;font-weight:600;box-shadow:0 1px 3px rgba(0,0,0,.08)}