:root{--bg: #f3f4f6;--surface: #ffffff;--border: #e5e7eb;--text: #111827;--muted: #6b7280;--primary: #2563eb;--danger: #dc2626;--warn-bg: #fef3c7;--warn: #92400e;--ok: #047857;--navy-900: #09263d;--navy-800: #0f3452;--navy-700: #18476b;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;font-size:14px;color:var(--text)}*{box-sizing:border-box}html,body,#root{margin:0;height:100%}body{background:var(--bg)}button{font:inherit;border:1px solid var(--border);background:var(--surface);border-radius:6px;padding:6px 10px;cursor:pointer;display:inline-flex;align-items:center;gap:6px;color:var(--text)}button:hover:not(:disabled){border-color:#cbd5e1;background:#f9fafb}button:disabled{opacity:.45;cursor:default}button.primary{background:var(--primary);border-color:var(--primary);color:#fff}button.primary:hover:not(:disabled){background:#1d4ed8}button.ghost{background:transparent;border-color:transparent}button.danger{background:var(--danger);border-color:var(--danger);color:#fff}button.danger:hover:not(:disabled){background:#b91c1c;border-color:#b91c1c}button.pay-button,button.danger,button.primary{color:#fff}button.link{border:none;background:none;padding:0;font-weight:600}button.on{border-color:var(--primary);color:var(--primary);background:#eff6ff}input{font:inherit;border:1px solid var(--border);border-radius:6px;padding:6px 8px;width:100%;min-width:0}input[type=checkbox],input[type=radio]{width:auto}select{font:inherit;border:1px solid var(--border);border-radius:6px;padding:6px 8px;background:var(--surface);color:var(--text)}.icon-select{width:auto}.swatch{width:28px;height:28px;padding:0;border-width:2px}.swatch.on{outline:2px solid var(--primary);outline-offset:1px}.seg{flex-wrap:wrap}.canvas-wrap.drawing{cursor:crosshair}.shell{display:flex;height:100%}.sidebar{width:210px;flex-shrink:0;display:flex;flex-direction:column;gap:16px;padding:16px 12px;background:var(--navy-900);color:#e5e7eb}.sidebar .brand{padding:0 8px;font-size:22px}.sidebar nav{display:flex;flex-direction:column;gap:2px;flex:1 1 auto;min-height:0;overflow-y:auto}.sidebar nav button{width:100%;justify-content:flex-start;gap:10px;padding:9px 10px;background:transparent;border-color:transparent;color:#d1d5db}.sidebar nav button:hover:not(:disabled){background:var(--navy-800);border-color:transparent}.sidebar nav button.on{background:var(--navy-800);color:#fff;border-color:transparent;box-shadow:inset 3px 0 #00b875}.main,.content{flex:1;min-width:0;min-height:0;display:flex;flex-direction:column}.topbar{display:flex;align-items:center;justify-content:flex-end;gap:12px;flex-shrink:0;padding:6px 16px;background:var(--surface);border-bottom:1px solid var(--border)}.user-menu{position:relative}.user-menu-button{gap:10px;padding:4px 8px;background:transparent;border-color:transparent}.user-menu-button:hover:not(:disabled),.user-menu-button[aria-expanded=true]{background:var(--bg);border-color:var(--border)}.user-menu-who{display:flex;flex-direction:column;align-items:flex-start;line-height:1.2;min-width:0}.user-menu-who strong{max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.user-menu-who .muted{font-size:12px}.avatar{width:32px;height:32px;border-radius:50%;flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;background:var(--navy-900);color:#fff;font-size:13px;font-weight:600}.user-menu-list{position:absolute;right:0;top:calc(100% + 6px);z-index:50;min-width:180px;width:max-content;display:flex;flex-direction:column;padding:6px;gap:2px;background:var(--surface);border:1px solid var(--border);border-radius:10px;box-shadow:0 8px 24px #0000001f}.user-menu-list button{justify-content:flex-start;background:transparent;border-color:transparent}.user-menu-list button:hover:not(:disabled){background:var(--bg)}.user-menu-list .danger-text{color:#b91c1c}.brand{font-weight:700;font-size:18px;letter-spacing:.02em}.logo{display:inline-flex;align-items:center;gap:.35em}.logo.light{color:#fff}.logo.dark{color:var(--navy-900)}.logo-mark{width:1.15em;height:1.15em;flex-shrink:0}.logo-word{display:inline-flex;align-items:baseline;font-weight:800;line-height:1;letter-spacing:.02em}.logo-a{display:inline-block;height:.72em;width:auto}.login{height:100%;display:grid;place-items:center;padding:16px}.login-card{width:100%;max-width:360px;display:flex;flex-direction:column;gap:14px;background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:28px;box-shadow:0 10px 30px #11182714}.login-card .brand{font-size:30px}.login-card button{justify-content:center;padding:9px}.alert{padding:8px 10px;border-radius:6px;background:#eff6ff;color:#1e3a8a;font-size:13px}.alert.error{background:#fef2f2;color:#991b1b}.error-text{color:var(--danger)}.page{display:flex;flex-direction:column;flex:1;min-width:0;min-height:0}.page-body{flex:1;min-width:0;overflow:auto;padding:16px}.page-body.narrow{max-width:520px;display:flex;flex-direction:column;gap:16px}.card{background:var(--surface);border:1px solid var(--border);border-radius:8px;padding:16px;display:flex;flex-direction:column;gap:10px}.panel form{display:flex;flex-direction:column;gap:20px}table.data{width:100%;border-collapse:collapse;background:var(--surface);border:1px solid var(--border);border-radius:8px}table.data th,table.data td{padding:10px 12px;text-align:left;border-bottom:1px solid var(--border)}table.data th{font-size:12px;color:var(--muted);font-weight:600;text-transform:uppercase;letter-spacing:.03em}table.data th.center,table.data td.center{text-align:center}table.data tbody tr{cursor:pointer}table.data tbody tr:hover{background:#f9fafb}table.data tbody tr.on{background:#eff6ff}table.data tr.inactive td{color:var(--muted)}table.data td .pill{margin-left:6px}.perm-list{display:flex;flex-direction:column;gap:8px}.perm{display:flex;gap:8px;align-items:flex-start;cursor:pointer}.perm input{margin-top:3px}.perm>span{display:flex;flex-direction:column;gap:2px}.facts{display:grid;grid-template-columns:auto 1fr;gap:6px 16px;margin:0}.facts dt{color:var(--muted)}.facts dd{margin:0}.tabs{display:flex;gap:4px;flex-wrap:wrap}.design{display:flex;flex:1;min-height:0}.areas{width:200px;flex-shrink:0;padding:12px;background:var(--surface);border-right:1px solid var(--border);display:flex;flex-direction:column;gap:8px}.areas ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:4px}.areas li button{width:100%;justify-content:flex-start}.areas form{display:flex;flex-direction:column;gap:6px;margin-top:auto}h3{margin:0 0 8px;font-size:13px;text-transform:uppercase;letter-spacing:.04em;color:var(--muted)}.editor,.operation{display:flex;flex-direction:column;flex:1;min-width:0;min-height:0}.toolbar{display:flex;align-items:center;gap:12px;flex-wrap:wrap;padding:8px 12px;background:var(--surface);border-bottom:1px solid var(--border)}.toolbar .group{display:flex;align-items:center;gap:4px}.toolbar .label{color:var(--muted);margin-right:4px}.spacer{flex:1}.check{display:inline-flex;align-items:center;gap:6px;cursor:pointer}.pill{padding:3px 10px;border-radius:999px;background:#f3f4f6;color:var(--muted);font-size:12px;white-space:nowrap}.pill.warn{background:var(--warn-bg);color:var(--warn)}.pill.ok{background:#d1fae5;color:var(--ok)}.banner{display:flex;align-items:center;gap:8px;padding:8px 12px;background:#eff6ff;border-bottom:1px solid #bfdbfe}.banner span{flex:1}.banner.warn{background:var(--warn-bg);border-color:#fcd34d}.editor-body{display:flex;flex:1;min-height:0}.canvas-wrap{flex:1;min-width:0;position:relative;overflow:hidden;touch-action:none}.empty{flex:1;display:grid;place-items:center;color:var(--muted)}.panel{width:280px;flex-shrink:0;overflow-y:auto;background:var(--surface);border-left:1px solid var(--border);padding:12px;display:flex;flex-direction:column;gap:20px}.panel section{display:flex;flex-direction:column;gap:8px}.field{display:flex;flex-direction:column;gap:4px;flex:1;min-width:0}.field>span{color:var(--muted);font-size:12px}.row{display:flex;gap:8px}.seg{display:flex;gap:4px}.muted{color:var(--muted);margin:0}.hint{color:var(--muted);font-size:12px;margin:0}.list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:6px}.list li{display:flex;align-items:center;gap:6px}.list li span{flex:1}.legend{display:flex;gap:10px;flex-wrap:wrap;font-size:12px;color:var(--muted)}.legend span{display:inline-flex;align-items:center;gap:4px}.legend i{width:12px;height:12px;border-radius:3px;border:2px solid;display:inline-block}textarea{font:inherit;border:1px solid var(--border);border-radius:6px;padding:6px 8px;width:100%;resize:vertical}.menu-categories .cat-row{display:flex;align-items:center;gap:2px}.menu-categories .cat-row>button{flex:1;min-width:0;justify-content:space-between}.menu-categories .count{color:var(--muted);font-size:12px}.reorder{display:inline-flex}.reorder button{padding:2px 5px;font-size:10px;color:var(--muted)}.category-header{display:flex;flex-direction:column;gap:8px;margin-bottom:16px}.category-header .row{align-items:flex-end;flex-wrap:wrap}.category-header .field{max-width:320px}.category-header .check{padding-bottom:7px}.category-header .banner{border-radius:8px;border:1px solid #fcd34d}.product-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:12px}.product-card{background:var(--surface);border:1px solid var(--border);border-radius:10px;overflow:hidden;display:flex;flex-direction:column}.product-card.on{border-color:var(--primary);box-shadow:0 0 0 1px var(--primary)}.product-card.unavailable .product-main{opacity:.5}.product-card.unavailable strong{text-decoration:line-through}.product-main{border:none;border-radius:0;padding:0;flex-direction:column;align-items:stretch;gap:0;background:none}.product-main:hover:not(:disabled){background:#f9fafb}.product-info{display:flex;flex-direction:column;gap:2px;padding:10px 12px 4px;text-align:left}.product-info .price{color:var(--muted)}.product-actions{display:flex;align-items:center;justify-content:space-between;padding:4px 8px 8px 12px;font-size:12px}.product-card.add{align-items:center;justify-content:center;min-height:190px;border-style:dashed;color:var(--muted);flex-direction:column;gap:4px;cursor:pointer}.product-card.add span{font-size:28px}.thumb{display:block;width:100%;aspect-ratio:4 / 3;object-fit:cover;background:#f3f4f6}.thumb.placeholder{display:grid;place-items:center;font-size:28px;font-weight:700;color:var(--navy-700);background:#e8eef4}.thumb.large{width:96px;border-radius:8px;flex-shrink:0}.thumb.large.placeholder{font-size:22px}.image-field{display:flex;gap:12px;align-items:center}.image-actions{display:flex;flex-direction:column;align-items:flex-start;gap:4px}.file-button{border:1px solid var(--border);border-radius:6px;padding:6px 10px;cursor:pointer;background:var(--surface)}.file-button:hover{background:#f9fafb}.file-button input{display:none}.row.line{align-items:center}.row.line input.money{width:96px;flex-shrink:0}.modifier-group{border:1px solid var(--border);border-radius:8px;padding:10px;display:flex;flex-direction:column;gap:8px}.danger-text{color:var(--danger);align-self:flex-start}.panel.product-panel{width:360px}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#09263d73;display:grid;place-items:center;padding:16px;z-index:50}.modal{background:var(--surface);border-radius:12px;width:100%;max-width:440px;max-height:calc(100vh - 32px);max-height:calc(100dvh - 32px);display:flex;flex-direction:column;box-shadow:0 20px 50px #00000040;overflow:hidden}.modal.wide{max-width:1100px;height:calc(100vh - 32px);height:calc(100dvh - 32px)}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;border-bottom:1px solid var(--border);font-size:16px}.modal-body{padding:16px;display:flex;flex-direction:column;gap:14px;overflow-y:auto}.modal-body p{margin:0}.modal-actions{display:flex;align-items:center;justify-content:space-between;gap:12px}.modal-actions .primary{flex:1;justify-content:center;padding:10px}.guest-picks{display:grid;grid-template-columns:repeat(6,1fr);gap:6px}.guest-picks button{justify-content:center;padding:12px 0;font-size:16px}.stepper{align-self:flex-start;display:inline-flex;align-items:center;border:1px solid var(--border);border-radius:8px;overflow:hidden}.stepper button{border:none;border-radius:0;padding:6px 12px;font-size:16px}.stepper span{min-width:32px;text-align:center;font-weight:600}fieldset{border:1px solid var(--border);border-radius:8px;padding:8px 12px;margin:0;display:flex;flex-direction:column;gap:2px}legend{font-weight:600;padding:0 4px}.choice{display:flex;align-items:center;gap:8px;padding:6px 0;cursor:pointer}.choice>span:nth-child(2){flex:1}.product-dialog-head{display:flex;gap:12px;align-items:center}.order-taker{display:flex;flex:1;min-height:0}.order-menu{flex:1;min-width:0;min-height:0;display:flex;flex-direction:column}.category-tabs{padding:10px 12px;border-bottom:1px solid var(--border)}.category-tabs button{padding:8px 14px}.pick-grid{flex:1;min-height:0;overflow-y:auto;padding:12px;display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));grid-auto-rows:max-content;gap:10px;align-content:start}.pick{flex-direction:column;align-items:stretch;padding:0;overflow:hidden;border-radius:10px;gap:0;text-align:left}.pick .pick-name{padding:8px 10px 0;font-weight:600}.pick .muted{padding:2px 10px 10px}.order-cart{width:340px;flex-shrink:0;border-left:1px solid var(--border);display:flex;flex-direction:column;padding:12px;gap:10px;min-height:0}.cart-lines{list-style:none;margin:0;padding:0;overflow-y:auto;flex:1;display:flex;flex-direction:column;gap:8px}.cart-lines li{display:flex;flex-direction:column;gap:6px;border-bottom:1px solid var(--border);padding-bottom:8px}.cart-line-actions{justify-content:space-between;align-items:center}.cart-line-actions .stepper button{padding:2px 8px}.breakdown{display:flex;flex-direction:column;gap:2px;width:100%}.bd-main{display:flex;gap:6px;align-items:baseline}.bd-name{flex:1;font-weight:600}.bd-total{font-weight:600;white-space:nowrap}.bd-row{display:flex;justify-content:space-between;gap:8px;padding-left:32px;font-size:12px;color:var(--muted)}.cart-line-main .bd-row{padding-left:0}.bd-row span:last-child{white-space:nowrap}.bd-sub{font-style:normal}.cart-line-main{width:100%;border:none;padding:0;background:none;text-align:left}.note{color:var(--warn);font-size:12px;font-style:italic}.cart-footer{margin-top:auto;display:flex;flex-direction:column;gap:8px}.cart-total{display:flex;justify-content:space-between;align-items:baseline;font-size:15px}button.big{justify-content:center;padding:12px;font-size:15px}.table-order{display:flex;flex-direction:column;gap:10px}.order-meta{display:flex;gap:6px;align-items:baseline;flex-wrap:wrap}.order-items ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:6px}.order-items li{display:block}.order-items .qty{font-weight:600;min-width:26px}.order-items .desc{flex:1;display:flex;flex-direction:column}.round-label{font-size:11px;text-transform:uppercase;color:var(--muted);margin:8px 0 4px;letter-spacing:.04em}button.pay-button{background:var(--ok);border-color:var(--ok)}button.pay-button:hover:not(:disabled){background:#065f46}.pay-total{display:flex;justify-content:space-between;align-items:baseline;font-size:18px}.pay-total strong{font-size:26px}.pay-methods{display:flex;flex-direction:column;gap:8px}.pay-method{justify-content:flex-start;gap:14px;padding:14px;text-align:left}.pay-method>span:last-child{display:flex;flex-direction:column}.pay-icon{width:36px;height:36px;border-radius:8px;background:#eef2f7;display:grid;place-items:center;font-weight:700;color:var(--navy-900)}.pay-cash{display:flex;flex-direction:column;gap:12px}.pay-cash input{font-size:20px;padding:10px}.pay-cash .row{flex-wrap:wrap}.pay-change{font-size:16px}.pay-qr{display:flex;flex-direction:column;align-items:center;gap:10px;text-align:center}.pay-qr img{width:260px;height:260px;image-rendering:pixelated;border:1px solid var(--border);border-radius:8px}.pay-qr img.faded{opacity:.25}.qr-placeholder{width:260px;height:260px;display:grid;place-items:center;color:var(--muted);border:1px dashed var(--border);border-radius:8px}.pay-status{font-weight:600}.pay-status.approved{color:var(--ok)}.pay-status.rejected,.pay-status.expired,.pay-status.canceled{color:var(--danger)}.pay-done{display:flex;flex-direction:column;align-items:center;gap:8px;text-align:center}.pay-check{width:56px;height:56px;border-radius:50%;background:#d1fae5;color:var(--ok);display:grid;place-items:center;font-size:30px}.pay-done .primary{align-self:stretch}.page-body.settings{max-width:860px;display:flex;flex-direction:column;gap:16px}.warn-alert{background:var(--warn-bg);color:var(--warn)}.provider-card h2{margin:0 0 4px;font-size:17px}.provider-head{display:flex;justify-content:space-between;gap:12px;align-items:flex-start}.provider-head p{margin:0}.provider-badges{display:flex;gap:6px;flex-shrink:0}.provider-fields{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:14px}.secret-set{display:flex;gap:8px;align-items:center}.provider-actions{align-items:center;flex-wrap:wrap}.devices{display:flex;flex-direction:column;gap:12px;max-width:1100px}.devices code{font-size:13px}.devices td .pill{margin-left:0}.devices td strong+.pill{margin-left:6px}.device-editor .row{flex-wrap:wrap;align-items:flex-end}@media (max-width: 900px){.order-taker{flex-direction:column}.order-cart{width:auto;border-left:none;border-top:1px solid var(--border);max-height:45%}.shell{flex-direction:column}.sidebar{width:auto;display:grid;grid-template-columns:auto 1fr;align-items:center;grid-template-areas:"brand by" "nav nav";gap:6px 12px;padding:8px 12px}.sidebar-brand{grid-area:brand;margin:0;padding:4px 8px}.sidebar-brand img{max-height:34px}.sidebar-by{grid-area:by;padding:0}.sidebar nav{grid-area:nav;flex-direction:row;overflow-x:auto;overflow-y:hidden}.sidebar nav button{width:auto;white-space:nowrap}.sidebar nav button.on{box-shadow:inset 0 -3px #00b875}.design{flex-direction:column}.areas{width:auto;border-right:none;border-bottom:1px solid var(--border)}.areas ul{flex-direction:row;flex-wrap:wrap}.areas li button{width:auto}.editor-body{flex-direction:column}.canvas-wrap{min-height:360px}.panel{width:auto;border-left:none;border-top:1px solid var(--border)}}.printers{display:flex;flex-direction:column;gap:12px;max-width:1100px;align-items:flex-start}.printers table.data{width:100%}.printers td strong+.pill{margin-left:6px}.row.wrap{flex-wrap:wrap}.kstatus{padding:2px 8px;border-radius:999px;font-size:11px;font-weight:600;white-space:nowrap;background:#f3f4f6;color:var(--muted)}.kstatus.preparing{background:var(--warn-bg);color:var(--warn)}.kstatus.ready{background:#d1fae5;color:var(--ok)}.bd-main .kstatus{align-self:center}.kitchen-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:14px;align-items:start}.ticket{background:var(--surface);border:1px solid var(--border);border-top:6px solid var(--primary);border-radius:10px;display:flex;flex-direction:column;box-shadow:0 1px 2px #0000000d}.ticket.warn{border-top-color:#f59e0b}.ticket.late{border-top-color:var(--danger)}.ticket.late .ticket-time strong{color:var(--danger)}.ticket.done{border-top-color:var(--ok);opacity:.8}.ticket header{display:flex;justify-content:space-between;gap:8px;padding:10px 12px;border-bottom:1px solid var(--border)}.ticket-table{font-size:20px;font-weight:700;display:flex;align-items:center;gap:8px}.ticket-pos{font-size:12px;font-weight:700;background:var(--navy-800);color:#fff;border-radius:6px;padding:2px 6px}.ticket-time{display:flex;flex-direction:column;align-items:flex-end;white-space:nowrap}.ticket-time strong{font-size:18px}.ticket-flag{background:var(--warn-bg);color:var(--warn);font-size:12px;font-weight:600;padding:4px 12px}.ticket ul{list-style:none;margin:0;padding:6px;display:flex;flex-direction:column;gap:4px}.kitem{width:100%;display:flex;align-items:flex-start;gap:10px;text-align:left;padding:8px;border-radius:8px;border:1px solid transparent;background:transparent;font-size:15px;min-height:44px}.kitem:hover{background:#f9fafb;border-color:var(--border)}.kitem.preparing{background:#fffbeb;border-color:#fde68a}.kitem.ready{background:#ecfdf5}.kitem.ready .kname{text-decoration:line-through;color:var(--muted)}.kqty{font-size:18px;font-weight:800;min-width:24px;text-align:right}.kname{flex:1;display:flex;flex-direction:column;gap:2px}.kmods{font-size:13px;color:var(--muted)}.knote{font-size:13px;color:var(--warn);font-style:italic;font-weight:600}.kitem .kstatus{margin-top:3px}.ticket footer{display:flex;gap:8px;justify-content:flex-end;padding:8px 12px 12px;margin-top:auto}.station-tabs{padding-right:8px;margin-right:4px;border-right:1px solid var(--border)}.station-tag{display:inline-block;margin:2px 0;font-size:11px;font-weight:600;padding:2px 8px;border-radius:999px;background:#eef2ff;color:#3730a3}.station-tag.bar{background:#fce7f3;color:#9d174d}.station-tag.cashier{background:#dcfce7;color:#166534}.cat-station{font-size:12px;margin-left:auto;margin-right:6px}.station-field select{min-width:140px}.pay-summary{display:flex;gap:8px}.pay-summary>div{flex:1;display:flex;flex-direction:column;padding:8px 10px;border:1px solid var(--border);border-radius:8px}.pay-summary span{font-size:12px;color:var(--muted)}.pay-summary strong{font-size:20px}.ok-text strong{color:var(--ok)}.pay-history{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:4px;font-size:13px}.pay-history li{display:flex;justify-content:space-between;gap:8px;color:var(--ok)}.split-tabs button{flex:1}.split-tabs{display:flex}.split-equal .row{align-items:center;gap:10px}.split-items{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:4px;max-height:46vh;overflow-y:auto}.split-items li{display:grid;grid-template-columns:1fr auto 90px;gap:10px;align-items:center;padding:6px 8px;border:1px solid var(--border);border-radius:8px}.split-items li.on{border-color:var(--primary);background:#eff6ff}.split-items li.paid{opacity:.55}.split-items li.paid strong{text-decoration:line-through}.split-item-name{display:flex;gap:8px;align-items:flex-start;text-align:left;background:none;border:none;padding:0;justify-content:flex-start}.split-item-name>span:last-child{display:flex;flex-direction:column}.split-amount{text-align:right;font-weight:600}.paid-line{font-size:13px;color:var(--ok)}.discount{display:flex;flex-direction:column;gap:12px}.discount .row.wrap button{font-size:13px}.discount-preview{display:flex;justify-content:space-between;gap:8px;padding:10px 12px;background:#f9fafb;border:1px solid var(--border);border-radius:8px;flex-wrap:wrap}.cart-total.sub-line{font-size:13px;color:var(--muted)}.cart-total.discount-line{font-size:13px;color:var(--ok)}.cart-total.discount-line span:first-child{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.audit td{vertical-align:top;font-size:13px}.audit tbody tr{cursor:default}.audit-detail{max-width:380px}.nowrap{white-space:nowrap}.split-amount-field input{font-size:20px;padding:10px}.counter-tab{margin-left:8px;border-style:dashed}.editor-body.counter{display:flex}.counter-main{flex:1;overflow-y:auto;padding:16px;display:flex;flex-direction:column;gap:12px}.counter-head{display:flex;align-items:center;justify-content:space-between;gap:12px}.counter-head h3{margin:0}.counter-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:10px}.counter-card{display:flex;flex-direction:column;align-items:stretch;gap:4px;text-align:left;padding:12px;border:1px solid var(--border);border-radius:10px;background:var(--surface);min-height:110px;justify-content:flex-start}.counter-card.on{border-color:var(--navy-800);box-shadow:0 0 0 2px var(--navy-800) inset}.counter-card.closed{opacity:.7}.counter-card-top{display:flex;justify-content:space-between;align-items:center;gap:6px}.counter-card-top strong{font-size:22px}.counter-name{font-weight:600}.counter-total{display:flex;justify-content:space-between;align-items:center;font-weight:700;margin-top:auto}.station-tag.counter-tag{background:#fef3c7;color:var(--warn)}button.deliver-button{background:var(--navy-800);border-color:var(--navy-800);color:#fff}button.deliver-button:hover:not(:disabled){background:var(--navy-900)}.counter-card.ready{border-color:#10b981;box-shadow:0 0 0 1px #10b981 inset}.toolbar input.search{min-width:280px}.customers-body{display:flex;gap:16px;align-items:flex-start;flex-wrap:wrap}.customers-body>table.data{flex:2 1 560px}.customer-panel{flex:1 1 360px;display:flex;flex-direction:column;gap:10px}.customer-panel h3,.customer-panel h4{margin:0}.customer-form{display:flex;flex-direction:column;gap:10px}.customer-form .row.wrap .field{flex:1 1 180px}table.data tr.selected{background:#eff6ff}table.data.compact td{padding:6px 8px;font-size:13px}.link-customer{align-self:stretch;display:flex;flex-direction:column;gap:8px;text-align:left;border-top:1px solid var(--border);padding-top:12px;margin-top:4px}.link-customer form.row input{flex:1}.store-brand{display:flex;align-items:center;justify-content:center}.store-brand img{max-width:100%;object-fit:contain;display:block}.store-brand.text{font-weight:800;font-size:20px;text-align:center}.sidebar-brand{background:#fff;border-radius:10px;padding:8px 10px;margin:0 4px}.sidebar-brand img{max-height:64px}.sidebar-brand.text{color:var(--navy-900)}.login-brand img{max-height:120px;max-width:280px}.by-nodal{display:inline-flex;align-items:center;gap:4px;font-size:11px;color:var(--muted);text-decoration:none;letter-spacing:.02em}.by-nodal strong{letter-spacing:.08em}.by-nodal .by-mark{width:13px;height:13px}.sidebar-by{color:#9ca3af;justify-content:center;padding:6px 0 2px}.login-by{align-self:center;margin-top:6px}.store-panel{display:flex;flex-direction:column;gap:14px;max-width:640px}.store-panel .card{display:flex;flex-direction:column;gap:10px}.store-panel .card h3{margin:0}.store-panel .row input{flex:1}.logo-preview{display:flex;align-items:center;justify-content:center;min-height:120px;padding:16px;border:1px dashed var(--border);border-radius:8px;background:#fff}.logo-preview img{max-height:160px;max-width:100%}.date-range{display:inline-flex;align-items:center;gap:6px;font-size:13px;color:var(--muted)}.date-range input{width:auto}.metrics{gap:16px}.stat-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:12px}.stat{background:var(--surface);border:1px solid var(--border);border-radius:8px;padding:12px 16px;display:flex;flex-direction:column;gap:2px}.stat strong{font-size:24px;font-variant-numeric:tabular-nums}.product-bars{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:6px}.product-bars li{display:grid;grid-template-columns:22px minmax(120px,220px) 1fr auto;align-items:center;gap:10px}.product-bars.compact li{grid-template-columns:18px minmax(90px,160px) 1fr auto;font-size:13px}.product-bars .rank{color:var(--muted);font-size:12px;text-align:right;font-variant-numeric:tabular-nums}.product-bars .name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.product-bars .bar-track{height:12px}.product-bars .bar{display:block;height:100%;min-width:2px;background:var(--navy-700);border-radius:0 4px 4px 0}.product-bars .value{white-space:nowrap;font-variant-numeric:tabular-nums}.month-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(340px,1fr));gap:20px}.month h3{margin:0 0 8px}.hour-chart{display:flex;align-items:stretch;gap:2px;height:200px;padding-top:8px;border-bottom:1px solid var(--border)}.hour-col{position:relative;flex:1;min-width:22px;display:flex;flex-direction:column;justify-content:flex-end;align-items:center;gap:4px;padding:0 0 4px;background:transparent;border:none;border-radius:6px;cursor:pointer}.hour-col:hover:not(:disabled){background:var(--bg);border-color:transparent}.hour-bar{width:70%;max-width:36px;min-height:0;background:var(--navy-700);border-radius:4px 4px 0 0}.hour-col.on .hour-bar{background:#00b875}.hour-value,.hour-label{font-size:11px;color:var(--muted);font-variant-numeric:tabular-nums}.hour-col.on .hour-label{color:var(--text);font-weight:600}.hour-col .tooltip{position:absolute;bottom:calc(100% - 24px);left:50%;transform:translate(-50%);z-index:5;pointer-events:none;width:max-content;max-width:240px;padding:8px 10px;text-align:left;font-size:12px;line-height:1.4;background:var(--navy-900);color:#fff;border-radius:6px;box-shadow:0 6px 16px #0000002e}.hour-detail{display:flex;flex-direction:column;gap:6px}.hour-detail h3,.metrics .card h2{margin:0}.metrics .card>.row{align-items:baseline;gap:12px}.cash-close{gap:16px}.cash-close h2,.cash-close h3{margin:0}.cash-close .card>.row{align-items:baseline;gap:10px}.cash-totals{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:16px}.stat.highlight{border-color:#00b875;box-shadow:inset 3px 0 #00b875}table.data th.num,table.data td.num{text-align:right;font-variant-numeric:tabular-nums}table.data tfoot th{color:var(--text);font-size:13px;text-transform:none;letter-spacing:0;border-top:2px solid var(--border);border-bottom:none}.toolbar .date-input{width:auto}.cd{position:fixed;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;overflow:hidden;background:var(--navy-900);color:#fff;font-size:clamp(16px,2.2vmin,28px)}.cd h1{margin:0;font-size:2.4em;line-height:1.1}.cd p{margin:0}.cd-logo{max-height:2.6em;max-width:30vw;object-fit:contain;background:#fff;border-radius:12px;padding:.3em .6em}.cd-logo.big{max-height:32vh;max-width:60vw;padding:1em 1.6em;border-radius:20px}.cd-name{font-size:1.4em}.cd-name.big{font-size:3em}.cd-idle{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.8em;text-align:center;padding:1em}.cd-idle p{color:#9fb3c8;font-size:1.2em}.cd-header{display:flex;align-items:center;justify-content:space-between;gap:1em;padding:.8em 1.2em;border-bottom:1px solid var(--navy-700)}.cd-header>span{font-size:1.3em;font-weight:600;color:#cfe0ef}.cd-order{flex:1;min-height:0;display:flex;flex-direction:column}.cd-order-body{flex:1;min-height:0;display:grid;grid-template-columns:minmax(0,1.6fr) minmax(0,1fr)}.cd-items{list-style:none;margin:0;padding:.6em 1.2em;overflow-y:auto;display:flex;flex-direction:column;gap:.2em}.cd-items li{display:grid;grid-template-columns:2.6em 1fr auto;align-items:baseline;gap:.6em;padding:.45em 0;border-bottom:1px solid rgb(255 255 255 / .08)}.cd-items li.pending{color:#cfe0ef}.cd-items li.pending .cd-qty{color:#00b875}.cd-qty{font-weight:700;font-variant-numeric:tabular-nums}.cd-item-name{display:flex;flex-direction:column;min-width:0}.cd-item-name small{color:#9fb3c8;font-size:.75em}.cd-amount{font-variant-numeric:tabular-nums;white-space:nowrap}.cd-empty{color:#9fb3c8;border:none!important;display:block!important}.cd-totals{display:flex;flex-direction:column;justify-content:flex-end;gap:.5em;padding:1.2em;background:var(--navy-800);font-variant-numeric:tabular-nums}.cd-totals>div{display:flex;justify-content:space-between;gap:1em;color:#cfe0ef}.cd-discount{color:#7ee2b8!important}.cd-total{align-items:baseline;padding-top:.5em;border-top:1px solid var(--navy-700);color:#fff!important;font-size:1.3em}.cd-total strong{font-size:2em}.cd-due{color:#fff!important;font-size:1.15em}.cd-qr{flex:1;min-height:0;display:flex;flex-direction:column}.cd-qr-body{flex:1;min-height:0;display:flex;align-items:center;justify-content:center;gap:2.4em;padding:1em 1.6em;flex-wrap:wrap}.cd-qr-body img,.cd-qr-placeholder{width:min(62vmin,520px);height:min(62vmin,520px);background:#fff;border-radius:16px;padding:.6em}.cd-qr-body img.faded{opacity:.25}.cd-qr-placeholder{display:flex;align-items:center;justify-content:center;color:var(--navy-900)}.cd-qr-text{display:flex;flex-direction:column;gap:.5em;max-width:22em}.cd-qr-text p{color:#9fb3c8}.cd-qr-amount{font-size:3em;font-weight:700;font-variant-numeric:tabular-nums}.cd-qr-status{font-size:1.2em;color:#cfe0ef}.cd-qr-status.ok{color:#00b875;font-weight:700}.cd-qr-status.bad{color:#fca5a5}.cd-test{align-self:flex-start;padding:.3em .7em;border-radius:999px;background:#f59e0b;color:#1f2937;font-size:.8em;font-weight:600}.cd-thanks .cd-check{width:2.6em;height:2.6em;border-radius:50%;display:flex;align-items:center;justify-content:center;background:#00b875;color:#fff;font-size:2.4em}.cd-change{color:#fff!important;font-size:1.5em!important}body.cd-hide-cursor,body.cd-hide-cursor *{cursor:none!important}@media (max-width: 700px){.cd-order-body{grid-template-columns:1fr;grid-template-rows:minmax(0,1fr) auto}}.settings-display h3{margin:6px 0 0}.screen-list{display:flex;flex-wrap:wrap;gap:8px}.screen-option{display:flex;align-items:flex-start;gap:8px;padding:10px 12px;min-width:220px;cursor:pointer;border:1px solid var(--border);border-radius:8px;background:var(--surface)}.screen-option.on{border-color:var(--primary);background:#eff6ff}.screen-option>span{display:flex;flex-direction:column}.screen-option input{width:auto;margin-top:3px}.code-block{margin:0;padding:10px 12px;overflow-x:auto;white-space:pre;-webkit-user-select:all;user-select:all;background:var(--navy-900);color:#e5e7eb;border-radius:8px;font-size:12px;line-height:1.6}.current-cash{border-color:var(--primary)}.current-cash>.row{flex-wrap:wrap}th.sortable button.link{font:inherit;color:inherit;text-transform:inherit;letter-spacing:inherit;cursor:pointer;white-space:nowrap}th.sortable[aria-sort=ascending] button.link,th.sortable[aria-sort=descending] button.link{color:var(--primary)}.cash-close tr.subtotal td{font-weight:600;color:var(--muted);border-top:1px dashed var(--border)}table.data th.sortable.num{text-align:right}.stat.shortage strong{color:var(--danger)}.audit-dates{border-top:none;padding-top:0}.inline-field{display:inline-flex;align-items:center;gap:6px;font-size:13px;color:var(--muted)}.product-bars.pickable li{cursor:pointer;border-radius:6px;padding:2px 4px}.product-bars.pickable li:hover{background:var(--bg)}.product-bars.pickable li[aria-disabled=true]{cursor:not-allowed;opacity:.6}.product-bars.pickable li.on .name{font-weight:600}.product-bars.pickable .rank{display:flex;justify-content:center}.swatch{display:inline-block;width:12px;height:12px;border-radius:3px;border:1.5px solid var(--border);vertical-align:middle;flex:none}.legend{display:flex;flex-wrap:wrap;gap:8px}.legend-item{display:inline-flex;align-items:center;gap:6px;font-size:13px;padding:4px 8px}.hour-group{display:flex;flex:1;align-items:flex-end;justify-content:center;gap:2px;width:80%;min-height:0}.hour-group .hour-bar{width:auto;flex:1;max-width:14px}.hour-chart.monthday .hour-col{min-width:16px}.tooltip .tooltip-row{display:flex;align-items:center;gap:6px}.cart-head{display:flex;flex-direction:column;align-items:flex-start;gap:6px}.cart-head h3{margin:0}.review-back,.review-next{display:none}@media (max-width: 700px){.modal-backdrop:has(>.modal.wide){padding:0}.modal.wide{height:100vh;height:100dvh;max-height:none;border-radius:0}.category-tabs{flex-wrap:nowrap;overflow-x:auto;padding:8px;-webkit-overflow-scrolling:touch}.category-tabs button{flex:none}.pick-grid{grid-template-columns:repeat(auto-fill,minmax(130px,1fr));padding:8px;gap:8px}.order-cart{max-height:none;flex:none;padding:10px 12px;gap:8px;box-shadow:0 -6px 16px #00000014}.cart-footer{margin-top:0;flex-direction:row;align-items:center}.cart-footer .cart-total{flex:1;flex-direction:column;align-items:flex-start;gap:0;font-size:13px}.cart-footer .cart-total strong{font-size:18px}.cart-footer .primary.big{flex:1.3;justify-content:center}.order-taker:not(.reviewing) .cart-lines,.order-taker:not(.reviewing) .order-cart>.muted,.order-taker:not(.reviewing) .send{display:none}.order-taker:not(.reviewing) .review-next{display:inline-flex}.order-taker:not(.reviewing) .cart-head h3{font-size:13px;color:var(--muted)}.order-taker.reviewing .order-menu{display:none}.order-taker.reviewing .order-cart{flex:1;min-height:0;border-top:none;box-shadow:none}.order-taker.reviewing .review-back{display:inline-flex;padding:6px 0;font-weight:600;color:var(--primary)}.order-taker.reviewing .cart-head h3{font-size:18px}.order-taker.reviewing .cart-footer{border-top:1px solid var(--border);padding-top:10px}}.sheet-head{display:flex;align-items:center;justify-content:space-between;gap:8px}.sheet-head h3{margin:0}.sheet-close,.sheet-backdrop{display:none}@media (max-width: 900px){.op-sheet:not(.open){display:none}.op-sheet.open{position:fixed;z-index:41;top:0;right:0;bottom:0;left:0;margin:auto;height:fit-content;width:min(460px,calc(100vw - 24px));max-height:calc(100vh - 48px);max-height:calc(100dvh - 48px);border:none;border-radius:14px;box-shadow:0 20px 50px #0000004d;padding:16px}.sheet-backdrop{display:block;position:fixed;top:0;right:0;bottom:0;left:0;z-index:40;background:#09263d73}.sheet-close{display:inline-flex;padding:4px 10px;font-size:16px}.sheet-close-float{position:sticky;top:0;align-self:flex-end;margin-bottom:-36px;z-index:1;background:var(--surface)}.op-sheet.open:has(.modal-backdrop){visibility:hidden;box-shadow:none}.op-sheet.open .modal-backdrop{visibility:visible}.editor-body:has(.op-sheet .modal-backdrop)>.sheet-backdrop{display:none}}.payment-methods h2{margin:0}.payment-methods ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column}.payment-methods li{display:flex;align-items:center;gap:10px;padding:10px 0;border-bottom:1px solid var(--border);flex-wrap:wrap}.payment-methods li:last-child{border-bottom:none}.payment-methods li .check{flex:1;min-width:220px;align-items:flex-start}.payment-methods li .check>span{display:flex;flex-direction:column}.payment-methods li.soon{opacity:.6}.payment-methods li .in-app-check{flex:0 0 auto;min-width:0;align-items:center;font-size:.9em;white-space:nowrap}.settings-subtitle{margin:8px 0 0;font-size:16px}.mp-pos{display:flex;flex-direction:column;gap:8px;padding:10px 0;border-top:1px dashed var(--border)}.mp-pos .row{align-items:center;gap:10px;flex-wrap:wrap}.mp-create{display:flex;flex-direction:column;gap:8px;padding:12px;border:1px solid var(--border);border-radius:8px;background:var(--bg)}.mp-create h3{margin:0}.point-sent{font-size:64px;line-height:1;color:var(--primary)}.stations td input:not([type=checkbox]){width:100%;min-width:120px}.stations .icon-select{width:auto;font-size:18px;padding:2px 4px}.stations tr.muted td{color:var(--muted)}.station-new{gap:8px;align-items:center}.station-new input{flex:1}.modal.wide:has(>.stations){height:auto;max-width:860px}.pay-card{display:flex;flex-direction:column;gap:12px}.pay-card .row{gap:10px}.pay-card .primary.big{flex:1;justify-content:center}fieldset.provider-fields{display:grid;border:none;padding:0;margin:0;min-width:0}fieldset.provider-fields:disabled{opacity:.5}button.release-table{color:var(--danger);border-color:#fca5a5;background:#fef2f2}button.release-table:hover:not(:disabled){background:#fee2e2;border-color:var(--danger)}.move-banner{background:#fef3c7;border-color:#fcd34d}@media (max-width: 900px){input,select,textarea{font-size:16px}html,body{overflow-x:hidden}.toolbar .group{flex-wrap:wrap;max-width:100%}}.sent-toast{position:fixed;top:0;right:0;bottom:0;left:0;margin:auto;width:min(320px,calc(100vw - 32px));height:fit-content;z-index:60;display:flex;flex-direction:column;align-items:center;gap:6px;padding:24px 20px;text-align:center;background:var(--surface);border-radius:16px;box-shadow:0 20px 50px #00000040;cursor:pointer;animation:sent-in .18s ease-out}.sent-toast strong{font-size:20px}.sent-toast span:last-child{color:var(--muted)}.sent-check{display:grid;place-items:center;width:64px;height:64px;border-radius:50%;background:#16a34a;color:#fff;font-size:36px;font-weight:700}@keyframes sent-in{0%{opacity:0;transform:scale(.92)}to{opacity:1;transform:scale(1)}}.operation .toolbar .area-tabs{gap:8px}.operation .toolbar .area-tabs button{min-height:44px;padding:8px 22px;border-radius:999px;font-size:15px;font-weight:600;background:#fff;border:2px solid var(--navy-900);color:var(--navy-900)}.operation .toolbar .area-tabs button:hover:not(.on){background:#eef2f7}.operation .toolbar .area-tabs button.on{background:var(--navy-900);border-color:var(--navy-900);color:#fff}.operation .toolbar .area-tabs .counter-tab{border-style:dashed}.operation .toolbar .area-tabs .counter-tab.on{border-style:solid}@media (max-width: 700px){.operation .toolbar .area-tabs{flex-wrap:nowrap;overflow-x:auto;max-width:100%;padding-bottom:2px;scrollbar-width:none}.operation .toolbar .area-tabs button{flex:0 0 auto}}.combo-slot-edit{border:1px solid var(--border);border-radius:10px;padding:10px;margin-bottom:10px;display:flex;flex-direction:column;gap:8px;background:#fafbfc}.combo-slot-edit select{width:100%}.combo-qty{display:flex;align-items:center;gap:6px;white-space:nowrap;color:var(--muted);font-size:13px}.combo-qty input{width:64px}.combo-options{display:flex;flex-wrap:wrap;gap:6px}.chip{display:inline-flex;align-items:center;gap:4px;padding:4px 4px 4px 10px;border-radius:999px;background:#e8eef4;color:var(--navy-900);font-size:13px;font-weight:600}.chip button{border:none;background:transparent;padding:0 6px;min-height:0;color:var(--muted)}.button-link{color:var(--primary);font-weight:600;text-decoration:none}.combo-slot .combo-choice{justify-content:space-between;cursor:default}.combo-slot legend .ok-text{color:#047857}.breakdown .bd-component{color:var(--muted)}.breakdown .bd-component span:before{content:"↳ "}.order-items li.with-cancel{display:flex;flex-direction:column}.cancel-link{color:var(--danger);font-size:12px;white-space:nowrap;padding:0 2px;align-self:flex-end}.cancelled-items ul{list-style:none;margin:0;padding:0;font-size:13px}.cancelled-items li{padding:3px 0;color:var(--muted)}.cancelled-items s{color:#b91c1c}.cancel-item .cancel-what{font-size:17px;margin:0}.cancel-item .qty-stepper{align-items:center;gap:12px}.cancel-item .qty-stepper strong{min-width:24px;text-align:center;font-size:18px}.ticket li.with-cancel{display:flex;flex-direction:column;align-items:flex-end}.ticket li.with-cancel .cancel-link{font-size:12px;margin-top:-2px}.kitem.cancelled{background:#fef2f2;border-color:#fecaca;cursor:default}.kitem.cancelled .kname s{color:#b91c1c}.kstatus.cancelled{background:#dc2626;color:#fff;font-weight:700}.ticket.cancelled{border-top-color:#dc2626}.ticket-flag.cancel-flag{background:#dc2626;color:#fff;font-size:14px;text-align:center}.cancellations h3{margin:16px 0 8px}.table-scroll{overflow-x:auto}.table-order button.big{min-height:54px;font-size:16px}.table-order button.outlined{border:2px solid var(--navy-900);color:var(--navy-900);background:#fff;font-weight:600;border-radius:10px}.table-order button.outlined:hover:not(:disabled){background:#eef2f7}.discount-section{border:1px solid var(--border);border-radius:10px;padding:12px;display:flex;flex-direction:column;gap:10px}.discount-section h3{margin:0;font-size:15px}.gift-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:6px;max-height:260px;overflow-y:auto}.gift-list li{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:6px 10px;border:1px solid var(--border);border-radius:8px}.gift-list li.on{border-color:var(--navy-900);background:#eef2f7;font-weight:600}.gift-list .gift-name{flex:1;min-width:0}.gift-current{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:4px}.gift-current li{display:flex;align-items:center;gap:10px;padding:6px 10px;background:#ecfdf5;border-radius:8px}.gift-current li>span:first-child{flex:1}.gift-current li.removed{background:#fef2f2;text-decoration:line-through;opacity:.7}.discount .qty-stepper{align-items:center;gap:10px;flex-wrap:nowrap}.discount .qty-stepper strong{min-width:22px;text-align:center;font-size:17px}.discount-types{list-style:none;margin:8px 0 0;padding:0;display:flex;flex-direction:column;gap:8px}.discount-types li{border:2px solid var(--border);border-radius:10px;padding:12px}.discount-types li.on{border-color:var(--navy-900);background:#f5f8fb}.discount-types label.check{display:flex;align-items:flex-start;gap:12px;cursor:pointer}.discount-types input{margin-top:4px;width:18px;height:18px}.discount-types .dt-icon{width:34px;height:34px;border-radius:8px;background:#eef2f7;display:grid;place-items:center;font-weight:700;color:var(--navy-900);flex:none}.discount-types strong{display:block}.alert.ok{background:#d1fae5;color:var(--ok)}.pill.danger{background:#fef2f2;color:#991b1b;white-space:normal}.premios-body{display:flex;gap:16px;align-items:flex-start;flex-wrap:wrap}.premios-redeem{flex:2 1 520px}.premios-recent{flex:1 1 320px}.premios-list{flex:2 1 560px;display:flex;flex-direction:column;gap:12px}.premio-thumb-cell{width:64px}.premio-thumb-cell .thumb{width:56px;border-radius:6px}.points-card{display:flex;flex-direction:column;gap:4px;padding:16px 20px;border-radius:12px;background:var(--navy-800);color:#fff}.points-card .muted,.points-card .hint{color:#cbd5e1;display:block}.points-card strong{font-size:40px;font-variant-numeric:tabular-nums;line-height:1.1}.premio-grid{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:12px}.premio-tile{border:1px solid var(--border);border-radius:10px;overflow:hidden;background:var(--surface);display:flex;flex-direction:column}.premio-tile.locked .thumb{opacity:.55}.premio-info{padding:10px 12px;display:flex;flex-direction:column;gap:6px}.progress{display:block;height:6px;border-radius:999px;background:#f3f4f6;overflow:hidden}.progress>span{display:block;height:100%;background:#f59e0b}.metricas-brand{display:flex;flex-direction:column;align-items:center;gap:2px;text-align:center}.metricas-brand .logo{font-size:26px}.metricas-tag{font-size:11px;font-weight:700;letter-spacing:.24em;text-transform:uppercase;color:#00b875}.metricas-store{font-size:13px;font-weight:600}.metricas-brand.light .metricas-store{color:#d1d5db}.metricas-brand.dark .metricas-store{color:var(--muted)}.sidebar-brand-metricas{padding:4px 4px 10px;margin-bottom:4px;border-bottom:1px solid var(--navy-800)}.login-brand .logo{font-size:34px}.sync-kinds{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:12px}.sync-kinds .stat{gap:4px}.code-block{background:var(--navy-900);color:#e5e7eb;border-radius:8px;padding:12px 14px;font-size:12px;overflow-x:auto;white-space:pre}