body{margin:0;font-family:Arial,Helvetica,sans-serif;background:#111;color:#fff}.top{background:#000;padding:14px 18px;display:flex;gap:12px;align-items:center;justify-content:space-between;border-bottom:2px solid #f4b400;position:sticky;top:0;z-index:5}.brand{font-size:22px;font-weight:900;color:#f4b400}.nav a{color:#fff;margin-left:8px;text-decoration:none;border:1px solid #555;padding:8px 12px;border-radius:8px}.wrap{padding:16px}.grid{display:grid;grid-template-columns:2fr 1fr;gap:16px}.cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:12px}.card,.panel{background:#1e1e1e;border:1px solid #333;border-radius:14px;padding:14px;box-shadow:0 4px 14px #0008}.item{cursor:pointer}.item:hover{border-color:#f4b400}.price{color:#7CFC00;font-weight:900}.btn,button{background:#f4b400;color:#111;border:0;border-radius:10px;padding:10px 14px;font-weight:900;cursor:pointer;margin:3px}.danger{background:#c62828;color:#fff}.green{background:#198754;color:#fff}.blue{background:#0d6efd;color:#fff}.gray{background:#555;color:#fff}input,textarea,select{width:100%;padding:10px;border-radius:8px;border:1px solid #555;background:#000;color:#fff;box-sizing:border-box;margin:4px 0 10px}.cartrow{display:flex;justify-content:space-between;border-bottom:1px solid #333;padding:8px 0}.muted{color:#aaa}.ticket{border-left:8px solid #777}.ticket.new{border-left-color:#0d6efd}.ticket.started{border-left-color:#f4b400}.ticket.ready{border-left-color:#198754}.late{box-shadow:0 0 0 3px #c62828}.big{font-size:28px;font-weight:900}.mods label{display:block;margin:4px 0}.cat{grid-column:1/-1;color:#f4b400;border-bottom:1px solid #333;padding-top:10px}table{width:100%;border-collapse:collapse}td,th{padding:8px;border-bottom:1px solid #333;text-align:left}.row{display:flex;gap:8px;align-items:center}.row>*{flex:1}.pill{display:inline-block;border-radius:99px;padding:4px 8px;background:#333;margin:2px}@media(max-width:850px){.grid{grid-template-columns:1fr}.brand{font-size:18px}.cards{grid-template-columns:repeat(auto-fill,minmax(140px,1fr))}}
.statusbar{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:15px}.statusbar div{padding:14px;border-radius:12px;background:#333;text-align:center;font-weight:900}.statusbar .on{background:#0b8f3a;color:white}
.modal{position:fixed;inset:0;background:rgba(0,0,0,.72);display:flex;align-items:flex-start;justify-content:center;z-index:9999;overflow:auto;padding:22px}
.modalbox{background:#111827;color:#fff;border:1px solid #374151;border-radius:18px;max-width:720px;width:100%;padding:18px;box-shadow:0 20px 60px rgba(0,0,0,.55)}
.modgroup{border:1px solid #374151;border-radius:14px;padding:12px;margin:12px 0;background:#0b1220}.modgroup h3{margin:0 0 8px;color:#facc15}.modopt{display:flex;gap:10px;align-items:center;justify-content:space-between;padding:10px;border-bottom:1px solid #263244;font-size:18px}.modopt:last-child{border-bottom:0}.modopt input{width:22px;height:22px}.modopt span{flex:1}.modopt b{color:#86efac}#modNote{width:100%;min-height:70px;border-radius:12px;padding:10px;background:#020617;color:white;border:1px solid #374151}.modalactions{display:flex;gap:10px;margin-top:12px}.modalactions button{flex:1;font-size:18px;padding:14px}
.pill.danger{background:#c62828;color:#fff}.pill.ok{background:#198754;color:#fff}

/* v2.7 mobile POS + KDS readability */
.mobile-item{min-height:74px;display:flex;flex-direction:column;justify-content:center;text-align:center}.mobile-item b{font-size:20px;line-height:1.08;text-transform:uppercase}.mobile-item .price{font-size:18px;margin:8px 0 0}.item p.muted{display:none!important}
@media(max-width:850px){body{font-size:16px}.wrap{padding:8px}.top{padding:10px;align-items:flex-start}.nav{display:flex;flex-wrap:wrap;gap:5px}.nav a{margin-left:0;padding:7px 9px}.grid{display:flex;flex-direction:column}.cards{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.card,.panel{padding:10px;border-radius:12px}.mobile-item{min-height:86px}.mobile-item b{font-size:18px}.cat{font-size:18px;margin:8px 0}.big{font-size:24px}button{padding:12px 14px;font-size:16px}input,textarea,select{font-size:16px;padding:12px}.cartrow{font-size:15px;gap:8px}.modal{padding:8px}.modalbox{padding:12px}.modopt{font-size:17px;padding:12px 8px}.modopt input{width:26px;height:26px}}
@media(max-width:420px){.cards{grid-template-columns:repeat(2,minmax(0,1fr))}.mobile-item{min-height:78px}.mobile-item b{font-size:16px}.mobile-item .price{font-size:16px}.brand{font-size:16px}}
.pricebox{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:12px 0}.pricebox>div{background:#111;color:#fff;border-radius:14px;padding:12px;text-align:center;font-weight:900}.pricebox b{font-size:28px;color:#ffd24a}.big{font-size:22px;font-weight:900}
@media(max-width:760px){.pricebox b{font-size:24px}.panel input,.panel textarea,.panel select,.panel button{font-size:18px}.cards{grid-template-columns:repeat(2,minmax(0,1fr))}.mobile-item b{font-size:18px}.mobile-item .price{font-size:19px}}
.manager-clean{max-width:1400px}.cards4{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin:14px 0}.cards2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin:14px 0}.stat-card{display:block;background:#fff;border:1px solid #e8e8e8;border-radius:18px;padding:18px;text-decoration:none;color:#111;box-shadow:0 6px 18px rgba(0,0,0,.06)}.stat-card span{display:block;color:#666;font-weight:800;text-transform:uppercase;font-size:12px;letter-spacing:.05em}.stat-card b{display:block;font-size:34px;margin:8px 0}.stat-card small{color:#777}.linkcard{border-color:#111}.manager-tabs{display:flex;gap:10px;flex-wrap:wrap;margin:14px 0}.manager-tabs button,.bigbtn{font-size:18px;padding:14px 18px;border-radius:14px}.mt{margin-top:14px}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.form-grid textarea{grid-column:1/-1}.hero-report h1{margin:0 0 12px;font-size:34px}.report-filter{display:flex;gap:12px;align-items:end;flex-wrap:wrap}.report-filter input{min-width:170px}@media(max-width:850px){.cards4,.cards2,.form-grid{grid-template-columns:1fr}.stat-card b{font-size:28px}.manager-tabs button{flex:1 1 45%}table{font-size:13px}.panel{overflow-x:auto}}@media print{.top,.manager-tabs,.report-filter button{display:none!important}.panel,.stat-card{box-shadow:none;border:1px solid #ddd}body{background:white}.cards4,.cards2{grid-template-columns:repeat(2,1fr)}}

/* v3.7 POS keypad, payment buttons, bigger KDS kitchen chit */
.pinlock{position:fixed;inset:0;background:#050505;z-index:99999;display:flex;align-items:center;justify-content:center;padding:18px}.pinbox{background:#151515;border:2px solid #f4b400;border-radius:24px;padding:24px;width:min(420px,100%);text-align:center;box-shadow:0 20px 80px #000}.pinbox h1{color:#f4b400;margin:0 0 8px}.pinbox input{font-size:34px;text-align:center;letter-spacing:10px;background:#000;border:1px solid #555;color:#fff}.keypad{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:12px 0}.keypad button{font-size:30px;padding:20px 0;border-radius:18px}.paybuttons{display:grid;grid-template-columns:repeat(2,1fr);gap:8px;margin:10px 0}.paybtn{background:#333;color:white;font-size:18px;padding:16px 8px;border:2px solid #555}.paybtn.on{background:#f4b400;color:#111;border-color:#fff}.paybtn.green.on{background:#19a35b;color:#fff}.cartpanel>button{width:100%;font-size:18px;padding:16px;margin:5px 0}.kds-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(360px,1fr));gap:18px}.ticket{font-size:24px;line-height:1.25}.ticket .order-title{font-size:42px;font-weight:1000;color:#fff}.ticket .timer{font-size:54px;font-weight:1000;color:#ffd24a}.ticket .kds-item{font-size:34px;font-weight:1000;margin-top:14px;padding-top:12px;border-top:3px solid #333;text-transform:uppercase}.ticket .kds-mod{font-size:28px;font-weight:1000;color:#ff3434;margin:8px 0 0 24px;line-height:1.22}.ticket .kds-note{font-size:28px;color:#ffd24a;font-weight:1000;margin:10px 0}.ticket .kds-btns button{font-size:28px;padding:20px 24px;min-width:150px}.status-pill{font-size:20px;padding:8px 12px;border-radius:999px;background:#333;font-weight:1000;float:right}.ticket.new{animation:kdsPulse 1s infinite;background:#103d18;border-left-color:#00ff5a}.ticket.started{background:#332600}.ticket.ready{background:#06351f}.ticket.late{background:#4a0606!important;border-left-color:#ff2222!important;box-shadow:0 0 0 4px #ff2222,0 0 30px #ff2222}@keyframes kdsPulse{0%,100%{box-shadow:0 0 0 0 rgba(0,255,90,.35)}50%{box-shadow:0 0 0 8px rgba(0,255,90,.12)}}
@media(max-width:760px){.paybuttons{grid-template-columns:1fr 1fr}.kds-grid{grid-template-columns:1fr}.ticket{font-size:22px}.ticket .order-title{font-size:36px}.ticket .timer{font-size:48px}.ticket .kds-item{font-size:30px}.ticket .kds-mod{font-size:26px}.pinbox{padding:18px}.keypad button{font-size:26px;padding:18px 0}}

/* v3.8 modern mobile POS flow */
body{background:radial-gradient(circle at top,#151a22 0,#08090b 45%,#000 100%);}
.top{background:rgba(0,0,0,.92);backdrop-filter:blur(10px);border-bottom:3px solid #f7b500;box-shadow:0 10px 28px rgba(0,0,0,.45)}
.brand{font-size:24px;line-height:1.08}.nav a{border-radius:14px;background:#121212;border:1px solid #3b3b3b;font-weight:900}.nav a:hover{background:#f7b500;color:#111}
.poswrap{grid-template-columns:1.2fr .8fr;max-width:1500px;margin:0 auto}.panel,.card{background:linear-gradient(180deg,#202225,#151515);border:1px solid #343434;box-shadow:0 12px 35px rgba(0,0,0,.45)}
#search{font-size:18px;border-radius:16px;background:#080808;border:1px solid #444}.cat{font-size:20px;color:#f7b500;text-transform:uppercase;letter-spacing:.03em;border-bottom:2px solid #333}.mobile-item{border-radius:18px;min-height:112px;background:linear-gradient(180deg,#25282c,#151719);border:1px solid #3d3d3d;box-shadow:inset 0 1px 0 rgba(255,255,255,.06),0 8px 20px rgba(0,0,0,.35)}.mobile-item b{font-size:22px}.mobile-item .price{font-size:22px;color:#f7b500}.mobile-item:active{transform:scale(.98);border-color:#f7b500}
.cartpanel{position:sticky;top:92px;align-self:start}.cartpanel h2{font-size:26px;color:#f7b500;margin-top:0}.cartrow{font-size:18px;padding:12px 0}.cartrow .muted{color:#ff3d3d!important;font-weight:900;text-transform:uppercase}.pricebox>div{background:#080808;border:1px solid #333;box-shadow:inset 0 1px 0 rgba(255,255,255,.05)}.pricebox b{font-size:34px}.big{font-size:28px}.sendKitchen{background:#f7b500!important;color:#111!important}.payMain{background:linear-gradient(90deg,#17a34a,#0f7d39)!important;color:white!important}.cartpanel>button{border-radius:18px;font-size:22px;padding:20px 18px;text-transform:uppercase;letter-spacing:.02em;box-shadow:0 8px 22px rgba(0,0,0,.35)}
.paymodal{position:fixed;inset:0;background:rgba(0,0,0,.78);z-index:100000;align-items:center;justify-content:center;padding:18px}.paymodalbox{width:min(520px,100%);background:linear-gradient(180deg,#20242b,#111);border:1px solid #555;border-radius:26px;padding:24px;text-align:center;box-shadow:0 25px 90px rgba(0,0,0,.75)}.paymodalbox h2{font-size:34px;margin:0 0 8px;color:#f7b500}.paymodalbox p{font-size:20px;color:#ddd}.paymodalbox button{width:100%;font-size:26px;padding:22px;margin:8px 0;border-radius:18px}.squarebtn{background:linear-gradient(90deg,#7b2ff7,#5300c9)!important;color:white!important}
.pinlock{background:radial-gradient(circle at top,#1d1d1d,#000)}.pinbox{border-radius:28px}.pinbox input{border-radius:18px}.keypad button{background:#222;color:#fff;border:1px solid #444}.keypad button:active{background:#f7b500;color:#111}
@media(max-width:850px){.poswrap{display:flex;flex-direction:column}.top{position:sticky;top:0}.brand{font-size:22px}.nav a{font-size:20px;padding:12px 16px}.row{display:block}.cards{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.mobile-item{min-height:120px;padding:12px}.mobile-item b{font-size:20px}.mobile-item .price{font-size:22px}.cartpanel{position:relative;top:0;order:-1}.cartpanel h2{display:none}#customer,#phone,#email,#notes{font-size:18px;border-radius:16px}.pricebox{gap:12px}.pricebox b{font-size:30px}.cartpanel>button{font-size:21px;padding:20px 12px;margin:7px 0}.paymodalbox{border-radius:24px}.paymodalbox h2{font-size:30px}.paymodalbox button{font-size:24px;padding:20px}}
@media(max-width:430px){.wrap{padding:8px}.nav{justify-content:flex-end}.nav a{font-size:18px;padding:10px 14px}.cards{grid-template-columns:repeat(2,minmax(0,1fr))}.mobile-item{min-height:102px}.mobile-item b{font-size:17px}.mobile-item .price{font-size:20px}.cartpanel>button{font-size:19px}.big{font-size:25px}.pricebox b{font-size:27px}}

/* v3.8 bigger kitchen display/chit */
.kds-grid{grid-template-columns:repeat(auto-fill,minmax(430px,1fr))!important;gap:24px!important}.ticket{padding:26px!important;border-radius:24px!important;border-width:5px!important}.ticket .order-title{font-size:64px!important;line-height:.95!important}.ticket .timer{font-size:66px!important}.ticket .kds-item{font-size:48px!important;line-height:1.04!important}.ticket .kds-mod{font-size:40px!important;line-height:1.05!important;color:#ff0000!important;background:#fff!important}.ticket .kds-note{font-size:40px!important}.ticket .kds-btns button{font-size:42px!important;padding:28px!important}.status-pill{font-size:30px!important;padding:12px 18px!important}
@media(max-width:760px){.kds-grid{grid-template-columns:1fr!important}.ticket .order-title{font-size:52px!important}.ticket .timer{font-size:54px!important}.ticket .kds-item{font-size:40px!important}.ticket .kds-mod,.ticket .kds-note{font-size:34px!important}.ticket .kds-btns button{font-size:34px!important}}