@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700;800&family=Playfair+Display:wght@600;700&display=swap');
:root{--bg:#17100c;--panel:rgba(48,32,23,.82);--line:rgba(230,190,145,.15);--text:#f8eee3;--muted:#b6a293;--gold:#d9a66d;--gold2:#f0c795;--brown:#6b422b;--green:#9ac9a4;--danger:#ff9d8f}
*{box-sizing:border-box}body{margin:0;background:radial-gradient(ellipse at 15% 0%,#4a2d1d 0,transparent 36%),linear-gradient(135deg,#17100c,#21150f 55%,#120d0a);color:var(--text);font-family:'DM Sans',sans-serif;min-height:100vh}.ambient{position:fixed;border-radius:50%;filter:blur(90px);opacity:.12;pointer-events:none}.ambient-one{width:260px;height:260px;background:#d18a4c;top:25%;left:-120px}.ambient-two{width:300px;height:300px;background:#9a6239;right:-160px;bottom:5%}.topbar{height:78px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 max(5vw,20px);position:relative;z-index:2;background:rgba(20,13,9,.45);backdrop-filter:blur(16px)}.brand{display:flex;align-items:center;gap:12px;color:var(--text);text-decoration:none}.brand-mark{width:42px;height:42px;border-radius:14px;display:grid;place-items:center;background:linear-gradient(145deg,#f0c795,#9a633b);color:#2a190f;font-family:Georgia;font-weight:bold;box-shadow:0 8px 25px #0005}.brand b{display:block;letter-spacing:2px;font-size:14px}.brand small{display:block;color:var(--muted);font-size:9px;letter-spacing:2px;margin-top:4px}.top-actions{display:flex;gap:16px;align-items:center}.clock,.muted{color:var(--muted)}.clock{font-size:12px}main{max-width:1450px;margin:auto;padding:36px max(5vw,20px) 70px;position:relative;z-index:1}.hidden{display:none!important}.glass{background:linear-gradient(145deg,rgba(74,49,34,.72),rgba(35,24,18,.88));border:1px solid var(--line);box-shadow:0 18px 55px #0003,inset 0 1px #ffffff0b;backdrop-filter:blur(18px);border-radius:22px}.login-wrap{min-height:calc(100vh - 170px);display:grid;place-items:center}.login-card{width:min(100%,420px);padding:36px}.cup-icon{width:58px;height:58px;border-radius:18px;display:grid;place-items:center;background:#d9a66d22;font-size:27px;margin-bottom:24px}.eyebrow{font-size:10px;letter-spacing:2.3px;color:var(--gold);font-weight:800;margin:0 0 8px}.login-card h1,.welcome-row h1{font:700 34px 'Playfair Display',serif;margin:0 0 8px}.login-card form{margin:28px 0 18px}.login-card label,.checkout label{display:block;font-size:12px;color:var(--muted);margin:0 0 9px}.login-card input,.cash-input,.search{width:100%;background:#170f0b9c;border:1px solid var(--line);border-radius:12px;color:var(--text);padding:14px;outline:none}.login-card input:focus,.cash-input:focus,.search:focus{border-color:var(--gold)}.btn{border:0;border-radius:12px;padding:14px 18px;font-weight:800;cursor:pointer;transition:.2s;font-family:inherit}.btn-primary{background:linear-gradient(110deg,#f0c795,#c58b54);color:#2b190f;box-shadow:0 8px 22px #bd845333}.btn-primary:hover{transform:translateY(-2px);filter:brightness(1.06)}.btn:disabled{opacity:.4;cursor:not-allowed;transform:none}.full{width:100%;display:flex;justify-content:space-between;align-items:center;margin-top:14px}.error{color:var(--danger);font-size:12px;min-height:16px}.tiny{font-size:10px;line-height:1.5}.welcome-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.welcome-row h1{font-size:30px}.welcome-row .muted{font-size:13px;margin:0}.open-pill{font-size:11px;color:var(--green);border:1px solid #9ac9a444;background:#9ac9a411;border-radius:30px;padding:9px 13px}.open-pill i{display:inline-block;width:7px;height:7px;background:#9ac9a4;border-radius:50%;margin-right:7px;box-shadow:0 0 10px #9ac9a4}.stats-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-bottom:20px}.stat{padding:20px 22px}.stat span,.stat small{display:block;color:var(--muted);font-size:11px}.stat strong{display:block;font-size:25px;margin:9px 0 4px}.workspace{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(320px,.9fr);gap:18px;align-items:start}.menu-panel,.cart-panel,.history-panel{padding:22px}.panel-heading{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:18px}.panel-heading h2{font:600 22px 'Playfair Display',serif;margin:0}.search{max-width:190px;padding:11px 13px;font-size:12px}.category-tabs{display:flex;gap:8px;overflow:auto;padding-bottom:14px}.category-tab{white-space:nowrap;background:#170f0b88;border:1px solid var(--line);border-radius:30px;color:var(--muted);padding:8px 13px;font-size:11px;cursor:pointer}.category-tab.active{background:#d9a66d;color:#26170e;border-color:#d9a66d;font-weight:800}.menu-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.menu-card{padding:15px;border:1px solid var(--line);border-radius:16px;background:linear-gradient(145deg,#52372377,#21150f99);min-height:144px;display:flex;flex-direction:column;justify-content:space-between;transition:.2s}.menu-card:hover{transform:translateY(-3px);border-color:#d9a66d88}.menu-emoji{font-size:25px}.menu-card h3{font-size:13px;margin:8px 0 4px}.menu-card p{font-size:10px;color:var(--muted);margin:0}.menu-card-bottom{display:flex;justify-content:space-between;align-items:center;margin-top:12px}.price{font-weight:800;color:var(--gold2);font-size:13px}.add-btn{border:0;border-radius:9px;background:#d9a66d;color:#29190f;font-weight:900;width:29px;height:29px;font-size:19px;cursor:pointer}.cart-items{min-height:160px;max-height:380px;overflow:auto}.empty-cart{min-height:160px;display:flex;flex-direction:column;align-items:center;justify-content:center;color:var(--muted);gap:8px;font-size:12px}.empty-cart:first-line{font-size:26px}.empty-cart b{color:var(--text)}.cart-row{display:grid;grid-template-columns:1fr auto;gap:8px;padding:12px 0;border-bottom:1px solid var(--line)}.cart-row h4{margin:0 0 4px;font-size:12px}.cart-row small{color:var(--muted);font-size:10px}.cart-controls{display:flex;align-items:center;gap:8px;margin-top:8px}.qty-btn{width:23px;height:23px;border:1px solid var(--line);background:#170f0b;color:var(--text);border-radius:7px;cursor:pointer}.cart-price{font-size:12px;font-weight:800;color:var(--gold2)}.checkout{border-top:1px solid var(--line);margin-top:18px;padding-top:16px}.total-line{display:flex;justify-content:space-between;align-items:center;font-size:12px;margin-bottom:12px;color:var(--muted)}.total-line b{font-size:16px;color:var(--text)}.cash-input{padding:12px}.change{margin-top:13px}.change b{color:var(--green)}.text-btn{background:none;border:0;color:var(--gold2);font-size:11px;cursor:pointer}.history-panel{margin-top:18px}.table-scroll{overflow:auto}table{width:100%;border-collapse:collapse;text-align:left;font-size:11px}th,td{padding:13px 10px;border-bottom:1px solid var(--line);white-space:nowrap}th{color:var(--muted);font-weight:600}.toast{position:fixed;bottom:22px;left:50%;transform:translate(-50%,20px);background:#f0c795;color:#25170f;padding:12px 18px;border-radius:12px;font-size:12px;font-weight:700;opacity:0;transition:.25s;z-index:10;pointer-events:none}.toast.show{opacity:1;transform:translate(-50%,0)}.modal{position:fixed;inset:0;background:#080503cc;display:grid;place-items:center;z-index:20;padding:20px}.receipt-card{position:relative;background:#fff;color:#211;padding:26px;width:min(100%,340px);border-radius:12px;font-family:monospace}.modal-close{position:absolute;right:12px;top:8px;border:0;background:none;font-size:24px;cursor:pointer}.receipt-card h2{text-align:center;margin:0 0 5px}.receipt-card p{text-align:center;font-size:10px}.receipt-line{display:flex;justify-content:space-between;font-size:11px;margin:8px 0}.receipt-card hr{border:0;border-top:1px dashed #aaa;margin:12px 0}.receipt-card .btn{font-family:'DM Sans';margin-top:18px}
@media(max-width:900px){.workspace{grid-template-columns:1fr}.cart-panel{order:2}.menu-grid{grid-template-columns:repeat(3,1fr)}}@media(max-width:560px){main{padding:24px 14px 50px}.topbar{padding:0 15px;height:68px}.clock{display:none}.brand-mark{width:37px;height:37px}.welcome-row h1{font-size:25px}.stats-grid{gap:8px}.stat{padding:13px 11px}.stat strong{font-size:17px}.stat span,.stat small{font-size:9px}.menu-panel,.cart-panel,.history-panel{padding:15px;border-radius:18px}.menu-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.menu-card{padding:12px;min-height:135px}.panel-heading h2{font-size:19px}.search{max-width:135px}.login-card{padding:26px}.open-pill{font-size:9px}}
@media print{body *{visibility:hidden}.receipt-card,.receipt-card *{visibility:visible}.receipt-card{position:absolute;left:0;top:0;width:100%;box-shadow:none}.modal-close,.receipt-card .btn{display:none!important}}