:root{font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;color:#1f2933;background:#f5f6f8;--brand: #047857;--brand-dark: #065f46;--border: #e2e6ea;--muted: #6b7280;--danger: #b91c1c}*{box-sizing:border-box}body{margin:0}a{color:var(--brand)}.container{max-width:960px;margin:0 auto;padding:1.5rem}.topbar{display:flex;align-items:center;justify-content:space-between;padding:.75rem 1.5rem;background:#fff;border-bottom:1px solid var(--border)}.brand{font-weight:700;font-size:1.1rem;text-decoration:none;color:var(--brand-dark)}.topbar-nav{display:flex;align-items:center;gap:1rem}.auth-screen{min-height:100vh;display:grid;place-items:center;padding:1rem}.auth-card{width:100%;max-width:360px;background:#fff;border:1px solid var(--border);border-radius:12px;padding:2rem;box-shadow:0 6px 24px #0000000d}label{display:block;font-size:.85rem;font-weight:600;margin-bottom:.75rem;color:#374151}input,select,textarea{display:block;width:100%;margin-top:.25rem;padding:.5rem .65rem;font:inherit;border:1px solid var(--border);border-radius:8px;background:#fff}.form-row{display:flex;flex-wrap:wrap;gap:1rem}.form-row>label{flex:1 1 180px}button{font:inherit;font-weight:600;padding:.55rem 1rem;border:none;border-radius:8px;background:var(--brand);color:#fff;cursor:pointer}button:disabled{opacity:.6;cursor:progress}.btn-link{background:none;color:var(--brand);padding:.25rem .4rem}.card{background:#fff;border:1px solid var(--border);border-radius:12px;padding:1.25rem;margin:1rem 0}.create-form details{margin:.5rem 0 1rem}.data-table{width:100%;border-collapse:collapse;background:#fff;border:1px solid var(--border);border-radius:12px;overflow:hidden}.data-table th,.data-table td{text-align:left;padding:.65rem .85rem;border-bottom:1px solid var(--border)}.data-table th{background:#fafafa;font-size:.8rem;text-transform:uppercase;letter-spacing:.03em;color:var(--muted)}.data-table tr:last-child td{border-bottom:none}.muted{color:var(--muted);font-size:.9rem}.error{color:var(--danger);font-size:.9rem}.badge{display:inline-block;padding:.15rem .5rem;border-radius:999px;font-size:.75rem;font-weight:600;text-transform:capitalize;background:#eef2f5;color:#374151}.badge-active{background:#dcfce7;color:#166534}.badge-trial{background:#fef9c3;color:#854d0e}.badge-suspended{background:#fee2e2;color:#991b1b}code{background:#f1f5f9;padding:.1rem .35rem;border-radius:5px;font-size:.85em}.subnav{display:flex;gap:.5rem;margin-bottom:1rem;border-bottom:1px solid var(--border)}.subnav a{padding:.5rem .9rem;text-decoration:none;color:var(--muted);border-bottom:2px solid transparent;font-weight:600}.subnav a.active{color:var(--brand-dark);border-bottom-color:var(--brand)}.card-head{display:flex;align-items:center;justify-content:space-between}.self-end{align-self:flex-end}.checkbox{display:inline-flex;align-items:center;gap:.4rem;font-weight:500;margin-right:1rem}.checkbox input{width:auto;margin:0}.stat-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:1rem;margin:1rem 0}.stat{background:#fff;border:1px solid var(--border);border-radius:12px;padding:1rem;display:flex;flex-direction:column;gap:.25rem}.stat-num{font-size:1.6rem;font-weight:700;color:var(--brand-dark)}.hours{display:flex;flex-wrap:wrap;gap:.75rem}.hour-bar{display:flex;flex-direction:column;align-items:center;min-width:48px;padding:.4rem;border:1px solid var(--border);border-radius:8px}.thumb{display:block;max-width:120px;max-height:120px;margin-top:.5rem;border-radius:8px;border:1px solid var(--border)}.qr-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:1rem}.qr-card{background:#fff;border:1px solid var(--border);border-radius:12px;padding:1rem;text-align:center}.qr-img{width:180px;height:180px}.qr-url{font-size:.72rem;word-break:break-all}.qr-actions{display:flex;justify-content:center;gap:.5rem}@media print{.topbar,.subnav,.no-print,.card{display:none!important}.qr-card{break-inside:avoid;border:none}}.customer{max-width:560px;margin:0 auto;padding:1rem 1rem 6rem}.cafe-cover{width:100%;height:150px;object-fit:cover;border-radius:12px;margin-bottom:.5rem}.cafe-header{display:flex;align-items:center;gap:1rem;padding:.5rem 0 1rem;border-bottom:2px solid var(--brand);margin-bottom:1rem}.cafe-logo{width:56px;height:56px;object-fit:cover;border-radius:10px}.lang-switch{display:flex;gap:.4rem;margin-bottom:1rem}.lang-switch button{background:#eef2f5;color:var(--muted);padding:.3rem .7rem;font-size:.8rem}.lang-switch button.on{background:var(--brand);color:#fff}.menu-cat{margin-bottom:1.5rem}.menu-item{display:flex;align-items:center;gap:.75rem;padding:.6rem 0;border-bottom:1px solid var(--border)}.menu-thumb{width:56px;height:56px;object-fit:cover;border-radius:8px}.menu-item-body{flex:1}.menu-item-title{display:flex;justify-content:space-between;gap:.5rem}.menu-item-body p{margin:.15rem 0 0}.menu-item button{padding:.4rem .9rem}.cart{position:sticky;bottom:0;background:#fff;border:1px solid var(--border);border-radius:12px 12px 0 0;box-shadow:0 -6px 24px #00000014;padding:1rem;margin-top:1rem}.cart-line{display:grid;grid-template-columns:1fr auto auto auto;align-items:center;gap:.6rem;padding:.35rem 0}.qty{display:inline-flex;align-items:center;gap:.5rem}.qty button{width:28px;height:28px;padding:0;border-radius:6px}.cart-total{display:flex;justify-content:space-between;margin:.75rem 0 .25rem;font-size:1.05rem}.cart>button:last-child{width:100%;margin-top:.5rem}.phone-field{margin-top:.5rem}.order-confirm{background:#fff;border:1px solid var(--border);border-radius:12px;padding:1.5rem;text-align:center}.order-confirm ul{text-align:left}.bill{text-align:left;margin:.75rem 0}.feedback-form{margin-top:1rem;border-top:1px solid var(--border);padding-top:.75rem}.stars{display:flex;justify-content:center;gap:.2rem}.star{background:none;color:#d1d5db;font-size:1.8rem;padding:0 .1rem}.star.on{color:#f59e0b}.bill-row{display:flex;justify-content:space-between;padding:.15rem 0;font-size:.95rem}.bill-row.total{border-top:1px solid var(--border);margin-top:.4rem;padding-top:.4rem;font-size:1.05rem}.status-timeline{list-style:none;display:flex;flex-wrap:wrap;justify-content:center;gap:.4rem;padding:0;margin:1rem 0}.status-timeline li{font-size:.8rem;padding:.25rem .6rem;border-radius:999px;background:#eef2f5;color:var(--muted)}.status-timeline li.done{background:var(--brand);color:#fff;font-weight:600}.order-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:1rem;margin-bottom:1.5rem}.order-card{background:#fff;border:1px solid var(--border);border-radius:12px;padding:1rem}.order-items{margin:.5rem 0;padding-left:1.1rem;font-size:.9rem}.order-actions{display:flex;align-items:center;gap:.75rem;margin-top:.5rem}.badge-placed{background:#dbeafe;color:#1e40af}.badge-accepted,.badge-preparing{background:#fef9c3;color:#854d0e}.badge-ready,.badge-served{background:#dcfce7;color:#166534}.badge-paid{background:#e0e7ff;color:#3730a3}.badge-cancelled{background:#fee2e2;color:#991b1b}.kot-card{background:#fff;border:2px solid var(--brand);border-radius:12px;padding:1rem}.kot-items{list-style:none;padding:0;margin:.5rem 0;font-size:1.05rem}.kot-items li{padding:.2rem 0;border-bottom:1px dashed var(--border)}.kot-ticket{display:none}@media print{body *{visibility:hidden}.kot-ticket{display:block;position:absolute;top:0;left:0;width:280px;font-family:Courier New,monospace;padding:.5rem}.kot-ticket,.kot-ticket *{visibility:visible}}.new-order-flash{background:#dcfce7;color:#166534;font-weight:700;padding:.5rem .9rem;border-radius:8px;animation:flash 1.5s ease-out}@keyframes flash{0%{background:#86efac}to{background:#dcfce7}}