:root{--bg: #f7f7f5;--card: #ffffff;--ink: #111111;--muted: #666666;--line: #e7e7e3;--accent: #ffc83d;--accent-ink: #4a3500;--ok: #1a7f37;--ok-bg: #e7f6ec;--warn-bg: #fff4d6;--danger: #c62828;--danger-bg: #fdecec;--card-ink: #3730a3;--card-bg: #e0e7ff;--radius: 16px;--shadow: 0 1px 2px rgb(0 0 0 / .04);font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;color:var(--ink);background:var(--bg);-webkit-text-size-adjust:100%}*{box-sizing:border-box}body{margin:0;min-height:100dvh;background:var(--bg);line-height:1.45}a{color:inherit}h1{font-size:1.75rem;font-weight:800;margin:.4rem 0 1rem;letter-spacing:-.02em}h2{font-size:1.2rem;font-weight:800;margin:1.5rem 0 .6rem}h3{font-size:1rem;font-weight:700;margin:0 0 .4rem}p{margin:.4rem 0}.muted{color:var(--muted)}.small{font-size:.875rem}.center{text-align:center}.row{display:flex;gap:.5rem;align-items:center}.row.wrap{flex-wrap:wrap}.spread{display:flex;justify-content:space-between;align-items:center;gap:.75rem}.grow{flex:1;min-width:0}.stack>*+*{margin-top:.75rem}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.app-header{position:sticky;top:0;z-index:10;background:#f7f7f5eb;backdrop-filter:blur(8px);border-bottom:1px solid var(--line)}.app-header .inner{max-width:960px;margin:0 auto;padding:.6rem 1rem;display:flex;align-items:center;gap:.75rem;flex-wrap:wrap}.logo{font-weight:800;font-size:1.15rem;text-decoration:none;margin-right:auto}.nav{display:flex;gap:.25rem;flex-wrap:wrap}.nav a{text-decoration:none;padding:.45rem .7rem;border-radius:999px;font-weight:600;font-size:.95rem}.nav a.active{background:var(--ink);color:#fff}main{max-width:960px;margin:0 auto;padding:1rem 1rem 7rem}.narrow{max-width:480px;margin-left:auto;margin-right:auto}.app-footer{text-align:center;padding:1rem;font-size:.85rem;color:var(--muted)}.card{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);padding:1rem;box-shadow:var(--shadow)}.card+.card{margin-top:.75rem}.list{list-style:none;padding:0;margin:0}.list>li{padding:.65rem 0;border-bottom:1px solid var(--line)}.list>li:last-child{border-bottom:0}button,.btn{font:inherit;font-weight:700;cursor:pointer;border:1px solid var(--ink);background:var(--ink);color:#fff;padding:.75rem 1.1rem;border-radius:12px;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;gap:.4rem;min-height:44px}button:disabled{opacity:.5;cursor:not-allowed}.btn-block{width:100%}.btn-ghost{background:transparent;color:var(--ink);border-color:var(--line)}.btn-ok{background:var(--ok);border-color:var(--ok)}.btn-danger{background:var(--danger);border-color:var(--danger)}.btn-danger-ghost{background:transparent;color:var(--danger);border-color:var(--danger)}.btn-small{padding:.4rem .7rem;min-height:36px;font-size:.9rem}.link-btn{background:none;border:0;color:inherit;text-decoration:underline;padding:0;min-height:0;font-weight:600}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid var(--accent);outline-offset:2px}label{display:block;font-weight:600;font-size:.95rem}input,select,textarea{font:inherit;width:100%;margin-top:.3rem;padding:.7rem .8rem;border:1px solid #d6d6d0;border-radius:10px;background:#fff;color:var(--ink);min-height:44px}input[type=checkbox]{width:auto;min-height:0;margin:0 .5rem 0 0;transform:scale(1.2)}.check{display:flex;align-items:flex-start;font-weight:400;gap:.2rem}.field+.field{margin-top:.9rem}.hint{font-size:.82rem;color:var(--muted);font-weight:400}.grid-2{display:grid;grid-template-columns:1fr 1fr;gap:.75rem}.grid-2>.field{margin-top:0}.grid-2+.field{margin-top:.9rem}.alert{border-radius:12px;padding:.8rem 1rem;margin:.75rem 0;font-weight:500}.alert-error{background:var(--danger-bg);color:var(--danger)}.alert-ok{background:var(--ok-bg);color:var(--ok)}.alert-warn{background:var(--warn-bg);color:var(--accent-ink)}.badge{display:inline-block;padding:.15rem .55rem;border-radius:999px;font-size:.8rem;font-weight:700;background:#eee}.badge-confirmed{background:var(--warn-bg);color:var(--accent-ink)}.badge-delivered{background:var(--ok-bg);color:var(--ok)}.badge-cancelled,.badge-no_show{background:var(--danger-bg);color:var(--danger)}.badge-awaiting,.badge-card{background:var(--card-bg);color:var(--card-ink)}.badge-cash{background:var(--warn-bg);color:var(--accent-ink)}.badge-test{background:#6b21a8;color:#fff}.tester-banner{background:#6b21a8;color:#fff;text-align:center;padding:.4rem 1rem;font-size:.9rem}.tester-banner a{color:#fff;font-weight:700}.code-block{background:#111;color:#f5f5f5;padding:.8rem;border-radius:10px;overflow-x:auto;font-size:.85rem}.spinner{width:32px;height:32px;margin:3rem auto;border-radius:50%;border:3px solid var(--line);border-top-color:var(--ink);animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.window-banner{border-radius:var(--radius);padding:.9rem 1rem;margin-bottom:1rem}.window-banner.open{background:var(--ok-bg);color:#0d4d21}.window-banner.closed{background:var(--warn-bg);color:var(--accent-ink)}.window-banner strong{display:block;font-size:1.05rem}.product{display:flex;align-items:center;gap:.75rem}.product .price{font-weight:800;margin-top:.25rem}.qty{display:flex;align-items:center;gap:.4rem}.qty button{width:44px;height:44px;padding:0;border-radius:50%;font-size:1.4rem}.qty output{min-width:1.6rem;text-align:center;font-weight:800;font-size:1.1rem}.cart-bar{position:fixed;left:0;right:0;bottom:0;z-index:20;padding:.75rem 1rem calc(.75rem + env(safe-area-inset-bottom));background:var(--card);border-top:1px solid var(--line)}.cart-bar .inner{max-width:960px;margin:0 auto}.pay-choice{display:grid;gap:.75rem}.pay-option{display:block;width:100%;text-align:left;min-height:0;padding:1.1rem 1.2rem;background:var(--card);color:var(--ink);border:2px solid var(--line);border-radius:var(--radius)}.pay-option:hover{border-color:var(--ink)}.pay-option strong{display:block;font-size:1.2rem}.pay-option span{display:block;font-weight:400;color:var(--muted);margin-top:.2rem}.pay-current{display:flex;justify-content:space-between;align-items:center;gap:.75rem;margin-bottom:1rem}.alert-card{background:var(--card-bg);color:var(--card-ink)}.receipt .paid-card{background:var(--card-bg);color:var(--card-ink);border-radius:10px;padding:.6rem;font-weight:800}.receipt{position:relative;overflow:hidden;text-align:center;border-width:2px;border-color:var(--ink)}.receipt .code{font-size:3.6rem;font-weight:900;letter-spacing:.18em;font-family:ui-monospace,SF Mono,Menlo,Consolas,monospace;line-height:1.1;margin:.25rem 0}.receipt .number{font-size:1.3rem;font-weight:800}.receipt .cash{background:var(--accent);color:var(--accent-ink);border-radius:10px;padding:.6rem;font-weight:800}.receipt .items{text-align:left}.receipt.done{filter:grayscale(1);opacity:.75;border-color:#999}.stamp{position:absolute;top:38%;left:50%;transform:translate(-50%,-50%) rotate(-12deg);border:4px solid var(--danger);color:var(--danger);background:#ffffffd9;padding:.4rem 1rem;font-size:1.5rem;font-weight:900;border-radius:8px;white-space:nowrap}.tabs{display:flex;gap:.4rem;overflow-x:auto;padding-bottom:.25rem;margin:.5rem 0}.tabs button{background:#fff;color:var(--ink);border-color:var(--line);white-space:nowrap;min-height:38px;padding:.4rem .8rem}.tabs a.btn{white-space:nowrap}.tabs button[aria-pressed=true],.tabs a.active{background:var(--ink);color:#fff;border-color:var(--ink)}.toolbar{display:grid;gap:.6rem;grid-template-columns:1fr;margin-bottom:.75rem}@media(min-width:640px){.toolbar{grid-template-columns:180px 1fr 180px;align-items:end}}.order-row{display:flex;gap:.75rem;align-items:flex-start}.order-row .code{font-family:ui-monospace,Menlo,Consolas,monospace;font-weight:900;font-size:1.15rem}.order-row.is-done{opacity:.6}.summary-grid{display:grid;gap:.75rem;grid-template-columns:repeat(auto-fill,minmax(220px,1fr))}.stat{font-size:1.6rem;font-weight:900}table{width:100%;border-collapse:collapse;font-size:.95rem}th,td{text-align:left;padding:.45rem .4rem;border-bottom:1px solid var(--line);vertical-align:top}.table-wrap{overflow-x:auto}.big-qty{display:flex;justify-content:space-between;align-items:baseline;gap:1rem;padding:.55rem 0;border-bottom:1px solid var(--line);font-size:1.15rem}.big-qty:last-child{border-bottom:0}.big-qty strong{font-size:1.6rem;font-variant-numeric:tabular-nums}.class-header{position:sticky;top:58px;z-index:5;background:var(--bg);padding:.5rem 0;margin:1.25rem 0 .5rem;display:flex;justify-content:space-between;align-items:baseline;border-bottom:2px solid var(--ink)}.class-header h2{margin:0;font-size:1.4rem}.delivery-card.is-done{opacity:.55}.delivery-card .who{font-size:1.15rem;font-weight:800}.btn-confirm{width:100%;min-height:56px;font-size:1.15rem;background:var(--ok);border-color:var(--ok);margin-top:.6rem}.print-only{display:none}.print-table td,.print-table th{border-bottom:1px solid #999}.print-class td{font-weight:900;font-size:1.05rem;padding-top:.9rem;border-bottom:2px solid #000}.print-due{font-weight:900}.print-paid{font-weight:400}@media print{.app-header,.app-footer,.no-print,.cart-bar{display:none!important}.print-only{display:block}main{padding:0;max-width:none}body{background:#fff}.print-block{break-inside:avoid;margin-bottom:1rem}.print-school{break-before:page}.print-school:first-child{break-before:auto}}