:root{--navy:#071a33;--navy2:#0c2849;--blue:#1478c9;--blue2:#eaf4ff;--gold:#e3a31b;--ink:#182334;--muted:#6b7787;--line:#dce3eb;--bg:#f4f6f8;--white:#fff;--green:#1d9a62;--red:#cf4141;--shadow:0 14px 40px rgba(9,28,52,.12)}
*{box-sizing:border-box}html,body{margin:0;min-height:100%;font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;color:var(--ink);background:var(--bg);touch-action:manipulation}button,input{font:inherit}button{cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:rgba(20,120,201,.18);-webkit-touch-callout:none;-webkit-user-select:none;user-select:none;transition:transform .06s ease,filter .06s ease,background-color .08s ease}button:active{transform:scale(.985);filter:brightness(.92)}button:disabled{pointer-events:none;opacity:.62}.modal-card button:not(.modal-close),.check-actions button{min-height:48px}[hidden],.hidden{display:none!important}.eyebrow{font-size:11px;font-weight:800;letter-spacing:1.15px;color:var(--blue)}
.login-screen{min-height:100vh;display:grid;place-items:center;padding:32px;background:radial-gradient(circle at 74% 20%,#174a79 0,#0c2849 30%,#071a33 72%)}.login-screen:before{content:"";position:fixed;inset:0;background-image:linear-gradient(rgba(255,255,255,.02) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.02) 1px,transparent 1px);background-size:40px 40px}.login-card{position:relative;width:min(540px,100%);padding:38px;border-radius:28px;background:#fff;box-shadow:0 30px 80px #00102788}.brand-lockup{text-align:center;border-bottom:1px solid var(--line);padding-bottom:24px}.brand-lockup img{width:280px;max-width:78%;height:98px;object-fit:contain;opacity:1;filter:saturate(1.2) contrast(1.12)}.brand-lockup p{margin:6px 0 0;color:var(--navy);font-size:12px;font-weight:850;letter-spacing:2px;text-transform:uppercase;opacity:1}.login-copy{margin:28px 0 18px}.login-copy h1{margin:7px 0;font-size:30px}.login-copy p{margin:0;color:var(--muted)}.role-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.role,.service,.course-strip button,.segmented button,.split-tools button{border:1px solid var(--line);background:#fff;color:var(--muted);font-weight:750;border-radius:10px;padding:12px}.role.active,.service.active,.course-strip button.active,.segmented button.active,.split-tools button.active{background:var(--navy);color:#fff;border-color:var(--navy)}.pin-row{display:grid;grid-template-columns:1fr 120px;gap:10px;margin-top:14px}.pin-row input,.note-label input,.settings-grid input{width:100%;border:1px solid var(--line);padding:14px;border-radius:10px;background:#fff;outline:none}.pin-row input:focus,.note-label input:focus{border-color:var(--blue);box-shadow:0 0 0 3px #1478c91c}.primary,.secondary,.danger{border:0;border-radius:10px;padding:13px 18px;font-weight:800}.primary{background:var(--blue);color:#fff}.primary:hover{background:#0c68b2}.secondary{background:#fff;border:1px solid var(--line);color:var(--ink)}.secondary.accent{background:var(--blue2);color:var(--blue);border-color:#bcdcff}.danger{background:#fff0f0;color:var(--red);border:1px solid #f3caca}.wide{width:100%}.small{padding:10px 15px}.login-card footer{text-align:center;color:#8e98a5;font-size:12px;margin-top:24px}
.app{display:grid;grid-template-columns:104px 1fr;min-height:100vh}.sidebar{position:fixed;z-index:20;inset:0 auto 0 0;width:104px;background:var(--navy);display:flex;flex-direction:column;align-items:stretch;color:#fff}.side-brand{height:98px;display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:10px;font-weight:900;letter-spacing:.5px;text-align:center;border-bottom:1px solid #ffffff12}.side-brand img{width:40px;height:40px;object-fit:contain;margin-bottom:3px}.side-brand small{font-size:7px;letter-spacing:2px;color:#78bdeb}.sidebar nav{padding:12px 9px;display:flex;flex-direction:column;gap:6px;flex:1}.nav-item{position:relative;border:0;background:transparent;color:#91a1b6;border-radius:12px;min-height:63px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;font-size:11px;font-weight:700}.nav-item b{font-size:22px;font-weight:500}.nav-item.active{background:#fff;color:var(--navy)}.nav-item i{position:absolute;top:7px;right:10px;background:#e75050;color:#fff;font-style:normal;font-size:9px;line-height:18px;min-width:18px;border-radius:9px}.profile{border:0;border-top:1px solid #ffffff17;background:none;color:#fff;padding:15px 8px;display:flex;align-items:center;gap:6px}.profile>span{display:grid;place-items:center;width:31px;height:31px;border-radius:50%;background:var(--blue);font-size:10px}.profile div{text-align:left}.profile strong,.profile small{display:block;font-size:10px}.profile small{color:#8497ae;margin-top:2px}.workspace{grid-column:2;min-width:0}.topbar{height:98px;background:#fff;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 25px;position:sticky;top:0;z-index:10}.topbar h2{margin:4px 0 0;font-size:23px}.status-bar{display:flex;align-items:center;gap:12px;color:var(--muted);font-size:12px}.online-dot{width:8px;height:8px;border-radius:50%;background:#27b36f;box-shadow:0 0 0 4px #27b36f1f}.status-bar time{padding:0 10px;border-left:1px solid var(--line);font-weight:700;color:var(--ink)}
.view{display:none;padding:22px}.view.active{display:block}.order-layout.view.active{display:grid;grid-template-columns:minmax(500px,1fr) 390px;gap:0;padding:0;min-height:calc(100vh - 98px)}.catalog{padding:20px 22px;min-width:0}.service-tabs{display:flex;gap:8px;align-items:center}.service{padding:10px 18px}.service-tabs .subtle{margin-left:auto}.subtle,.icon-btn,.more{background:#fff;border:1px solid var(--line);color:var(--ink);border-radius:9px;padding:9px 12px;font-weight:700}.search-row{display:flex;gap:10px;margin:16px 0}.search-row label,.table-search{display:flex;align-items:center;gap:8px;flex:1;background:#fff;border:1px solid var(--line);border-radius:11px;padding:0 13px;color:var(--muted)}.search-row input,.table-search input{border:0;background:transparent;outline:0;padding:13px 0;width:100%}.categories{display:flex;gap:8px;overflow:auto;padding-bottom:4px}.categories button{white-space:nowrap;border:1px solid var(--line);background:#fff;border-radius:18px;padding:8px 13px;font-size:12px;font-weight:750;color:var(--muted)}.categories button.active{color:var(--blue);border-color:#9ac9ee;background:var(--blue2)}.section-heading{display:flex;justify-content:space-between;align-items:center;margin:22px 0 13px}.section-heading h3{margin:0 0 4px;font-size:18px}.section-heading span{font-size:12px;color:var(--muted)}.menu-grid{display:grid;grid-template-columns:repeat(4,minmax(120px,1fr));gap:12px}.menu-card{position:relative;min-height:137px;padding:14px;border:1px solid var(--line);border-radius:14px;background:#fff;text-align:left;display:flex;flex-direction:column;justify-content:space-between;transition:.17s}.menu-card:hover{transform:translateY(-2px);box-shadow:var(--shadow);border-color:#a8c9e4}.menu-card .food-icon{width:38px;height:38px;border-radius:10px;display:grid;place-items:center;background:var(--blue2);font-size:21px}.menu-card b{display:block;margin-top:12px;font-size:13px}.menu-card small{display:block;color:var(--muted);margin-top:3px}.menu-card strong{font-size:13px;color:var(--blue);margin-top:9px}.menu-card em{position:absolute;right:11px;top:11px;font-style:normal;font-size:9px;font-weight:850;text-transform:uppercase;background:#eef2f6;color:#617083;border-radius:6px;padding:4px 5px}.menu-card em.bar{background:#fff0cf;color:#986400}
.check-panel{border-left:1px solid var(--line);background:#fff;display:flex;flex-direction:column;min-height:calc(100vh - 98px);position:sticky;top:98px;max-height:calc(100vh - 98px)}.check-head{padding:20px;display:flex;justify-content:space-between;border-bottom:1px solid var(--line)}.check-head h3{margin:5px 0 2px;font-size:22px}.check-head small{color:var(--muted)}.dine-in-details{padding:10px 18px;display:grid;grid-template-columns:.8fr 1.2fr;gap:8px;border-bottom:1px solid var(--line);background:#f8fbfd}.dine-in-details label{font-size:10px;font-weight:800;color:var(--muted)}.dine-in-details label small{font-weight:600}.dine-in-details select,.dine-in-details input{width:100%;min-height:42px;margin-top:5px;padding:9px 10px;border:1px solid var(--line);border-radius:9px;background:#fff;color:var(--ink);font:inherit;font-size:12px}.course-strip{padding:10px 18px;display:flex;gap:6px;border-bottom:1px solid var(--line)}.course-strip button{padding:7px 10px;font-size:11px}.cart{padding:10px 18px;overflow:auto;flex:1}.empty-cart{text-align:center;color:var(--muted);padding:52px 20px}.empty-cart b{display:block;font-size:38px;margin-bottom:8px}.cart-item{display:grid;grid-template-columns:28px 1fr auto;gap:9px;padding:13px 0;border-bottom:1px solid #edf0f3}.qty{width:28px;height:28px;border-radius:8px;background:var(--navy);color:#fff;display:grid;place-items:center;font-size:12px}.cart-item h4{margin:0;font-size:13px}.cart-item p{margin:3px 0 0;font-size:11px;color:var(--muted)}.cart-item strong{font-size:12px}.cart-item button{grid-column:3;border:0;background:none;color:var(--red);font-size:11px}.check-totals{padding:13px 20px;border-top:1px solid var(--line)}.check-totals div{display:flex;justify-content:space-between;font-size:12px;margin:7px 0}.check-totals .grand{font-size:19px;border-top:1px dashed #cbd3dc;padding-top:12px;margin-top:12px}.check-actions{padding:0 18px 18px;display:grid;grid-template-columns:1fr 1.4fr;gap:8px}.check-actions.waiter-actions{grid-template-columns:1fr}.check-actions.waiter-actions #sendBtn{grid-column:1/-1}.check-actions .wide{grid-column:1/-1;display:flex;justify-content:space-between}
.view-toolbar{display:flex;justify-content:space-between;align-items:center;margin-bottom:18px}.segmented{display:flex;background:#e8edf2;padding:4px;border-radius:12px}.segmented button{border:0;background:transparent;padding:9px 14px}.legend{display:flex;gap:8px;align-items:center;font-size:12px;color:var(--muted)}.legend span{width:10px;height:10px;border-radius:50%;margin-left:10px}.legend .free{background:#d9e0e7}.legend .seated{background:var(--blue)}.legend .ready{background:var(--green)}.floor-grid{min-height:650px;border:1px dashed #cbd4dd;border-radius:20px;background-color:#fafbfc;background-image:radial-gradient(#d8dfe6 1px,transparent 1px);background-size:24px 24px;display:grid;grid-template-columns:repeat(5,1fr);grid-auto-rows:160px;gap:28px;padding:35px}.table-node{border:0;background:transparent;position:relative}.table-shape{margin:auto;width:94px;height:94px;border-radius:50%;background:#fff;border:7px solid #d8e0e8;display:grid;place-items:center;box-shadow:0 7px 16px #18304714}.table-node.square .table-shape{border-radius:16px;width:116px}.table-node.seated .table-shape{border-color:var(--blue);background:#eaf5ff}.table-node.ready .table-shape{border-color:var(--green);background:#ebfff6}.table-shape b{font-size:20px}.table-node small{display:block;text-align:center;margin-top:7px;color:var(--muted)}
.kds-summary{display:flex;gap:20px}.kds-summary span{font-size:12px;color:var(--muted)}.kds-summary b{font-size:18px;color:var(--ink);display:block}.kds-summary .warn b{color:var(--red)}.ticket-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.ticket{background:#fff;border:1px solid var(--line);border-radius:14px;overflow:hidden;box-shadow:0 5px 16px #1823340b}.ticket.late{border-color:#eb9797}.ticket-head{padding:14px;background:var(--navy);color:#fff;display:flex;justify-content:space-between}.ticket.late .ticket-head{background:#9f2727}.ticket-head h3{margin:3px 0 0}.ticket-head small{color:#a8bdd4}.ticket-time{font-size:18px;font-weight:850}.ticket-meta{display:flex;justify-content:space-between;padding:9px 14px;background:#f0f4f7;font-size:10px;font-weight:800;text-transform:uppercase;color:#607083}.ticket-items{padding:8px 14px}.ticket-item{padding:8px 0;border-bottom:1px solid #edf0f3;display:grid;grid-template-columns:23px 1fr;gap:5px}.ticket-item b{font-size:14px}.ticket-item span{font-size:12px}.ticket-item small{grid-column:2;color:#b05c00}.ticket-actions{padding:10px 14px}.ticket-actions button{width:100%;border:0;border-radius:9px;padding:10px;background:var(--blue2);color:var(--blue);font-weight:850}.ticket.done{opacity:1;filter:none;border-color:#b8d9f2}.ticket.done .ticket-head{background:#e8f5ff;color:#123958}.ticket.done .ticket-head small{color:#557895}.ticket.done .ticket-actions{background:#f5fbff;color:#176ca5}
.metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:18px}.metrics.reports{grid-template-columns:repeat(3,1fr)}.metrics article{background:#fff;border:1px solid var(--line);border-top:4px solid var(--navy);border-radius:13px;padding:17px}.metrics article:nth-child(2){border-top-color:var(--blue)}.metrics article:nth-child(3){border-top-color:var(--green)}.metrics article:nth-child(4){border-top-color:#855fd1}.metrics article.blue{border-top-color:#20a5c7}.metrics article.gold{border-top-color:var(--gold)}.metrics span,.metrics small{display:block;color:var(--muted);font-size:11px}.metrics b{display:block;font-size:25px;margin:7px 0}.metrics .up{color:var(--green)}.data-card{background:#fff;border:1px solid var(--line);border-radius:14px;padding:18px}.check-rows .row{display:grid;grid-template-columns:1fr 1fr 1fr 1fr auto;align-items:center;gap:10px;padding:13px;border-top:1px solid #edf0f3}.row strong,.row span,.row small{display:block}.row small{color:var(--muted);font-size:11px}.pill{display:inline-block!important;width:max-content;background:#fff2cf;color:#946300;border-radius:10px;padding:5px 8px;font-size:10px!important;font-weight:800}.pill.success{background:#e8f8f1;color:var(--green)}.report-grid{display:grid;grid-template-columns:1.6fr 1fr;gap:14px}.bars{height:230px;display:flex;align-items:flex-end;gap:14px;border-bottom:1px solid var(--line);padding:0 10px}.bars i{flex:1;background:linear-gradient(var(--blue),#62b4ef);border-radius:7px 7px 0 0;min-height:8px}.axis{display:flex;justify-content:space-around;color:var(--muted);font-size:10px;margin-top:7px}.payment-list p{display:grid;grid-template-columns:12px 1fr auto;gap:10px;align-items:center;border-bottom:1px solid #edf0f3;padding:14px 0;margin:0;font-size:12px}.payment-list i{width:10px;height:10px;border-radius:50%;background:var(--green)}.payment-list i.qris{background:var(--blue)}.payment-list i.card{background:var(--gold)}
.report-export-actions{display:flex;gap:8px}.whatsapp-button{border:0;border-radius:9px;padding:10px 15px;background:#1fa855;color:#fff;font-weight:800}.whatsapp-button:disabled{opacity:.6}.report-export-actions button{white-space:nowrap}
.report-type-bar{margin-bottom:12px;overflow:auto}.report-types{width:max-content;min-width:100%}.report-types button{flex:1;white-space:nowrap}.report-controls{margin-bottom:18px}.report-pane{display:none}.report-pane.active{display:block}.audit-metrics{grid-template-columns:repeat(3,1fr)}.audit-table{width:100%;border-collapse:collapse;min-width:760px}.audit-table th,.audit-table td{text-align:left;padding:12px;border-bottom:1px solid #e8edf2;font-size:12px;vertical-align:top}.audit-table th{font-size:10px;text-transform:uppercase;color:var(--muted);background:#f7f9fb}.audit-table td small{display:block;color:var(--muted);margin-top:3px}.audit-table .money-out{color:var(--red);font-weight:850}.audit-table .waste-qty{color:#9a6400;font-weight:850}
.settings-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:15px}.settings-grid h3{margin-top:0}.settings-grid label{display:block;font-size:12px;font-weight:750;margin:14px 0}.settings-grid input{display:block;margin-top:6px}.setting-help{font-size:12px;line-height:1.5;color:var(--muted)}.setting-row{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #edf0f3;padding:14px 0}.setting-row b,.setting-row small{display:block;font-size:12px}.setting-row small{color:var(--muted);margin-top:4px}.toggle{width:42px;height:24px;background:#cad1da;border:0;border-radius:12px;position:relative;flex:none}.toggle:after{content:"";position:absolute;width:18px;height:18px;border-radius:50%;background:#fff;top:3px;left:3px;transition:.2s}.toggle.on{background:var(--green)}.toggle.on:after{left:21px}.settings-grid .wide{margin-top:9px}
.modal{position:fixed;z-index:100;inset:0;background:#061224aa;display:grid;place-items:center;padding:20px}.modal-card{position:relative;background:#fff;border-radius:20px;padding:26px;width:min(520px,100%);box-shadow:0 30px 80px #0008}.modal-card h2{margin:6px 0}.modal-card>p{color:var(--muted);margin-top:0}.modal-close{position:absolute;right:17px;top:15px;border:0;background:#edf1f5;border-radius:50%;width:32px;height:32px;font-size:21px}.modifier-group{margin-top:20px}.modifier-group h4{display:flex;justify-content:space-between;margin:0 0 8px}.modifier-group h4 small{color:var(--muted);font-weight:500}.option-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}.option{border:1px solid var(--line);background:#fff;border-radius:10px;padding:12px;text-align:left}.option small{display:block;color:var(--muted);margin-top:3px}.option.active{border-color:var(--blue);background:var(--blue2);color:var(--blue)}.note-label{display:block;font-size:12px;font-weight:750;margin:18px 0}.note-label input{display:block;margin-top:6px}.payment-modal{width:min(570px,100%)}.payment-total{display:flex;justify-content:space-between;padding:18px;background:var(--navy);color:#fff;border-radius:12px;margin:16px 0}.payment-total b{font-size:23px}.split-tools{display:grid;grid-template-columns:repeat(4,1fr);gap:5px}.split-tools button{font-size:10px;padding:9px 5px}.pay-methods{display:grid;grid-template-columns:repeat(3,1fr);gap:9px}.pay-methods button{border:1px solid var(--line);background:#fff;border-radius:11px;padding:15px;font-size:20px}.pay-methods b{display:block;font-size:11px;margin-top:5px}.pay-methods button.active{border-color:var(--blue);background:var(--blue2);color:var(--blue)}.denoms{display:grid;grid-template-columns:repeat(4,1fr);gap:7px;margin-top:12px}.denoms button{border:0;background:#edf2f6;border-radius:8px;padding:10px;font-weight:750}.toast{position:fixed;z-index:200;top:28px;left:50%;transform:translate(-50%,-130px);background:var(--navy);color:#fff;border-radius:12px;padding:12px 20px;box-shadow:var(--shadow);font-size:12px;font-weight:700;transition:.3s}.toast.show{transform:translate(-50%,0)}
.printer-modal{width:min(620px,100%);max-height:92vh;overflow:auto}.printer-scan-tabs{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;margin:14px 0}.printer-scan-tabs button{border:1px solid var(--line);background:#fff;border-radius:10px;padding:10px;font-weight:750}.printer-scan-tabs button.active{background:var(--blue2);border-color:var(--blue);color:var(--blue)}.scan-status{display:flex;align-items:center;gap:10px;background:#f2f6f9;border-radius:12px;padding:12px;color:var(--muted);font-size:12px}.scan-status i{width:11px;height:11px;border-radius:50%;background:var(--green)}.scan-status.scanning i{background:transparent;border:2px solid #b9c7d5;border-top-color:var(--blue);animation:spin .8s linear infinite}.printer-results{display:grid;gap:8px;margin:10px 0}.printer-result{display:grid;grid-template-columns:38px 1fr auto;gap:10px;align-items:center;width:100%;border:1px solid var(--line);background:#fff;border-radius:12px;padding:12px;text-align:left}.printer-result:hover{border-color:var(--blue);background:var(--blue2)}.printer-result small{display:block;color:var(--muted);margin-top:3px}.printer-result em{font-style:normal;font-size:11px;font-weight:800;color:var(--blue)}.device-icon{display:grid;place-items:center;width:36px;height:36px;border-radius:10px;background:var(--blue2);color:var(--blue);font-size:18px}.manual-printer{border-top:1px solid var(--line);padding-top:12px;margin-top:12px}.manual-printer h4{margin:0 0 8px}.manual-printer>div{display:grid;grid-template-columns:1fr 100px;gap:8px}.confirm-check{display:flex!important;gap:10px;align-items:flex-start;background:#fff4f4;border:1px solid #f0b8b8;border-radius:12px;padding:12px;color:#8c2525;font-size:12px;font-weight:700}.confirm-check input{width:auto!important;margin:2px 0 0!important}.reset-modal .danger{background:#a52b2b;color:#fff;border-color:#a52b2b}@keyframes spin{to{transform:rotate(360deg)}}
.checkout-charges{border:1px solid var(--line);border-radius:14px;padding:12px;margin:14px 0;background:#f7f9fb}.checkout-charges>div{display:flex;align-items:center;justify-content:space-between;padding:9px 3px;border-bottom:1px solid #e5eaf0}.checkout-charges>div:last-of-type{border-bottom:0}.checkout-charges span b,.checkout-charges span small{display:block}.checkout-charges span small{color:var(--muted);margin-top:2px}.checkout-charges p{font-size:11px;line-height:1.45;color:var(--muted);margin:10px 3px 0}.payment-breakdown{display:grid;gap:6px;margin:10px 0}.payment-breakdown>div{display:flex;justify-content:space-between;font-size:12px}.check-detail-modal{width:min(560px,100%)}.check-status{display:flex;justify-content:space-between;align-items:center;border-radius:12px;padding:13px;background:#fff5dd;color:#8b6200}.check-status.paid{background:#e9f8f1;color:var(--green)}.receipt-lines{margin:12px 0}.receipt-line{padding:9px 0;border-bottom:1px dashed var(--line)}.receipt-line small{display:block;color:var(--muted);margin:3px 0 0 21px}.detail-total{display:flex;justify-content:space-between;align-items:center;background:var(--navy);color:#fff;border-radius:11px;padding:13px;margin:12px 0}.detail-total b{font-size:20px}.paid-meta{display:grid;grid-template-columns:1fr auto;gap:7px;padding:10px 0;font-size:12px}.paid-meta span{color:var(--muted)}
@media(max-width:1100px){.menu-grid{grid-template-columns:repeat(3,1fr)}.order-layout.view.active{grid-template-columns:minmax(430px,1fr) 350px}.ticket-grid{grid-template-columns:repeat(3,1fr)}.settings-grid{grid-template-columns:1fr 1fr}.metrics{grid-template-columns:1fr 1fr}.floor-grid{grid-template-columns:repeat(4,1fr)}}
@media(max-width:760px){.app{grid-template-columns:1fr}.sidebar{inset:auto 0 0;width:100%;height:68px;flex-direction:row}.side-brand,.profile{display:none}.sidebar nav{flex-direction:row;padding:6px;overflow:auto}.nav-item{min-width:70px;min-height:56px;flex:1}.nav-item b{font-size:17px}.nav-item i{top:2px;right:5px}.workspace{grid-column:1;padding-bottom:68px}.topbar{height:78px;padding:0 14px}.topbar h2{font-size:18px}.status-bar>span:not(.online-dot),.status-bar time{display:none}#quickNew{padding:8px 10px;font-size:11px}.order-layout.view.active{display:block;padding:0}.catalog{padding:14px}.menu-grid{grid-template-columns:repeat(2,1fr)}.check-panel{position:relative;top:0;max-height:none;min-height:500px;border-left:0;border-top:1px solid var(--line)}.view{padding:14px}.ticket-grid{grid-template-columns:1fr}.settings-grid,.report-grid,.metrics.reports,.audit-metrics{grid-template-columns:1fr}.floor-grid{grid-template-columns:repeat(2,1fr);padding:18px;gap:14px}.view-toolbar{align-items:flex-start;gap:12px;flex-wrap:wrap}.legend{display:none}.report-export-actions{width:100%;display:grid;grid-template-columns:1fr 1fr}.check-rows .row{grid-template-columns:1fr 1fr}.role-grid{grid-template-columns:1fr 1fr}.login-card{padding:25px}.pin-row{grid-template-columns:1fr}.service-tabs{overflow:auto}.service-tabs .subtle{margin-left:0;white-space:nowrap}}
.role-grid{grid-template-columns:repeat(3,1fr)}.recipe-metrics{grid-template-columns:repeat(4,1fr)}.recipe-layout{display:grid;grid-template-columns:320px 1fr;gap:15px}.recipe-list-card{padding:15px}.recipe-list{display:flex;flex-direction:column;gap:8px}.recipe-row{border:1px solid var(--line);background:#fff;border-radius:11px;padding:12px;text-align:left;display:flex;justify-content:space-between;gap:10px}.recipe-row.active{border-color:var(--blue);background:var(--blue2)}.recipe-row b,.recipe-row small{display:block}.recipe-row small{color:var(--muted);margin-top:3px}.recipe-row strong{font-size:12px;color:var(--blue)}.recipe-detail-head{display:flex;justify-content:space-between;gap:15px;align-items:flex-start;border-bottom:1px solid var(--line);padding-bottom:16px}.recipe-detail-head h3{margin:4px 0}.recipe-detail-head p{margin:0;color:var(--muted);font-size:12px}.yield-control{display:flex;align-items:center;gap:7px;background:#edf2f6;padding:5px;border-radius:10px}.yield-control button{width:32px;height:32px;border:0;border-radius:8px;background:#fff;font-weight:900}.yield-control b{min-width:70px;text-align:center}.recipe-costs{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:16px 0}.recipe-costs div{background:#f5f7f9;border-radius:11px;padding:12px}.recipe-costs span,.recipe-costs b{display:block}.recipe-costs span{font-size:10px;color:var(--muted);text-transform:uppercase}.recipe-costs b{margin-top:5px}.recipe-lines{width:100%;border-collapse:collapse}.recipe-lines th,.recipe-lines td,.inventory-table th,.inventory-table td,.permission-table th,.permission-table td{text-align:left;padding:11px;border-bottom:1px solid #e8edf2;font-size:12px}.recipe-lines th,.inventory-table th,.permission-table th{font-size:10px;text-transform:uppercase;color:var(--muted);background:#f7f9fb}.recipe-lines input{width:90px;border:1px solid var(--line);border-radius:7px;padding:7px}.table-wrap{overflow:auto}.inventory-table,.permission-table{width:100%;border-collapse:collapse;min-width:760px}.stock-low{color:var(--red);font-weight:800}.stock-ok{color:var(--green);font-weight:800}.mini-actions{display:flex;gap:5px}.mini-actions button{border:1px solid var(--line);background:#fff;border-radius:7px;padding:6px 8px;font-size:10px}.movement-list{display:flex;flex-direction:column}.movement-row{display:grid;grid-template-columns:150px 1fr 130px 110px;gap:12px;padding:12px;border-bottom:1px solid var(--line);font-size:12px}.movement-row small{color:var(--muted)}.movement-row .minus{color:var(--red);font-weight:800}.movement-row .plus{color:var(--green);font-weight:800}.permission-table th:not(:first-child),.permission-table td:not(:first-child){text-align:center}.permission-check{width:22px;height:22px;accent-color:var(--blue)}.permission-check:disabled{opacity:.8}.authority-note{margin-top:15px;border-left:4px solid var(--gold)}.authority-note h3{margin-top:0}.authority-note p{color:var(--muted);margin-bottom:0}.nav-item[hidden]{display:none!important}.access-metrics{grid-template-columns:repeat(3,1fr)}
@media(max-width:900px){.recipe-layout{grid-template-columns:1fr}.recipe-metrics{grid-template-columns:1fr 1fr}.movement-row{grid-template-columns:1fr 1fr}.access-metrics{grid-template-columns:1fr}}
.staff-admin-panel{margin-top:15px;border-top:4px solid var(--blue)}.staff-table{width:100%;border-collapse:collapse;min-width:760px}.staff-table th,.staff-table td{text-align:left;padding:12px;border-bottom:1px solid #e8edf2;font-size:12px}.staff-table th{font-size:10px;text-transform:uppercase;color:var(--muted);background:#f7f9fb}.staff-avatar{display:inline-grid;place-items:center;width:34px;height:34px;border-radius:50%;background:var(--blue2);color:var(--blue);font-weight:900;margin-right:8px}.staff-name{display:flex;align-items:center}.pin-mask{font-family:monospace;letter-spacing:3px;color:var(--muted)}.security-actions{display:flex;gap:6px;flex-wrap:wrap}.security-actions button{border:1px solid var(--line);background:#fff;border-radius:7px;padding:7px 9px;font-size:10px;font-weight:750}.security-actions button.warning{color:#9a6400;background:#fff9e8}.security-actions button.danger-mini{color:var(--red);background:#fff1f1}.role-grid{grid-template-columns:repeat(4,1fr)}
@media(max-width:600px){.role-grid{grid-template-columns:repeat(2,1fr)}}
.menu-grid.list-mode{grid-template-columns:1fr 1fr}.menu-grid.list-mode .menu-card{min-height:92px;flex-direction:row;align-items:center;justify-content:flex-start;gap:14px}.menu-grid.list-mode .menu-card b{margin-top:0}.toast.error{background:#a82f36}.toggle{border:0;padding:0;cursor:pointer}.toast{max-width:calc(100vw - 32px);text-align:center}
.menu-photo{width:50px;height:50px;border-radius:11px;object-fit:cover;background:#eef3f7}.settings-grid textarea,.form-grid input,.form-grid select,.settings-grid textarea{display:block;width:100%;margin-top:6px;border:1px solid var(--line);padding:12px;border-radius:10px;background:#fff;font:inherit}.receipt-logo-preview,.product-photo-preview{min-height:86px;border:1px dashed #b9c6d3;border-radius:12px;background:#f7f9fb;display:flex;align-items:center;justify-content:center;gap:12px;padding:12px;color:var(--muted);font-size:11px}.receipt-logo-preview img{width:110px;height:64px;object-fit:contain}.product-photo-preview{margin:14px 0;min-height:140px}.product-photo-preview img{max-width:100%;height:130px;object-fit:contain;border-radius:10px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:15px 0}.form-grid label{font-size:12px;font-weight:750}.reservation-metrics{grid-template-columns:repeat(5,1fr)}.reservation-rows,.catalog-rows{display:flex;flex-direction:column}.reservation-row{display:grid;grid-template-columns:1fr 1.2fr 1.2fr .8fr auto auto;gap:12px;align-items:center;padding:13px;border-top:1px solid #edf0f3;font-size:12px}.reservation-row b,.reservation-row strong,.reservation-row small{display:block}.reservation-row small{color:var(--muted);margin-top:3px}.pill.ready{background:#eaf4ff;color:var(--blue)}.pill.cancelled{background:#fff0f0;color:var(--red)}.reservation-report-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:14px}.reservation-report-grid table{width:100%;border-collapse:collapse;min-width:560px}.reservation-report-grid th,.reservation-report-grid td{font-size:11px;text-align:left;padding:9px;border-bottom:1px solid var(--line)}.catalog-row{display:grid;grid-template-columns:54px 1.5fr .7fr auto 1fr auto;gap:12px;align-items:center;padding:12px;border-top:1px solid #edf0f3;font-size:12px}.catalog-row>img,.catalog-row>i{width:48px;height:48px;border-radius:10px;object-fit:cover;background:var(--blue2)}.catalog-row>i{display:grid;place-items:center;font-size:22px;font-style:normal}.catalog-row b,.catalog-row small{display:block}.catalog-row small{color:var(--muted);margin-top:3px}
@media(max-width:1100px){.reservation-metrics{grid-template-columns:repeat(3,1fr)}.reservation-row{grid-template-columns:1fr 1fr 1fr}.catalog-row{grid-template-columns:50px 1fr auto}.reservation-report-grid{grid-template-columns:1fr}}
@media(max-width:760px){.form-grid{grid-template-columns:1fr}.reservation-metrics{grid-template-columns:1fr 1fr}.reservation-row{grid-template-columns:1fr 1fr}.catalog-row{grid-template-columns:48px 1fr}.catalog-row .mini-actions{grid-column:1/-1}.receipt-logo-preview{flex-direction:column}}
.app{grid-template-columns:118px 1fr}.sidebar{width:118px}.sidebar nav{padding:12px 10px;gap:7px;overflow-y:auto;scrollbar-width:none}.sidebar nav::-webkit-scrollbar{display:none}.nav-item{min-height:68px;font-size:12.5px;font-weight:800;gap:5px;padding:7px 4px}.nav-item b{font-size:26px;line-height:1}.nav-item span{line-height:1.15;text-align:center}.payment-modal{max-height:94vh;overflow-y:auto}.denoms{grid-template-columns:repeat(3,1fr)}.split-panel{margin:12px 0;padding:13px;border:1px solid #bad8ee;background:#f4faff;border-radius:13px}.split-panel>p{margin:0 0 10px;color:var(--muted);font-size:12px}.split-item-list{display:grid;gap:7px;max-height:190px;overflow:auto}.split-item{display:flex;align-items:center;gap:9px;border:1px solid var(--line);background:#fff;border-radius:10px;padding:10px;font-size:12px}.split-item input{width:19px;height:19px;accent-color:var(--blue)}.split-item b,.split-item small{display:block}.split-item small{color:var(--muted);margin-top:2px}.split-item.paid{opacity:.55;background:#edf6f1}.split-input{display:block;font-size:12px;font-weight:750}.split-input input{display:block;width:100%;margin-top:6px;border:1px solid var(--line);border-radius:9px;padding:11px}.split-summary{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;margin-top:10px}.split-summary span{background:#fff;border-radius:9px;padding:9px;color:var(--muted);font-size:10px}.split-summary b{display:block;color:var(--ink);font-size:13px;margin-top:3px}.transaction-success{width:min(620px,100%);text-align:center;padding:34px;background:linear-gradient(180deg,#fff 0,#f5faff 100%)}.success-icon{display:grid;place-items:center;width:76px;height:76px;margin:0 auto 14px;border-radius:50%;background:linear-gradient(135deg,#1db06e,#0e8753);color:#fff;font-size:40px;font-weight:900;box-shadow:0 12px 28px #14935e35}.transaction-success h2{font-size:27px;margin:8px 0}.transaction-success>p{margin:0;color:var(--muted)}.success-total{margin:22px 0 12px;padding:18px;border-radius:15px;background:var(--navy);color:#fff}.success-total span,.success-total b{display:block}.success-total span{font-size:11px;text-transform:uppercase;letter-spacing:1px;color:#aecaE5}.success-total b{font-size:36px;margin-top:5px}.success-details{display:grid;grid-template-columns:1fr 1fr;gap:10px}.success-details div{padding:14px;border:1px solid var(--line);border-radius:12px;background:#fff}.success-details span,.success-details b{display:block}.success-details span{font-size:11px;color:var(--muted)}.success-details b{margin-top:5px;font-size:18px}.transaction-success blockquote{margin:18px 0;padding:14px;color:#506174;font-style:italic;border-left:4px solid var(--blue);background:#fff;text-align:left;border-radius:0 10px 10px 0}.success-actions{display:grid;grid-template-columns:1fr 1.4fr;gap:9px}
@media(max-width:760px){.app{grid-template-columns:1fr}.sidebar{width:100%}.nav-item{font-size:11.5px;min-height:56px}.nav-item b{font-size:20px}.split-summary{grid-template-columns:1fr}.success-details,.success-actions{grid-template-columns:1fr}.transaction-success{padding:26px}.success-total b{font-size:30px}}
.ticket-head p{margin:5px 0 0;font-size:11px;font-weight:700}

/* Advanced POS operations v3.20 */
.toolbar-actions,.management-actions{display:flex;gap:8px;flex-wrap:wrap}.advanced-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.advanced-list{display:grid;gap:8px}.advanced-row{display:grid;grid-template-columns:minmax(130px,1.2fr) minmax(120px,1fr) auto;gap:12px;align-items:center;padding:12px;border:1px solid var(--line);border-radius:11px;background:#fff;font-size:12px}.advanced-row b,.advanced-row small{display:block}.advanced-row small{color:var(--muted);margin-top:3px;line-height:1.4}.advanced-actions{display:flex;gap:6px;flex-wrap:wrap;justify-content:flex-end}.advanced-actions button{border:1px solid var(--line);background:#fff;border-radius:8px;padding:8px 10px;font-size:11px;font-weight:800}.advanced-actions button.danger{background:#fff1f1;color:var(--red)}.print-status{display:inline-flex;align-items:center;border-radius:999px;padding:5px 8px;font-size:10px;font-weight:850}.print-status.sent{background:#e8f8ef;color:#13784c}.print-status.failed{background:#fff0f0;color:#a82f36}.print-status.pending{background:#fff7de;color:#8b6200}.customer-order-link{display:grid;grid-template-columns:1fr auto;gap:8px;align-items:end;padding:10px 18px;border-bottom:1px solid var(--line);background:#f8fafc}.customer-order-link label{font-size:11px;font-weight:800}.customer-order-link select,.checkout-promotion input{display:block;width:100%;margin-top:5px;border:1px solid var(--line);border-radius:9px;padding:10px;background:#fff}.checkout-promotion{display:grid;grid-template-columns:1fr auto auto;gap:8px;align-items:end;padding:12px;background:#f4faff;border:1px solid #bad8ee;border-radius:12px}.checkout-promotion label{font-size:11px;font-weight:800}.checkout-promotion small{grid-column:1/-1;color:var(--muted)}.void-item-actions{display:flex;justify-content:space-between;align-items:center;gap:8px;padding:9px 0;border-bottom:1px dashed var(--line)}.void-item-actions button{border:1px solid #f0b8b8;background:#fff4f4;color:#a52b2b;border-radius:8px;padding:7px 9px;font-size:10px;font-weight:850}.management-actions{margin:12px 0}.management-actions button{flex:1}.expiry-warning{color:#a82f36;font-weight:800}.expiry-ok{color:#13784c;font-weight:800}
@media(max-width:900px){.advanced-grid{grid-template-columns:1fr}.advanced-row{grid-template-columns:1fr}.advanced-actions{justify-content:flex-start}.checkout-promotion{grid-template-columns:1fr 1fr}.checkout-promotion label{grid-column:1/-1}}

/* Tablet readability: larger operational data without changing the dashboard structure. */
.inventory-table td,.recipe-lines td,.audit-table td,.staff-table td,.permission-table td,.reservation-report-grid td{font-size:14px;line-height:1.45;padding:14px 12px}
.inventory-table th,.recipe-lines th,.audit-table th,.staff-table th,.permission-table th,.reservation-report-grid th{font-size:11.5px;line-height:1.35;padding:12px}
.inventory-table td:first-child b,.recipe-lines td:first-child b,.audit-table td b,.staff-table td b{font-size:15px;font-weight:850;line-height:1.35}
.inventory-table td small,.recipe-lines td small,.audit-table td small,.staff-table td small,.reservation-report-grid td small{font-size:12.5px;line-height:1.4}
.recipe-row{padding:14px}.recipe-row b{font-size:14.5px;font-weight:850}.recipe-row small{font-size:12.5px;line-height:1.4}.recipe-row strong{font-size:14px}
.recipe-detail-head p,.recipe-costs span{font-size:12.5px;line-height:1.4}.recipe-costs b{font-size:15px}.recipe-lines input{font-size:14px}
.movement-row{padding:14px 12px;font-size:14px;line-height:1.4}.movement-row b{font-size:15px;font-weight:850}.movement-row small{font-size:12.5px;line-height:1.4}
.check-rows .row{padding:15px 13px;line-height:1.4}.check-rows .row strong,.check-rows .row span{font-size:14px}.check-rows .row small{font-size:12.5px;line-height:1.4}.check-rows .pill{font-size:11.5px!important}
.payment-list p{font-size:14px;line-height:1.4}.metrics span,.metrics small{font-size:12.5px;line-height:1.4}
.reservation-row,.catalog-row{padding:15px 13px;font-size:14px;line-height:1.4}.reservation-row b,.reservation-row strong,.catalog-row b,.catalog-row strong{font-size:15px;font-weight:850}.reservation-row small,.catalog-row small{font-size:12.5px;line-height:1.4}
.setting-row b{font-size:14.5px;font-weight:850}.setting-row small,.setting-help{font-size:12.5px;line-height:1.5}
.printer-row-actions{display:flex;align-items:center;gap:8px;flex:none}.printer-row-actions button{min-height:38px}.printer-delete{border:1px solid #e8b6bd;background:#fff4f5;color:#b42334;border-radius:9px;padding:8px 11px;font-weight:800}.printer-delete:active{transform:scale(.97)}
.cart-item h4{font-size:14.5px;font-weight:850}.cart-item p{font-size:12.5px;line-height:1.4}.cart-item strong{font-size:13.5px}.check-totals div{font-size:13.5px}
.menu-card b{font-size:14.5px}.menu-card small{font-size:12.5px}.menu-card strong{font-size:14.5px}
.ticket-item span{font-size:13.5px}.ticket-item small{font-size:12px;line-height:1.4}.ticket-meta{font-size:11.5px}
.mini-actions button,.security-actions button{font-size:11.5px;min-height:36px}.pill{font-size:11.5px!important}
@media(max-width:1100px){.recipe-layout{grid-template-columns:1fr}.inventory-table,.audit-table,.staff-table,.permission-table{min-width:820px}.movement-row{grid-template-columns:135px 1fr 120px 100px}}
@media(max-width:900px){.movement-row{grid-template-columns:1fr 1fr}.reservation-row,.catalog-row{font-size:13.5px}}

/* Premium navy login experience */
.login-screen{
  position:relative;isolation:isolate;overflow:auto;
  background:
    radial-gradient(circle at 50% 34%,rgba(31,93,139,.92) 0,rgba(13,53,88,.9) 33%,rgba(5,20,43,.98) 74%),
    linear-gradient(145deg,#041329 0,#0b3155 52%,#06162f 100%);
}
.login-screen:before{
  z-index:-2;opacity:.7;background-size:48px 48px;
  background-image:linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px);
}
.login-screen:after{
  content:"";position:fixed;z-index:-1;inset:0;pointer-events:none;
  background:radial-gradient(circle at 18% 82%,rgba(20,120,201,.18),transparent 34%),radial-gradient(circle at 88% 10%,rgba(89,171,230,.12),transparent 30%);
}
.login-card{
  color:#f7fbff;
  background:linear-gradient(145deg,rgba(14,48,81,.96),rgba(5,22,46,.96));
  border:1px solid rgba(188,220,245,.2);
  box-shadow:0 32px 90px rgba(0,8,24,.58),inset 0 1px 0 rgba(255,255,255,.07);
  backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);
}
.login-card .brand-lockup{border-bottom-color:rgba(188,220,245,.17)}
.login-card .brand-lockup img{filter:saturate(1.14) brightness(1.08) drop-shadow(0 8px 20px rgba(0,0,0,.25))}
.login-card .brand-lockup p{color:#b9d5eb;text-shadow:0 1px 2px rgba(0,0,0,.35)}
.login-card .login-copy .eyebrow{color:#76c8ff}
.login-card .login-copy h1{color:#fff;text-shadow:0 2px 10px rgba(0,0,0,.25)}
.login-card .login-copy p{color:#bfd0e1;line-height:1.55}
.login-screen .role{
  min-height:54px;color:#e9f2fa;background:rgba(255,255,255,.07);
  border-color:rgba(190,218,241,.22);font-weight:850;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.04);
}
.login-screen .role:hover{background:rgba(255,255,255,.12);border-color:rgba(126,199,247,.48)}
.login-screen .role.active{
  color:#fff;background:linear-gradient(135deg,#1787da,#0d67b0);
  border-color:#79caff;box-shadow:0 9px 22px rgba(0,96,176,.38),inset 0 1px 0 rgba(255,255,255,.25);
}
.login-screen .pin-row input{
  min-height:54px;color:#10233b;background:rgba(248,252,255,.97);
  border-color:rgba(255,255,255,.65);font-weight:750;box-shadow:inset 0 1px 2px rgba(4,23,47,.08);
}
.login-screen .pin-row input::placeholder{color:#667b91}
.login-screen .pin-row input:focus{border-color:#75c8ff;box-shadow:0 0 0 4px rgba(62,171,239,.22)}
.login-screen #loginBtn{
  min-height:54px;color:#fff;background:linear-gradient(135deg,#2196e6,#0d68b4);
  border:1px solid rgba(134,207,255,.6);box-shadow:0 10px 24px rgba(0,91,165,.36);
}
.login-screen #loginBtn:hover{background:linear-gradient(135deg,#32a3ed,#1477c6)}
.login-card footer{color:#9fb5ca;letter-spacing:.25px}
@media(max-width:600px){.login-screen{padding:18px}.login-card{padding:24px 20px;border-radius:22px}.brand-lockup img{height:82px}.login-copy{margin:22px 0 16px}.login-copy h1{font-size:26px}}

.license-gate{position:fixed;inset:0;z-index:10000;display:grid;place-items:center;padding:24px;overflow:auto;background:radial-gradient(circle at 50% 20%,rgba(25,126,199,.38),transparent 42%),linear-gradient(145deg,#061426 0%,#0b2945 52%,#071b31 100%)}
.license-gate.hidden{display:none!important}
.license-card{width:min(620px,100%);padding:34px;border:1px solid rgba(170,214,245,.22);border-radius:26px;color:#edf7ff;background:rgba(7,27,49,.88);box-shadow:0 28px 70px rgba(0,0,0,.42);backdrop-filter:blur(16px)}
.license-brand{display:flex;align-items:center;gap:18px;padding-bottom:22px;border-bottom:1px solid rgba(170,214,245,.18);color:#71c7ff;font-size:13px;font-weight:900;letter-spacing:1.8px}
.license-brand img{width:118px;max-height:70px;object-fit:contain;filter:brightness(1.12) drop-shadow(0 7px 18px rgba(0,0,0,.25))}
.license-card h1{margin:24px 0 8px;color:#fff;font-size:32px}.license-card>p{margin:0 0 22px;color:#bcd0e0;line-height:1.55}
.license-card label{display:block;margin:16px 0 8px;color:#d8e9f5;font-weight:850}.license-device{display:grid;grid-template-columns:1fr auto;gap:10px}
.license-device code,.license-card textarea{border:1px solid rgba(174,213,241,.28);border-radius:13px;background:rgba(255,255,255,.08);color:#fff;font:700 15px/1.4 ui-monospace,SFMono-Regular,Consolas,monospace}
.license-device code{display:flex;align-items:center;min-height:52px;padding:12px 14px;letter-spacing:.8px;overflow-wrap:anywhere}
.license-device button{min-width:112px;border-color:rgba(127,199,246,.5);color:#e8f6ff;background:rgba(38,135,201,.22);font-weight:850}
.license-card textarea{width:100%;min-height:112px;padding:14px;resize:vertical;overflow-wrap:anywhere}.license-card textarea:focus{outline:none;border-color:#58b9f3;box-shadow:0 0 0 4px rgba(64,170,234,.18)}
.license-message{min-height:24px;margin:12px 0!important;color:#92dbad!important;font-size:14px;font-weight:700}.license-message.error{color:#ff9f9f!important}
.license-card .wide{width:100%;min-height:54px;background:linear-gradient(135deg,#2098e6,#086bb8);font-size:17px;font-weight:900}.license-card small{display:block;margin-top:15px;text-align:center;color:#8fa9bd}
@media(max-width:600px){.license-gate{padding:14px}.license-card{padding:24px 20px;border-radius:21px}.license-card h1{font-size:26px}.license-device{grid-template-columns:1fr}.license-device button{min-height:46px}.license-brand{gap:12px}.license-brand img{width:98px}}
.license-info-card{margin-bottom:18px;border-top:4px solid #168bd0}.license-info-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.license-info-grid>div{min-height:78px;padding:14px;border:1px solid #dbe6ee;border-radius:13px;background:#f7fafc}.license-info-grid small{display:block;margin-bottom:7px;color:#6e8090;font-size:13px;font-weight:700}.license-info-grid b{display:block;color:#172b40;font-size:16px;overflow-wrap:anywhere}.license-status{display:inline-flex;align-items:center;padding:8px 14px;border-radius:999px;font-size:13px;font-weight:900}.license-status.active{color:#11754f;background:#e7f8f0}.license-status.expired{color:#ac3838;background:#fdecec}@media(max-width:760px){.license-info-grid{grid-template-columns:1fr 1fr}}@media(max-width:480px){.license-info-grid{grid-template-columns:1fr}}