@import "https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Space+Grotesk:wght@500;600;700&display=swap";:root{color:#172329;font-synthesis:none;background:#f4f7f5;font-family:DM Sans,sans-serif}*{box-sizing:border-box}body{background:#f4f7f5;margin:0}.app-nav{border-bottom:1px solid #cddbd2;justify-content:space-between;align-items:center;gap:18px;width:min(1120px,100% - 40px);margin:16px auto 0;padding-bottom:12px;display:flex}.app-nav-brand,.app-nav-links,.app-nav-links button{align-items:center;display:flex}.app-nav-brand{color:#213b2a;gap:8px;font:800 13px DM Sans}.app-nav-brand-copy{gap:2px;display:grid}.app-nav-brand-copy strong{font:800 13px DM Sans}.app-nav-brand-copy small{color:#6f8279;letter-spacing:.08em;text-transform:uppercase;font-size:10px;font-weight:700}.app-nav-brand-mark{color:#16210d;background:#a8e85a;border-radius:8px;place-items:center;width:30px;height:30px;display:grid}.app-nav-links{gap:6px}.app-nav-links button{color:#5e7266;cursor:pointer;background:0 0;border:0;border-bottom:2px solid #0000;gap:7px;padding:10px 8px;font:700 13px DM Sans}.app-nav-links button[aria-current=page]{color:#213b2a;border-bottom-color:#4c7c32}.app-nav-settings{color:#213b2a;cursor:pointer;background:#fff;border:1px solid #aac3b1;place-items:center;width:40px;height:40px;display:grid}.app-nav-settings:hover,.app-nav-settings:focus-visible{outline-offset:2px;background:#edf5ee;outline:2px solid #b9d6b7}.app-nav-settings--synced{color:#356b24}.app-nav-settings--error{color:#9b2c1c;background:#fff2ef;border-color:#e7b8ad}.app-nav-toggle{color:#213b2a;cursor:pointer;background:#fff;border:1px solid #aac3b1;place-items:center;width:44px;height:44px;display:none}.portal-shell{width:min(1120px,100% - 40px);margin:0 auto;padding:42px 0 72px}.portal-intro{align-items:flex-start;gap:16px;margin-bottom:28px;display:flex}.portal-icon{color:#24352c;background:#dff1ad;place-items:center;width:48px;height:48px;display:grid}.portal-intro h1{margin:0;font:700 38px Space Grotesk}.portal-intro p:not(.eyebrow){color:#60736a;margin:9px 0 0;line-height:1.5}.portal-layout{gap:20px;display:grid}.logs-launch-panel p:not(.section-label){color:#60736a;margin:0;line-height:1.5}.logs-back-button{color:#213b2a;cursor:pointer;background:#fff;border:1px solid #aac3b1;align-items:center;gap:7px;margin-bottom:18px;padding:9px 11px;font:700 12px DM Sans;display:inline-flex}.manufacturer-config-panels{gap:20px;display:grid}.pos-insights{margin:0}.pos-insights div{border-top:1px solid #d8e3dd;justify-content:space-between;gap:16px;padding:13px 0;display:flex}.pos-insights dt{color:#718278;font-size:13px}.pos-insights dd{color:#24352c;text-align:right;margin:0;font-size:13px;font-weight:700}.portal-panel{background:#fff;border:1px solid #d8e3dd;border-radius:8px;padding:24px}.portal-panel-heading{justify-content:space-between;align-items:flex-start;gap:18px;margin-bottom:18px;display:flex}.portal-panel h2{margin:0;font:700 22px Space Grotesk}.portal-panel label{color:#40534a;margin-top:14px;font-size:13px;font-weight:700;display:block}.portal-panel input{color:#172329;width:100%;font:inherit;border:1px solid #9eb4a4;border-radius:4px;margin-top:7px;padding:11px;display:block}.portal-panel select{color:#172329;width:100%;font:inherit;background:#fff;border:1px solid #9eb4a4;border-radius:4px;margin-top:7px;padding:11px;display:block}.portal-fieldset{border:1px solid #cddbd2;margin:18px 0 0;padding:6px 14px 14px}.portal-fieldset legend{color:#4c7c32;padding:0 5px;font-size:12px;font-weight:800}.portal-panel input.portal-input--invalid{background:#fff2ef;border-color:#b42318}.portal-panel input.portal-input--invalid:focus{outline-offset:1px;outline:2px solid #e7b8ad}.portal-field-error{color:#9b2c1c;margin-top:7px;font-size:12px;font-weight:700;display:block}.event-subscriptions{border-top:1px solid #d8e3dd;margin-top:20px;padding-top:16px}.event-subscriptions-heading{color:#40534a;justify-content:space-between;gap:12px;font-size:13px;font-weight:800;display:flex}.event-subscriptions-heading strong{color:#64736a;font-size:11px}.event-subscriptions-heading h3{color:#24352c;margin:0;font:700 17px Space Grotesk}.event-subscriptions-status{color:#718278;margin:12px 0 0;font-size:12px}.event-subscriptions-server-state{color:#718278;background:#f4f7f5;border:1px solid #cddbd2;gap:4px;margin-top:12px;padding:9px;font-size:11px;font-weight:700;display:grid}.event-subscriptions-server-state strong{color:#24352c;overflow-wrap:anywhere;font-size:12px}.event-subscriptions-list{gap:6px;margin-top:10px;display:grid}.event-subscription-option{color:#40534a;cursor:pointer;background:#f8fbf8;border:1px solid #d8e3dd;align-items:center;gap:9px;padding:9px;margin:0!important;font-size:12px!important;display:flex!important}.event-subscription-option:has(input:checked){color:#356b24;background:#e7f2e8;border-color:#b9d6b7}.event-subscription-option input{accent-color:#4c7c32;width:16px;height:16px;margin:0}.ledger-badge--skipped{color:#64736a;background:#eef2ef;border-color:#cddbd2}.ledger-action-type{color:#718278;letter-spacing:.06em;margin-top:3px;font-size:10px;font-weight:800;display:block}.portal-command{color:#16210d;cursor:pointer;background:#a8e85a;border:2px solid #24352c;margin-top:18px;padding:11px 14px;font:800 13px DM Sans}.portal-load-command{color:#213b2a;cursor:pointer;background:#fff;border:1px solid #aac3b1;margin-top:18px;padding:10px 12px;font:800 12px DM Sans}.portal-load-command:disabled,.portal-command:disabled{cursor:wait;opacity:.55}.portal-state,.ledger-badge{border:1px solid #cddbd2;border-radius:99px;align-items:center;padding:5px 8px;font-size:11px;font-weight:800;display:inline-flex}.portal-state--synced,.ledger-badge--delivered{color:#356b24;background:#e7f2e8;border-color:#b9d6b7}.portal-state--error,.ledger-badge--failed{color:#9b2c1c;background:#fff2ef;border-color:#e7b8ad}.portal-state--loading,.ledger-badge--pending{color:#765d00;background:#fff8df;border-color:#ead592}.portal-state--idle{color:#64736a;background:#f4f7f5}.config-comparison{border-top:1px solid #d8e3dd;grid-template-columns:130px minmax(0,1fr);gap:8px 16px;margin-top:20px;padding-top:16px;font-size:13px;display:grid}.config-comparison span{color:#718278}.config-comparison strong{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.portal-alert{margin:16px 0 0;font-size:13px;font-weight:700}.portal-alert--warning{color:#765d00}.portal-alert--success{color:#356b24}.portal-alert--error{color:#9b2c1c}.ledger-controls{align-items:end;gap:10px;margin-bottom:18px;display:flex}.ledger-controls label{flex:1;margin-top:0}.ledger-clear,.ledger-refresh{color:#213b2a;cursor:pointer;background:#fff;border:1px solid #aac3b1;align-items:center;gap:6px;padding:10px;font:700 12px DM Sans;display:inline-flex}.ledger-scroll{overflow-x:auto}.ledger-scroll table{border-collapse:collapse;width:100%;min-width:780px;font-size:12px}.ledger-scroll th{color:#64736a;letter-spacing:.06em;text-align:left;text-transform:uppercase;font-size:11px}.ledger-scroll th,.ledger-scroll td{vertical-align:top;border-bottom:1px solid #d8e3dd;padding:12px 8px}.ledger-expand{color:#213b2a;cursor:pointer;background:0 0;border:0;place-items:center;display:grid}.ledger-payload-row td{background:#f4f7f5}.ledger-payload-row pre{color:#e8f1e8;background:#172329;max-height:360px;margin:0;padding:14px;font:12px/1.5 ui-monospace,SFMono-Regular,Consolas,monospace;overflow:auto}.ledger-empty{color:#718278;text-align:center}.ledger-refresh{margin-top:16px}.digital-twin-shell{width:min(1120px,100% - 40px);margin:0 auto;padding:28px 0 72px}.twin-topbar{border-bottom:1px solid #cddbd2;justify-content:space-between;align-items:center;padding-bottom:22px;display:flex}.power-control{color:#213b2a;font-size:13px;font:inherit;cursor:pointer;background:#fff;border:1px solid #aac3b1;align-items:center;gap:8px;padding:10px 13px;font-weight:700;display:flex}.power-control:hover,.power-control:focus-visible{background:#edf5ee;border-color:#466a51;outline:none}.add-machine-button{color:#16210d;cursor:pointer;background:#a8e85a;border:2px solid #24352c;align-items:center;gap:8px;padding:10px 13px;font:800 13px DM Sans;display:flex}.add-machine-button:hover,.add-machine-button:focus-visible{outline-offset:2px;background:#91d35d;outline:3px solid #dff1ad}.topbar-actions{align-items:center;gap:10px;display:flex}.twin-intro{justify-content:space-between;align-items:center;gap:35px;padding:56px 0 40px;display:flex}.eyebrow{color:#4c7c32;text-transform:uppercase;letter-spacing:.17em;margin:0 0 14px;font-size:11px;font-weight:700}.twin-intro h1{max-width:560px;margin:0;font-family:Space Grotesk;font-size:52px;line-height:1}.twin-intro p:not(.eyebrow){color:#60736a;max-width:570px;margin:16px 0 0;font-size:16px;line-height:1.7}.empty-machine-state{border-top:2px solid #24352c;max-width:620px;padding:28px 0 4px}.empty-machine-state h2{margin:0;font-family:Space Grotesk;font-size:28px}.empty-machine-state p:not(.section-label){color:#60736a;margin:12px 0 20px;line-height:1.6}.machine-status{white-space:nowrap;background:#e7f2e8;border:2px solid #92bd83;border-radius:4px;align-items:center;gap:10px;min-width:156px;padding:9px 12px;display:flex}.machine-status svg{flex:none}.machine-status span{gap:1px;display:grid}.machine-status strong{letter-spacing:.06em;font:800 13px DM Sans}.machine-status small{font-size:11px;font-weight:700}.machine-status--on{color:#356b24;background:#e7f2e8;border-color:#92bd83}.machine-status--off{color:#53635b;background:#dfe5e1;border-color:#94a59b}.machine-status--off svg{color:#64736a}.twin-workspace{grid-template-columns:minmax(0,1fr) 260px;gap:20px;display:grid}.machine-list{gap:38px;display:grid}.machine-list>.add-machine-button{justify-self:start}.machine-instance{border-top:1px solid #cddbd2;padding-top:16px}.machine-instance-controls{justify-content:flex-end;align-items:center;gap:10px;margin-bottom:12px;display:flex}.machine-instance-controls .machine-status{margin-right:auto}.remove-machine-button{color:#a54131;cursor:pointer;background:#fff;border:1px solid #d9aaa0;place-items:center;width:40px;height:40px;display:grid}.machine-settings-button{color:#213b2a;cursor:pointer;background:#fff;border:1px solid #aac3b1;place-items:center;width:40px;height:40px;display:grid}.machine-settings-button:hover,.machine-settings-button:focus-visible{outline-offset:2px;background:#edf5ee;outline:2px solid #b9d6b7}.remove-machine-button:hover,.remove-machine-button:focus-visible{outline-offset:2px;background:#fff2ef;outline:2px solid #e7b8ad}.kiosk,.twin-sidepanel{background:#ffffffeb;border:1px solid #d8e3dd;border-radius:8px;padding:26px}.kiosk-header{justify-content:space-between;align-items:center;gap:14px;margin-bottom:22px;display:flex}.section-label{color:#4c7c32;text-transform:uppercase;letter-spacing:.14em;margin:0 0 7px;font-size:11px;font-weight:700}.kiosk h2,.twin-modal h2{margin:0;font-family:Space Grotesk;font-size:24px}.kiosk-capacity{color:#64736a;text-transform:uppercase;letter-spacing:.08em;font-size:12px;font-weight:700}.kiosk-frame{background:#dfe9e1;border:2px solid #24352c;padding:20px;position:relative}.kiosk-control-deck{grid-template-columns:1fr;gap:12px;display:grid}.kiosk-console{aspect-ratio:1;background:#cbd8ce;border:1px solid #aebdb2;justify-self:center;width:min(100%,390px);padding:10px}.pos-terminal-mount{background:#d5e1d8;border:1px solid #b7c8bb;justify-self:end;align-items:stretch;width:min(100%,210px);padding:10px;display:flex}.kiosk-offline-overlay{z-index:2;color:#3f5047;letter-spacing:.04em;text-transform:uppercase;pointer-events:none;background:#dfe5e1cc;justify-content:center;align-items:center;gap:9px;font:800 14px DM Sans;display:flex;position:absolute;inset:0}.kiosk[data-powered=false] .kiosk-frame{opacity:.7}.pos-terminal{color:#f4f7f5;text-align:left;cursor:pointer;background:#3a4549;border:2px solid #111b20;grid-template-columns:auto 1fr;align-items:center;gap:12px;width:100%;min-height:116px;padding:14px 12px;font:700 15px DM Sans;display:grid;position:relative}.pos-terminal:hover,.pos-terminal:focus-visible{outline-offset:2px;background:#465357;outline:3px solid #a8e85a}.pos-terminal-led{background:#6386a8;border-radius:50%;width:8px;height:8px;position:absolute;top:12px;right:13px;box-shadow:0 0 0 2px #ffffff1a}.pos-terminal--processing .pos-terminal-led{background:#f0c94a;animation:.9s ease-in-out infinite pos-led-pulse}.pos-terminal--success .pos-terminal-led{background:#75d66a}.pos-terminal--error .pos-terminal-led{background:#ee7567}.pos-terminal-screen{color:#a8e85a;place-items:center;gap:2px;min-width:58px;display:grid}.pos-terminal-copy{gap:4px;min-width:0;display:grid}.pos-terminal-copy strong{font-size:13px}.pos-terminal-copy small{color:#c9d5cd;font-size:11px;font-weight:600}@keyframes pos-led-pulse{50%{opacity:.35}}.machine-screen{color:#dff1ad;letter-spacing:.02em;text-align:center;background:#050809;border:3px solid #111b20;justify-content:center;align-items:center;gap:9px;height:100%;min-height:0;padding:18px 24px;font:700 14px/1.45 DM Sans;display:flex}.machine-screen--blank{color:#0000}.machine-screen--warning,.machine-screen--processing{color:#f0c94a}.machine-screen--error{color:#ee7567}.machine-screen--success{color:#75d66a}.machine-screen--idle{color:#dff1ad}.machine-screen-spinner{animation:.9s linear infinite screen-spinner}@keyframes screen-spinner{to{transform:rotate(360deg)}}.pos-terminal:disabled,.kiosk-slot:disabled{cursor:not-allowed;opacity:.42;filter:grayscale()}.pos-terminal:disabled:hover,.pos-terminal:disabled:focus-visible,.kiosk-slot:disabled:hover,.kiosk-slot:disabled:focus-visible{outline:none}.slot-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-top:16px;display:grid}.slot-bay{border-top:1px solid #b7c8bb;padding-top:14px}.slot-bay-label{color:#536b5b;letter-spacing:.1em;text-transform:uppercase;margin:0 0 10px;font-size:11px;font-weight:800}.kiosk-slot{color:#172329;min-height:132px;font:inherit;cursor:pointer;border:2px solid #24352c;place-items:center;padding:24px 8px 10px;display:grid;position:relative}.kiosk-slot:hover,.kiosk-slot:focus-visible{outline-offset:2px;z-index:1;outline:3px solid #a8e85a}.kiosk-slot--empty{color:#688174;background:#f8fbf8}.kiosk-slot--occupied{background:#dff1ad}.kiosk-slot--jammed,.kiosk-slot--faulty{color:#754313;background:#f9dcb2}.slot-number{color:#5e7266;font-size:11px;font-weight:700;position:absolute;top:7px;left:9px}.slot-status{letter-spacing:.06em;text-transform:uppercase;margin-top:7px;font-size:11px;font-weight:800}.slot-battery{color:#506453;text-overflow:ellipsis;white-space:nowrap;max-width:100%;margin-top:4px;font-size:10px;overflow:hidden}.machine-details{margin:14px 0 0}.machine-details div{border-top:1px solid #d8e3dd;justify-content:space-between;gap:10px;padding:14px 0;display:flex}.machine-details dt,.machine-details dd{margin:0;font-size:13px}.machine-value--on{color:#356b24!important}.machine-value--off{color:#64736a!important}.machine-value--error{overflow-wrap:anywhere;color:#b42318!important}.machine-details dt{color:#718278}.machine-details dd{color:#24352c;text-align:right;font-weight:700}.modal-backdrop{z-index:1000;isolation:isolate;background:#1723297a;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.twin-modal{background:#fff;border:2px solid #24352c;border-radius:8px;width:min(100%,390px);padding:30px;position:relative}.twin-modal:has(fieldset){max-height:min(760px,100vh - 40px);overflow-y:auto}.twin-modal p:not(.section-label){color:#5e7266;margin:12px 0 0;line-height:1.5}.form-error{font-size:13px;font-weight:700;color:#9b2c1c!important}.tap-result{font-size:13px;font-weight:700;margin-top:16px!important}.tap-result--success{color:#356b24!important}.twin-modal label{color:#40534a;margin-top:22px;font-size:13px;font-weight:700;display:block}.twin-modal input{color:#172329;width:100%;font:inherit;border:1px solid #9eb4a4;border-radius:4px;margin-top:8px;padding:12px;display:block}.twin-modal select{color:#172329;width:100%;font:inherit;background:#fff;border:1px solid #9eb4a4;border-radius:4px;margin-top:8px;padding:12px;display:block}.twin-modal fieldset{border:1px solid #cddbd2;margin:22px 0 0;padding:8px 14px 14px}.twin-modal legend{color:#4c7c32;padding:0 5px;font-size:12px;font-weight:800}.modal-close{color:#506453;cursor:pointer;background:0 0;border:0;place-items:center;width:32px;height:32px;display:grid;position:absolute;top:12px;right:12px}.modal-button{color:#16210d;cursor:pointer;background:#a8e85a;border:2px solid #24352c;width:100%;margin-top:22px;padding:12px;font:800 13px DM Sans}.modal-button:disabled{opacity:.5;cursor:not-allowed}.modal-button--warning{background:#f9dcb2}.modal-actions{gap:10px;display:grid}.modal-actions .modal-button{margin-top:0}.machine-delete-action{border-top:1px solid #e7b8ad;margin-top:26px;padding-top:18px}.machine-delete-action .section-label{color:#9b2c1c}.delete-machine-button{color:#9b2c1c;cursor:pointer;background:#fff2ef;border:1px solid #d9aaa0;justify-content:center;align-items:center;gap:8px;width:100%;margin-top:8px;padding:12px;font:800 13px DM Sans;display:flex}.delete-machine-button:hover,.delete-machine-button:focus-visible{outline-offset:2px;background:#ffe1db;outline:2px solid #e7b8ad}@media (width<=760px){.app-nav,.portal-shell{width:min(100% - 24px,1120px)}.app-nav{z-index:20;flex-direction:row;align-items:center;gap:12px;position:relative}.app-nav-brand{margin-right:auto}.app-nav-toggle{z-index:22;display:grid;position:relative}.app-nav-settings{z-index:22;width:44px;height:44px;position:relative}.app-nav-links{display:none}.app-nav-links.app-nav-links--open{z-index:21;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;background:#f4f7f5;flex-direction:column;justify-content:center;align-items:stretch;gap:10px;width:100%;min-height:100dvh;max-height:100dvh;padding:88px 24px 32px;display:flex;position:fixed;inset:0;overflow-y:auto}.app-nav-links.app-nav-links--open:before{content:"Navigate";color:#4c7c32;letter-spacing:.17em;text-transform:uppercase;margin-bottom:8px;font:700 11px DM Sans}.app-nav-links.app-nav-links--open button{color:#213b2a;text-align:left;background:#fff;border:1px solid #cddbd2;justify-content:flex-start;gap:12px;width:100%;min-height:56px;padding:14px 16px;font-size:16px}.app-nav-links.app-nav-links--open button[aria-current=page]{background:#e7f2e8;border-color:#92bd83}.portal-shell{padding-top:28px}.portal-intro h1{font-size:30px}.portal-intro{gap:12px}.portal-intro p:not(.eyebrow){font-size:14px}.portal-icon{flex:0 0 40px;width:40px;height:40px}.portal-panel{padding:16px}.portal-panel-heading{flex-wrap:wrap;align-items:flex-start;gap:10px}.portal-panel-heading>:last-child{max-width:100%}.config-comparison{grid-template-columns:1fr;gap:4px}.config-comparison strong{white-space:normal;overflow-wrap:anywhere;margin-bottom:7px}.event-subscriptions-server-state strong{overflow-wrap:anywhere}.ledger-controls{flex-direction:column;align-items:stretch}.ledger-clear{justify-content:center;min-height:44px}.ledger-scroll{scrollbar-width:thin;margin-inline:-4px;padding-bottom:6px}.ledger-scroll table{min-width:700px}.ledger-scroll th,.ledger-scroll td{padding:10px 7px}.ledger-refresh,.logs-back-button,.portal-command,.portal-load-command{justify-content:center;min-height:44px}.digital-twin-shell{width:min(100% - 24px,1120px);padding-top:16px;padding-bottom:40px}.twin-topbar{justify-content:space-between;align-items:flex-start;gap:14px;padding-bottom:16px}.brand{min-width:0}.brand span{display:none}.topbar-actions{flex-shrink:0;gap:8px}.add-machine-button{min-height:44px;padding:10px 11px}.twin-intro{padding:32px 0 24px;display:block}.twin-intro h1{font-size:36px;line-height:1.08}.twin-intro p:not(.eyebrow){font-size:14px;line-height:1.55}.empty-machine-state{padding-top:22px}.empty-machine-state h2{font-size:24px}.machine-status{margin-top:0;display:inline-flex}.twin-workspace{grid-template-columns:1fr}.machine-instance-controls{flex-wrap:wrap;gap:8px}.machine-instance-controls .machine-status{flex:1 0 100%;margin-right:0}.power-control{flex:1;justify-content:center;min-height:44px}.machine-settings-button,.remove-machine-button{width:44px;height:44px}.kiosk,.twin-sidepanel{padding:16px}.kiosk-header{align-items:flex-start;margin-bottom:16px}.kiosk h2{font-size:21px}.kiosk-frame{padding:12px}.pos-terminal{min-height:56px;padding:13px}.pos-terminal-mount{justify-self:end;width:min(100%,210px);padding:10px}.kiosk-control-deck{gap:10px}.machine-screen{padding:16px;font-size:12px}.slot-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:12px}.kiosk-slot{min-height:118px;padding:22px 6px 8px}.machine-details div{padding:12px 0}.machine-details dd{overflow-wrap:anywhere;max-width:62%}.modal-actions{grid-template-columns:1fr}.modal-backdrop{align-items:end;padding:12px}:is(.twin-modal,.twin-modal:has(fieldset)){width:100%;max-height:calc(100dvh - 24px);padding:24px 20px}.twin-modal label{margin-top:18px}.twin-modal input,.twin-modal select{min-height:44px}.modal-close{width:44px;height:44px;top:2px;right:2px}}@media (width<=390px){.add-machine-button{font-size:12px}.slot-battery{font-size:9px}}