@import url("https://fonts.googleapis.com/css2?family=Mulish:ital,wght@0,400;0,500;0,600;0,700;0,800;1,400&display=swap");*{margin:0;padding:0;box-sizing:border-box;-webkit-tap-highlight-color:transparent}body{font-family:Mulish,-apple-system,Segoe UI,Helvetica Neue,Arial,sans-serif;background:#14171c;color:#e8eaed;height:100vh;height:100dvh;display:flex;flex-direction:column;overflow:hidden}button{font-family:inherit;cursor:pointer;border:none}.topbar{background:#1d222a;display:flex;align-items:center;padding:env(safe-area-inset-top,0) 14px 0;min-height:calc(52px + env(safe-area-inset-top,0px));border-bottom:1px solid #2c333d;flex-shrink:0}.logo{font-weight:700;font-size:15px;color:#ff7a4d;margin-right:18px;white-space:nowrap}.nav{display:flex;gap:10px;overflow-x:auto;flex:1 1;align-items:center;scrollbar-width:none}.nav::-webkit-scrollbar{display:none}.navgroup{display:flex;gap:2px;border:1px solid #333c47;border-radius:10px;padding:3px;background:#191e25}.nav button{background:none;color:#9aa3ad;padding:7px 11px;border-radius:7px;font-size:13px;font-weight:600;white-space:nowrap}.nav button.active{background:#ff7a4d;color:#fff}.rolebadge{font-size:11px;background:#2c333d;color:#9aa3ad;padding:4px 10px;border-radius:20px;white-space:nowrap}.screen{flex:1 1;overflow:auto;padding:18px 18px calc(64px + env(safe-area-inset-bottom))}h2.title{font-size:17px;margin-bottom:4px}.subtitle{color:#8a939e;font-size:12px;margin-bottom:16px}.card{background:#1d222a;border:1px solid #2c333d;border-radius:12px;padding:16px}.tsmall{color:#8a939e}.pos{color:#5dbb7e}.neg{color:#e05c5c}.accent{color:#ff7a4d}.login{position:fixed;inset:0;background:#14171c;z-index:200;display:flex;align-items:center;justify-content:center}.clock-wrap{max-width:380px;margin:16px auto;text-align:center;width:100%}.clock-time{font-size:38px;font-weight:700;letter-spacing:1px}.clock-date{color:#8a939e;font-size:13px;margin-bottom:18px}.pin-dots{display:flex;gap:12px;justify-content:center;margin:14px 0 20px}.pin-dot{width:14px;height:14px;border-radius:50%;border:2px solid #4a5560}.pin-dot.filled{background:#ff7a4d;border-color:#ff7a4d}.pinpad{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:10px;gap:10px}.pinpad button{background:#242b34;color:#e8eaed;font-size:20px;font-weight:600;padding:16px 0;border-radius:12px}.pinpad button:active{background:#ff7a4d}.emp-name{font-size:20px;font-weight:700;margin-bottom:2px}.emp-status{color:#8a939e;font-size:13px;margin-bottom:16px}.punch-grid{display:grid;grid-template-columns:1fr 1fr;grid-gap:10px;gap:10px}.punch-grid button{padding:20px 0;border-radius:12px;font-size:15px;font-weight:700;color:#fff}.b-in{background:#2e7d4f}.b-out{background:#b5452e}.b-brk{background:#3d5a8a}.b-brk2{background:#7a5da8}.punch-grid button:disabled{background:#333a42!important;color:#6b7480;cursor:not-allowed}table.data{width:100%;border-collapse:collapse;font-size:12.5px}table.data th{text-align:left;color:#8a939e;font-weight:600;padding:8px;border-bottom:1px solid #2c333d}table.data td{padding:8px;border-bottom:1px solid #232a33}table.data td.num,table.data th.num{text-align:right;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}@media (hover:hover) and (pointer:fine){table.data tbody tr:hover td{background:#262e39}}.opt{background:#242b34;color:#e8eaed;padding:10px 14px;border-radius:10px;font-size:13px;border:1px solid #2c333d;cursor:pointer}.opt.sel{border-color:#ff7a4d;color:#ff7a4d;font-weight:700}input,select{background:#12161b;border:1px solid #2c333d;color:#e8eaed;border-radius:8px;padding:10px;font-size:14px;font-family:inherit;color-scheme:dark;width:100%;margin-bottom:10px}.toast{position:fixed;bottom:24px;left:50%;transform:translateX(-50%);background:#2e7d4f;color:#fff;padding:12px 22px;border-radius:30px;font-size:14px;font-weight:600;z-index:99}.modal-bg{position:fixed;inset:0;background:rgba(0,0,0,.6);display:flex;align-items:center;justify-content:center;z-index:50}.modal{background:#1d222a;border:1px solid #2c333d;border-radius:14px;padding:20px;width:min(440px,92vw);max-height:85vh;overflow:auto}.modal h3{font-size:15px;margin-bottom:12px}.confirm{width:100%;background:#ff7a4d;color:#fff;padding:13px 0;border-radius:10px;font-size:14px;font-weight:700}.confirm:disabled{background:#3a4149;color:#6b7480}.card .confirm{width:auto;display:inline-block;padding:13px 26px}.modal .confirm{width:100%;display:block;padding:13px 0}.order-wrap{display:flex;height:100%;overflow:hidden}.cats{width:120px;background:#1a1f26;border-right:1px solid #2c333d;padding:12px 8px;display:flex;flex-direction:column;gap:6px;flex-shrink:0;overflow:auto}.cats button{background:#242b34;color:#c6ccd2;padding:12px 6px;border-radius:10px;font-size:12px;font-weight:600;white-space:normal}.cats button.active{background:#ff7a4d;color:#fff}.items{flex:1 1;padding:14px 14px 40px;overflow:auto}.item-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(130px,1fr));grid-gap:10px;gap:10px}.item-card{background:#242b34;border-radius:12px;padding:14px 10px;text-align:center;cursor:pointer;border:1px solid #2c333d}.item-card:active{border-color:#ff7a4d}.item-card .nm{font-size:13px;font-weight:600;margin-bottom:6px}.item-card .pr{font-size:12px;color:#ff7a4d;font-weight:700}.ticket{width:320px;background:#1a1f26;border-left:1px solid #2c333d;display:flex;flex-direction:column;flex-shrink:0}.ticket-head{padding:10px 14px;border-bottom:1px solid #2c333d;background:#1a1f26;position:relative;z-index:2}.ordertype{display:flex;gap:6px;margin-top:8px}.ordertype button{flex:1 1;padding:7px 0;border-radius:8px;font-size:11px;font-weight:700;background:#242b34;color:#9aa3ad}.ordertype button.active{background:#3d5a8a;color:#fff}.billtabs{display:flex;gap:5px;margin-top:8px;margin-bottom:2px;overflow-x:auto;scrollbar-width:none}.billtabs::-webkit-scrollbar{display:none}.billtabs button{flex:0 0 auto;background:#242b34;color:#9aa3ad;padding:6px 11px;border-radius:8px;font-size:11px;font-weight:700;white-space:nowrap}.billtabs button.active{background:#ff7a4d;color:#fff}.billtabs button.share{background:#6b5d2e;color:#ffd88a}.billtabs button.share.active{background:#e8b84d;color:#1a1a1a}.billtabs button.paidtab{background:#22452f;color:#7fe0a3}.ticket-lines{flex:1 1;min-height:0;overflow:auto;padding:14px 14px 24px}.tline{padding:8px 6px;border-bottom:1px dashed #2c333d;font-size:13px;border-radius:8px;cursor:pointer;border-left:3px solid transparent}.tline.unsent{background:rgba(255,122,77,.1);border-left:3px solid #ff7a4d}.tline.sentline{border-left:3px solid #2e7d4f;opacity:.9}.tline.voided{text-decoration:line-through;color:#6b7480}.tline .row1{display:flex;justify-content:space-between}.tline .sub{font-size:11px;margin-top:2px}.ticket-tot{flex-shrink:0;padding:10px 14px;border-top:1px solid #2c333d;font-size:13px}.trow{display:flex;justify-content:space-between;margin:3px 0}.trow.grand{font-size:17px;font-weight:800;color:#ff7a4d;margin-top:6px}.ticket-actions{flex-shrink:0;padding:10px 14px calc(14px + env(safe-area-inset-bottom));display:grid;grid-template-columns:1fr 1fr;grid-gap:8px;gap:8px}.ticket-actions button{padding:11px 0;border-radius:10px;font-size:12px;font-weight:700;color:#fff;background:#3a4350}.ticket-actions .send{background:#3d5a8a}.ticket-actions .pay{grid-column:1/3;background:#2e7d4f;font-size:14px;padding:14px 0}.senttag{display:inline-block;font-size:9px;background:#22452f;color:#5dbb7e;border-radius:8px;padding:1px 7px;margin-top:3px}@media (max-width:760px),(orientation:portrait){.order-wrap{flex-direction:column}.cats{width:100%;flex-direction:row;border-right:none;border-bottom:1px solid #2c333d}.ticket{width:100%;border-left:none;border-top:2px solid #2c333d;max-height:55dvh}}.receipt{background:#fff;color:#111;width:300px;max-width:100%;margin:0 auto 12px;border-radius:4px;padding:16px 18px;font-family:Helvetica Neue,Arial,sans-serif;font-size:12px;line-height:1.5;max-height:300px;overflow:auto;box-shadow:0 4px 18px rgba(0,0,0,.5)}.receipt-logo{display:block;max-width:210px;max-height:90px;margin:0 auto 8px;filter:invert(1)}.receipt .store{text-align:center;margin-bottom:10px}.receipt .store .nm{font-weight:800;font-size:15px;letter-spacing:.5px}.receipt .store .sub{font-size:11px;color:#333}.receipt hr{border:none;border-top:1px solid #000;margin:10px 0}.receipt hr.dash{border-top:1px dashed #999}.receipt .meta{font-size:11px}.receipt .li,.receipt .meta{display:flex;justify-content:space-between}.receipt .li{margin:3px 0}.receipt .li .mod{color:#666;font-size:10px}.receipt .li.ind{padding-left:10px}.receipt .tot{display:flex;justify-content:space-between;margin:2px 0}.receipt .tot.grand{font-weight:800;font-size:14px;margin-top:4px}.receipt .thanks{text-align:center;font-size:12px;margin:10px 0 6px}.receipt .foot{text-align:center;font-size:10px;color:#777;border-top:1px solid #000;padding-top:8px;margin-top:8px}