@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,textarea{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}textarea{resize:vertical;line-height:1.4}.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}.subcats{display:flex;gap:6px;flex-wrap:wrap;margin:-4px 0 12px;position:-webkit-sticky;position:sticky;top:-14px;background:#14171c;padding:8px 0;z-index:3}.subcats button{background:#242b34;color:#c6ccd2;padding:8px 14px;border-radius:9px;font-size:12px;font-weight:600;border:1px solid #2c333d;white-space:nowrap}.subcats button.active{background:#e8b84d;color:#1a1a1a;border-color:#e8b84d}.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}.item-card.addon{background:#1b2733;border-color:#2f4a63}.item-card.addon:active{border-color:#4da3ff}.item-card.addon .pr{color:#6ea8dc}.item-card .addon-tag{font-size:9px;font-weight:800;letter-spacing:.6px;color:#4da3ff;margin-bottom:4px}.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}.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;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;padding:14px 14px 20px}.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;position:relative;padding:10px 14px;border-top:1px solid #2c333d;font-size:13px}.ticket-tot:before{content:"";position:absolute;left:0;right:0;top:-26px;height:26px;pointer-events:none;background:linear-gradient(0deg,#1a1f26,rgba(26,31,38,0))}.trow{display:flex;justify-content:space-between;margin:3px 0}.trow.grand{font-size:17px;font-weight:800;color:#ff7a4d;margin-top:6px}.order-screen{display:flex;flex-direction:column;height:100%;overflow:hidden}.order-screen>.order-wrap{flex:1 1;min-height:0}.ticket-actions{flex-shrink:0;display:flex;gap:8px;padding:10px 14px calc(12px + env(safe-area-inset-bottom));border-top:1px solid #2c333d;background:#1a1f26}.ticket-actions button{flex:1 1;padding:14px 0;border-radius:10px;font-size:13px;font-weight:700;color:#fff;background:#3a4350}.ticket-actions .send{background:#3d5a8a}.ticket-actions .bill{background:#6b5d2e}.ticket-actions .pay{background:#2e7d4f;font-size:14px}.ticket-actions .closetbl{padding:14px 0;font-size:12px;font-weight:600;background:none;border:1px solid #2c333d;color:#8a939e}.ticket-actions .closetbl:disabled{color:#4d545c;border-color:#242b34;cursor:not-allowed}@media (max-width:700px){.ticket-actions{flex-wrap:wrap}.ticket-actions button{flex:1 1 30%;font-size:12px;padding:12px 0}.ticket-actions .closetbl{flex:1 1 100%;padding:8px 0;font-size:11px}}.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}.items{flex:0 1 auto;max-height:44dvh;min-height:200px;padding:12px 12px 14px}.ticket{width:100%;border-left:none;border-top:2px solid #2c333d;flex:1 1 auto;min-height:38dvh}.ticket-head{padding:8px 14px}.ticket-lines{padding:10px 14px 18px}}.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 .bir{font-size:8px;line-height:1.35;color:#444;border-top:1px dashed #999;padding-top:6px}.receipt .bir,.receipt .foot{text-align:center;margin-top:8px}.receipt .foot{font-size:10px;color:#777;border-top:1px solid #000;padding-top:8px}.navmenu{display:flex;align-items:center;gap:10px;background:#242b34!important;color:#e8eaed!important;border:1px solid #3a4350;border-radius:10px;padding:9px 16px!important;font-size:15px!important;font-weight:700!important}.navmenu .navmenu-now{color:#ff7a4d}.tabsheet-bg{position:fixed;inset:0;background:rgba(10,12,16,.86);z-index:300;display:flex;align-items:flex-start;justify-content:center;padding:0;overflow-y:auto;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.tabsheet{background:#14171c;width:100%;min-height:100%;padding:calc(14px + env(safe-area-inset-top,0px)) 16px calc(24px + env(safe-area-inset-bottom,0px))}.tabsheet-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px}.tabsheet-head b{font-size:19px}.tabsheet-close{background:#242b34;color:#e8eaed;border-radius:10px;padding:10px 18px;font-size:15px;font-weight:700}.tabsheet-group{margin-bottom:18px}.tabsheet-title{color:#8a939e;font-size:12px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;margin-bottom:8px;padding-bottom:6px;border-bottom:1px solid #2c333d}.tabsheet-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));grid-gap:10px;gap:10px}.tabsheet-btn{background:#1d222a;border:1px solid #2c333d;color:#e8eaed;border-radius:12px;padding:18px 14px;font-size:15px;font-weight:600;text-align:left;min-height:58px}.tabsheet-btn:active{background:#242b34}.tabsheet-btn.active{background:#ff7a4d;border-color:#ff7a4d;color:#fff}.daygrid-scroll{overflow-x:auto;-webkit-overflow-scrolling:touch;padding:0 0 14px}table.daygrid{border-collapse:separate;border-spacing:0;font-size:11px;white-space:nowrap}table.daygrid td,table.daygrid th{padding:4px 7px;text-align:right;border-bottom:1px solid #232a33}table.daygrid thead th{top:0;color:#8a939e;line-height:1.15;border-bottom:1px solid #2c333d}table.daygrid th.stick,table.daygrid thead th{position:-webkit-sticky;position:sticky;background:#1d222a;font-weight:600}table.daygrid th.stick{left:0;z-index:2;text-align:left;padding-left:16px;padding-right:14px;border-right:1px solid #2c333d}table.daygrid thead th.stick{z-index:3}table.daygrid td.tot,table.daygrid th.tot{position:-webkit-sticky;position:sticky;right:0;background:#1d222a;font-weight:700;border-left:1px solid #2c333d;padding-right:16px}table.daygrid tr.strong td,table.daygrid tr.strong th.stick{font-weight:700}table.daygrid tbody tr:hover td{background:#232a33}.verbar{background:#12406b;border-bottom:1px solid #2f7fd0;color:#dbeeff;font-size:13px;font-weight:700;padding:9px 14px;text-align:center;cursor:pointer;display:flex;flex-direction:column;gap:2px}.verbar-sub{font-size:11px;font-weight:400;color:#9dc4e8}.verwrap{position:fixed;inset:0;z-index:9999;display:flex;align-items:center;justify-content:center;background:rgba(10,13,18,.72)}.verbox{background:#12406b;border:1px solid #2f7fd0;color:#dbeeff;font-size:15px;font-weight:700;padding:16px 22px;border-radius:12px}