:root,[data-theme="light"]{--bg:#fffaf4;--surface:#fffdf9;--surface-2:#fff3e3;--surface-3:#ffe5c7;--text:#22140d;--muted:#735d52;--faint:#b89b87;--primary:#ff7a18;--primary-dark:#d95f00;--secondary:#ef476f;--success:#2f855a;--warning:#b7791f;--border:rgba(70,35,12,.12);--divider:rgba(70,35,12,.08);--shadow:0 20px 50px rgba(56,24,8,.12);--radius:22px;--radius-sm:14px;--font-body:'Outfit',Arial,sans-serif;--font-display:'Playfair Display',Georgia,serif}
[data-theme="dark"]{--bg:#15100d;--surface:#201815;--surface-2:#2b1f1a;--surface-3:#3b291f;--text:#fff2e8;--muted:#d5baa8;--faint:#967c6d;--primary:#ff9b56;--primary-dark:#ffb882;--secondary:#fb7185;--success:#53c28b;--warning:#ffca7a;--border:rgba(255,232,218,.12);--divider:rgba(255,232,218,.08);--shadow:0 20px 50px rgba(0,0,0,.35)}
*{box-sizing:border-box}html{-webkit-text-size-adjust:none;text-size-adjust:none;scroll-behavior:smooth}body{margin:0;background:radial-gradient(circle at top right, rgba(255,122,24,.16), transparent 24%),radial-gradient(circle at bottom left, rgba(239,71,111,.12), transparent 22%),var(--bg);color:var(--text);font-family:var(--font-body);font-size:16px;line-height:1.6}a{text-decoration:none;color:inherit}img{max-width:100%;display:block}button,input,textarea,select{font:inherit;color:inherit}button{cursor:pointer;border:none}.container{width:min(calc(100% - 32px),1200px);margin:0 auto}.topbar{position:sticky;top:0;z-index:40;backdrop-filter:blur(18px);background:color-mix(in srgb,var(--bg) 84%, transparent);border-bottom:1px solid var(--divider)}.topbar-inner{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:14px 0}.brand{display:flex;align-items:center;gap:12px}.brand-mark{width:44px;height:44px;border-radius:16px;display:grid;place-items:center;background:linear-gradient(135deg,var(--primary),#ffbc73);color:#fff;box-shadow:var(--shadow)}.brand-title{font-weight:800}.brand-sub{display:block;color:var(--muted);font-size:12px}.nav-links{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.nav-links a,.theme-toggle{padding:12px 16px;border-radius:999px;min-height:44px}.nav-links a:hover,.theme-toggle:hover{background:var(--surface-2)}.theme-toggle{border:1px solid var(--border);width:44px;padding:0;background:transparent}.hero{padding:72px 0 56px}.hero-grid,.grid-2,.grid-3,.grid-4,.stat-grid,.pricing-grid,.admin-grid{display:grid;gap:18px}.hero-grid{grid-template-columns:1.08fr .92fr;align-items:center}.grid-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid-4{grid-template-columns:repeat(4,minmax(0,1fr))}.stat-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.pricing-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.admin-grid{grid-template-columns:280px 1fr;align-items:start}.eyebrow,.badge,.pill{display:inline-flex;align-items:center;gap:8px;padding:10px 14px;border-radius:999px;font-size:13px;font-weight:700}.eyebrow{background:#ffe8d0;color:#d95f00}.badge,.pill.primary{background:#ffe3c5;color:#b64d00}.pill.success{background:rgba(47,133,90,.12);color:var(--success)}.pill.warning{background:rgba(183,121,31,.16);color:var(--warning)}h1,h2,h3{margin:0;line-height:1.08}.display{font-family:var(--font-display);font-size:clamp(42px,6vw,82px);letter-spacing:-.03em;max-width:12ch}.section-title{font-family:var(--font-display);font-size:clamp(30px,4vw,48px)}.muted{color:var(--muted)}.card,.panel,.auth-card,.stat-card,.menu-card,.table-card,.bill-card{background:color-mix(in srgb,var(--surface) 92%, transparent);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow)}.card,.panel,.auth-card,.menu-card,.table-card,.bill-card{padding:24px}.stat-card{padding:22px}.hero p{max-width:64ch}.btn{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:12px 18px;border-radius:999px;font-weight:700;transition:all .18s ease}.btn-primary{background:linear-gradient(135deg,var(--primary),#ffbb70);color:#fff}.btn-primary:hover{transform:translateY(-1px)}.btn-secondary{border:1px solid var(--border);background:var(--surface)}.btn-danger{background:#8d283e;color:#fff}.actions-row{display:flex;flex-wrap:wrap;gap:12px;margin-top:18px}.section{padding:36px 0}.section-head{display:flex;justify-content:space-between;align-items:end;gap:16px;margin-bottom:18px}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.field{display:grid;gap:8px}.field.full{grid-column:1/-1}.input,textarea,select{width:100%;min-height:48px;padding:12px 14px;border-radius:16px;border:1px solid var(--border);background:var(--surface);outline:none}textarea{min-height:120px;resize:vertical}.input:focus,textarea:focus,select:focus{border-color:rgba(255,122,24,.45);box-shadow:0 0 0 4px rgba(255,122,24,.12)}.alert{padding:12px 14px;border-radius:16px;margin:14px 0}.alert.success{background:rgba(47,133,90,.12);color:var(--success)}.alert.error{background:rgba(239,71,111,.14);color:#ab2444}.simple-shell{min-height:100dvh;display:grid;place-items:center;padding:32px}.auth-card{width:min(100%,560px)}.wide-card{width:min(100%,760px)}.nav-list,.menu-list,.queue-list,.audit-list,.cart-list,.qr-list{display:grid;gap:14px}.stats-value{font-size:34px;font-weight:800;line-height:1}.sidebar{position:sticky;top:88px;padding:18px}.side-links{display:grid;gap:8px;margin-top:12px}.side-links a{padding:12px 14px;border-radius:16px;font-weight:600}.side-links a:hover{background:var(--surface-2)}.table-wrap{overflow:auto}.table{width:100%;border-collapse:collapse}.table th,.table td{text-align:left;padding:12px 10px;border-bottom:1px solid var(--divider);vertical-align:top}.table th{font-size:12px;text-transform:uppercase;letter-spacing:.12em;color:var(--muted)}.hero-card .mini-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-top:18px}.mini-card{padding:16px;border-radius:18px;background:var(--surface-2);border:1px solid var(--border)}.menu-card{display:grid;gap:12px}.menu-price{font-size:22px;font-weight:800}.qty-row{display:flex;gap:10px;align-items:center}.qty-row input{max-width:90px}.cart-row,.queue-row,.audit-row,.bill-row{display:flex;justify-content:space-between;gap:12px;padding:14px;border-radius:16px;background:var(--surface-2);border:1px solid var(--border)}.empty-inline{padding:14px;border-radius:16px;background:var(--surface-2);color:var(--muted)}.link-btn{background:transparent;color:var(--secondary);font-weight:700}.receipt-link{font-size:14px;font-weight:700;color:var(--primary-dark)}.footer{padding:40px 0 60px;color:var(--muted)}.kitchen-card{display:grid;gap:12px}.table-card img{width:180px;height:180px;border-radius:18px;background:#fff;padding:10px;border:1px solid var(--border)}.small{font-size:13px}.code-block{padding:14px;border-radius:18px;background:var(--surface-2);overflow:auto}.mobile-stack{display:flex;gap:12px;flex-wrap:wrap}.hero-card{padding:24px}.split{display:flex;justify-content:space-between;gap:12px;align-items:center}.tag{padding:6px 10px;border-radius:999px;background:var(--surface-2);font-size:12px;font-weight:700}.logo-preview{max-height:56px;width:auto}.page-title{display:flex;justify-content:space-between;gap:14px;align-items:flex-start;margin-bottom:18px}.spacer{height:12px}@media (max-width:1100px){.hero-grid,.pricing-grid,.grid-4,.stat-grid,.admin-grid{grid-template-columns:1fr 1fr}.admin-grid{grid-template-columns:1fr}.sidebar{position:static}}@media (max-width:760px){.container{width:min(calc(100% - 16px),1200px)}.nav-links{display:none}.hero{padding:40px 0 28px}.hero-grid,.grid-2,.grid-3,.grid-4,.pricing-grid,.stat-grid,.form-grid,.hero-card .mini-grid{grid-template-columns:1fr}.section-head,.page-title,.split{flex-direction:column;align-items:flex-start}.card,.panel,.auth-card,.menu-card,.table-card,.bill-card{padding:18px}.table th,.table td{padding:10px 6px}.table-card img{width:100%;height:auto}.display{max-width:none}}