*{box-sizing:border-box} :root{font-family:'Segoe UI',Arial,sans-serif;color:#edf0f4;background:#181a1e;font-size:14px;--yellow:#f3ce52;--muted:#959ca9;--line:#383c44;--surface:#23262c}body{margin:0}button,input,select,textarea{font:inherit}button,.button{cursor:pointer;border:1px solid var(--line);background:#2b2f36;color:#edf0f4;border-radius:10px;padding:10px 14px;text-decoration:none;display:inline-block;transition:background .15s,border .15s}button:hover,.button:hover{background:#373c45;border-color:#677080}button.primary,.primary{background:var(--yellow);color:#23221b;border-color:var(--yellow);font-weight:700}button.primary:hover{background:#ffdb69}button.danger,.error{color:#ff9a96}button.active{background:#3e3826;border-color:#a58a38;color:var(--yellow)}h1,h2,h3,p{margin:0}h1{font-size:30px;font-weight:650;letter-spacing:-1px}h2{font-size:20px;letter-spacing:-.4px}h3{font-size:19px}p{color:#adb4c0;line-height:1.65;margin:10px 0}small{display:block;font-size:12px;color:var(--muted);line-height:1.6}.eyebrow{display:block;font-size:10px;font-weight:700;letter-spacing:2px;color:var(--muted);margin-bottom:8px}.shell{display:grid;grid-template-columns:224px 1fr;min-height:100vh}.sidebar{position:sticky;top:0;height:100vh;padding:30px 20px;display:flex;flex-direction:column;border-right:1px solid #30333a;background:#1d1f24}.logo{background:#fffbea;border-radius:12px;width:152px;height:78px;display:flex;align-items:center;justify-content:center;margin-bottom:30px}.logo img{width:140px;max-height:74px;object-fit:contain}.sidebar>.eyebrow{margin:2px 12px 14px}.sidebar nav{display:flex;flex-direction:column;gap:6px}.sidebar nav button{text-align:left;background:none;border-color:transparent;color:#acb3bf;padding:12px 10px;font-weight:600}.sidebar nav button span{font-size:20px;width:30px;display:inline-block;vertical-align:middle}.sidebar nav button.active{background:#393425;color:var(--yellow)}.sidebar nav button:hover{background:#2b2e35}.sidebar>a{margin-top:auto;padding:18px 8px;color:var(--yellow);text-decoration:none}.sidebar form button{padding:9px 8px;background:none;border:0;color:var(--muted)}.sidebar>small{margin-top:16px;font-size:10px}main{padding:28px 30px;min-width:0}.top{display:flex;justify-content:space-between;align-items:center;margin-bottom:28px}.top-right{display:flex;gap:22px;align-items:center;color:var(--muted);font-size:12px}.live{color:#b9c8a6;border:1px solid #404a38;border-radius:50px;padding:7px 10px}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:28px}.stats article{padding:20px 22px;background:#23262c;border:1px solid #33373e;border-radius:14px}.stats span{display:block;color:var(--muted);font-size:12px}.stats strong{display:block;font-size:27px;letter-spacing:-.7px;margin:10px 0 6px;font-weight:650}.stats article:first-child{border-top:2px solid var(--yellow)}.section-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:0 0 18px}.section-head p{margin:4px 0 0}.actions{display:flex;flex-wrap:wrap;gap:8px}.cash-layout{display:grid;grid-template-columns:minmax(0,1fr) 352px;gap:24px;align-items:start}.tables{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.table{text-align:left;padding:19px 18px 15px;min-height:170px;background:#22252b;border:1px solid #363a42;border-radius:15px;display:flex;flex-direction:column;position:relative;overflow:hidden}.table h3{margin:16px 0 10px}.table strong{font-size:24px;font-weight:650;color:#afb6c1}.table.filled strong{color:#f4e2a0}.table.selected{background:#383327;border-color:var(--yellow);box-shadow:inset 0 0 0 1px var(--yellow)}.table.selected strong{color:var(--yellow)}.table-top{display:flex;align-items:center;gap:8px}.table-dot{width:7px;height:7px;border-radius:100%;background:#70866d}.table-dot.occupied{background:var(--yellow)}.table-bottom{border-top:1px solid #414149;margin-top:17px;padding-top:12px;color:#9199a6;font-size:12px;display:flex;justify-content:space-between}.bill{background:#22252b;border:1px solid #383c44;border-radius:16px;padding:22px;position:sticky;top:20px}.badge{display:inline-block;border-radius:6px;padding:5px 8px;background:#33363c;color:#c6cbd4;font-size:11px;font-weight:600}.bill-lines{max-height:43vh;overflow:auto;margin-bottom:18px}.bill-line{padding:14px 0;border-top:1px solid #373a42;display:flex;gap:14px;justify-content:space-between}.bill-line>div:first-child{flex:1}.bill-line>div:last-child{text-align:right}.bill-line b{font-size:14px}.bill-line small{font-size:11px;margin-top:3px}.bill-line strong{white-space:nowrap;font-size:13px}.cancelled{opacity:.45}.cancelled b{text-decoration:line-through}.qty{display:flex;align-items:center;gap:10px;margin-top:10px;font-size:11px;color:var(--muted)}.qty button{width:24px;height:24px;padding:0;border-radius:6px}.tiny{padding:1px 6px;background:none;margin-top:8px}.full{width:100%}.bill-tools{display:flex;flex-wrap:wrap;gap:5px;margin:13px 0 18px}.bill-tools button{font-size:10px;padding:6px 8px;background:#2a2d34}.bill-total{border-top:1px solid #41454e;padding-top:14px}.bill-total>div{display:flex;justify-content:space-between;align-items:center;font-size:12px;color:#adb4c0;margin-bottom:9px}.bill-total .grand{margin:16px 0 22px;color:#edf0f4;font-size:15px}.grand strong{font-size:26px;color:var(--yellow)}.payment-buttons{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-bottom:8px}.subtle{background:transparent;font-size:12px}.empty{text-align:center;padding:55px 20px}.empty-icon{font-size:50px;color:#616875;margin-bottom:15px}.bill.empty{min-height:420px;display:flex;flex-direction:column;justify-content:center}.focus{grid-template-columns:1fr}.focus .sidebar,.focus .top{display:none}.focus main{padding:22px 28px}.focus .tables{grid-template-columns:repeat(4,minmax(0,1fr))}.focus .bill-lines{max-height:56vh}.panel{background:#22252b;border:1px solid #353941;border-radius:14px;padding:22px;margin-bottom:20px;min-width:0}.panel h2{margin-bottom:15px}.panel .section-head h2{margin:0}.order-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.order-line{display:flex;justify-content:space-between;gap:12px;align-items:center;border-top:1px solid var(--line);padding:14px 0}.order-line small{margin:5px 0}.order-line button{font-size:11px;padding:8px}.status-row{display:flex;gap:6px;margin:12px 0}.report-grid{display:grid;grid-template-columns:1.25fr 1fr;gap:20px}.tabs{display:flex;flex-wrap:wrap;gap:7px}.tabs button{font-size:12px;padding:9px 13px}.tabs .active{background:var(--yellow);color:#242219;border-color:var(--yellow);font-weight:700}.hint{font-size:12px;color:#959ca9;line-height:1.65}.bar-chart{height:190px;display:flex;align-items:end;gap:7px;padding:10px 0}.bar-chart>div{flex:1;min-width:0;text-align:center}.bar-chart i{display:block;background:var(--yellow);border-radius:4px 4px 0 0}.bar-chart small{font-size:9px}table{width:100%;border-collapse:collapse;text-align:left}th{font-size:11px;font-weight:500;color:var(--muted);padding:10px 12px;border-bottom:1px solid #454a53}td{padding:15px 12px;border-bottom:1px solid #343840;font-size:12px}td button{padding:7px 10px;font-size:11px;margin:2px}td small{font-size:10px}tr:last-child td{border-bottom:0}.recipe-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.recipe-grid button{text-align:left;padding:15px;font-size:12px}.warning{color:var(--yellow)}label{display:block;color:#b9c0cc;font-size:12px;margin-bottom:16px}input,select,textarea{display:block;color:#eff1f6;background:#191c21;border:1px solid #444a55;border-radius:8px;padding:11px 12px;width:100%;margin-top:7px;outline:none}input:focus,textarea:focus,select:focus{border-color:var(--yellow);box-shadow:0 0 0 2px #f3ce521a}textarea{min-height:100px;resize:vertical}select{width:auto}.section-head>select{min-width:230px}label select{width:100%}a{color:var(--yellow)}form>button{margin-top:6px}dialog{border:1px solid #4c525e;border-radius:18px;background:#24272e;color:#edf0f4;padding:25px;width:min(480px,calc(100% - 24px));max-height:90vh;overflow:auto;box-shadow:0 30px 100px #0008}dialog::backdrop{background:#090b0fc4;backdrop-filter:blur(5px)}dialog.wide{width:min(980px,calc(100% - 24px))}dialog>header{display:flex;justify-content:space-between;align-items:center;margin-bottom:25px}dialog .close{border:0;background:none;font-size:26px;padding:0 8px}dialog footer{display:flex;justify-content:end;gap:8px;border-top:1px solid var(--line);padding-top:18px;margin-top:20px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 18px}.code{font-family:Consolas,monospace;min-height:220px;font-size:12px}summary{cursor:pointer;padding:14px 0;color:var(--yellow)}.picker-summary{display:flex;justify-content:space-between;background:#383326;border:1px solid #66572b;color:#f4d773;padding:13px 16px;border-radius:10px;margin-bottom:18px}.picker-options{display:grid;grid-template-columns:85px 1fr 1fr 1.4fr;gap:14px}.search{margin:0 0 15px}.products{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:18px;max-height:43vh;overflow:auto}.product{display:flex;align-items:center;gap:14px;text-align:left;min-height:77px;padding:15px;background:#2b2f37}.product>div{flex:1}.product strong{font-size:14px;color:#f4d773;white-space:nowrap}.product>span{color:var(--yellow);font-size:24px}.list>div{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px;border-bottom:1px solid var(--line);padding-bottom:10px}.list button{padding:7px;font-size:11px}#toast{position:fixed;bottom:25px;left:50%;transform:translateX(-50%);padding:15px 22px;background:#f3ce52;color:#29251a;border-radius:12px;z-index:10000;font-weight:600;opacity:0;pointer-events:none;max-width:90vw;box-shadow:0 5px 30px #0005}#toast.show{opacity:1}.login-page{min-height:100vh;display:flex;align-items:center;justify-content:center;background:radial-gradient(ellipse at top right,#383227,transparent 55%),#181a1e}.login-card{padding:40px;width:430px;max-width:100%;border:1px solid #42454b;border-radius:20px;background:#24272e}.brand-logo{width:170px;padding:10px;background:#fffbea;border-radius:12px;margin-bottom:30px}.login-card h1{font-size:33px}.login-card form{margin:25px 0}.login-card form button{width:100%}.login-card>a{font-size:12px}.customer{max-width:1050px;margin:auto;padding:0 24px}.customer-hero{padding:35px 20px 45px;position:relative;border-bottom:1px solid #494131;overflow:hidden}.customer-hero:after{content:'';position:absolute;width:340px;height:340px;border:55px solid #f3ce5216;border-radius:50%;right:-100px;top:70px;pointer-events:none}.customer-hero .logo{width:162px;margin-bottom:40px}.customer-hero h1{font-size:64px;line-height:1.04;letter-spacing:-3px}.customer-hero h1 em{color:var(--yellow);font-style:normal}.customer-hero p{margin-top:20px}.customer-tabs{position:sticky;top:0;z-index:1;background:#181a1efa;padding:20px 0;backdrop-filter:blur(10px)}.customer-products{display:grid;grid-template-columns:1fr 1fr;gap:14px}.customer-products article{display:flex;align-items:center;gap:20px;background:#24272d;border:1px solid #383c43;border-radius:12px;padding:24px}.customer-products article>div{flex:1}.customer-products h2{font-size:19px;margin-top:6px}.customer-products p{font-size:13px;margin:6px 0 0}.customer-products strong{color:var(--yellow);font-size:19px;white-space:nowrap}.customer-options{display:grid;grid-template-columns:1fr 1fr;gap:24px;padding:35px 0;margin-top:20px;border-top:1px solid #3c3f46}.customer-options h3{font-size:16px;color:var(--yellow)}.customer footer{text-align:center;color:var(--muted);padding:25px 0 40px;font-size:12px}#print-area{display:none}@media(min-width:1600px){.tables{grid-template-columns:repeat(4,1fr)}.focus .tables{grid-template-columns:repeat(5,1fr)}.cash-layout{grid-template-columns:minmax(0,1fr) 390px}.table{min-height:195px}}@media(max-width:1150px){.shell{grid-template-columns:185px 1fr}.sidebar{padding:24px 12px}main{padding:25px 20px}.cash-layout{grid-template-columns:minmax(0,1fr) 310px;gap:15px}.tables{grid-template-columns:repeat(2,1fr)}.focus .tables{grid-template-columns:repeat(3,1fr)}.order-grid{grid-template-columns:repeat(2,1fr)}.stats{gap:9px}.stats article{padding:15px}.stats strong{font-size:22px}.report-grid{grid-template-columns:1fr}.recipe-grid{grid-template-columns:repeat(3,1fr)}}@media(max-width:850px){.shell{grid-template-columns:1fr}.sidebar{position:static;height:auto;padding:12px 18px;border-bottom:1px solid var(--line)}.sidebar .logo{width:110px;height:48px;margin:0 0 12px}.sidebar .logo img{width:100px;max-height:45px}.sidebar nav{flex-direction:row;overflow:auto}.sidebar nav button{white-space:nowrap;padding:9px;font-size:12px}.sidebar nav button span{display:none}.sidebar>.eyebrow,.sidebar>a,.sidebar form,.sidebar>small{display:none}.top-right{display:none}.stats{grid-template-columns:repeat(2,1fr)}.cash-layout{grid-template-columns:1fr 310px}.bill{padding:17px}.table{min-height:165px;padding:15px}.focus .tables{grid-template-columns:repeat(2,1fr)}.section-head{flex-wrap:wrap}.picker-options{grid-template-columns:70px 1fr 1fr}.picker-options label:last-child{grid-column:1/-1}}@media(max-width:620px){main,.focus main{padding:18px 12px}.top{margin-bottom:20px}h1{font-size:26px}.cash-layout{grid-template-columns:1fr}.bill{position:static}.bill-lines,.focus .bill-lines{max-height:none}.tables,.focus .tables{grid-template-columns:repeat(2,1fr)}.order-grid,.customer-products{grid-template-columns:1fr}.panel{padding:14px;overflow:auto}.recipe-grid{grid-template-columns:repeat(2,1fr)}.products{grid-template-columns:1fr}.form-grid{grid-template-columns:1fr}.picker-options{grid-template-columns:70px 1fr}.picker-options label:last-child{grid-column:auto}.picker-options label:nth-child(3){grid-column:1/-1}.picker-options label:last-child{grid-column:1/-1}.customer{padding:0 16px}.customer-hero{padding:25px 4px 35px}.customer-hero h1{font-size:54px}.customer-options{grid-template-columns:1fr}.customer-products article{padding:20px}.customer-tabs{flex-wrap:nowrap;overflow:auto}.customer-tabs button{white-space:nowrap}.stats strong{font-size:23px}.section-head>select{min-width:0;width:100%}td,th{padding:10px 6px}}@media print{@page{size:80mm auto;margin:2mm}body{background:white;color:black}#app,dialog,#toast{display:none!important}#print-area{display:block;width:76mm;color:#000;font:12px Arial,sans-serif;padding:3mm}#print-area h1{font-size:25px;text-align:center}#print-area h2{font-size:15px;text-align:center;margin:10px 0}#print-area p,#print-area small{color:#000;margin:7px 0}#print-area .print-line{border-bottom:1px dashed #777;padding:8px 0}#print-area .print-line span{float:right}#print-area small{display:block}}