:root{--lumo-font-family:"Segoe UI", Arial, sans-serif;--lumo-primary-color:#256f8f;--lumo-primary-color-50pct:#256f8f80;--lumo-primary-color-10pct:#256f8f1a;--lumo-primary-text-color:#1f5d78;--lumo-border-radius-s:6px;--lumo-border-radius-m:8px;--lumo-border-radius-l:8px;--pze-page-bg:#f4f7fa;--pze-surface:#fff;--pze-border:#d8e2ea;--pze-muted:#5c6f7b;--pze-ink:#1f2d36;--pze-success:#2f7d5c;--pze-warning:#b8652f;--pze-danger:#b54747}html,body{background:var(--pze-page-bg);color:var(--pze-ink)}*{box-sizing:border-box;letter-spacing:0}vaadin-app-layout::part(navbar){background:var(--pze-surface);border-bottom:1px solid var(--pze-border);box-shadow:0 1px 8px #1f2d360f}vaadin-app-layout::part(drawer){border-right:1px solid var(--pze-border);background:#fbfcfd}.app-header{min-height:64px;padding:0 18px}.app-header-left,.app-header-right{gap:12px}.brand-mark,.mobile-brand{background:var(--lumo-primary-color);color:#fff;border-radius:8px;justify-content:center;align-items:center;min-width:44px;height:34px;padding:0 10px;font-size:.82rem;font-weight:700;display:inline-flex}.app-title{color:var(--pze-ink);font-size:1.12rem;font-weight:700}.app-user{color:var(--pze-muted);font-size:.94rem}.nav-scroller{height:100%}.main-nav{padding:12px 10px}vaadin-side-nav-item::part(content){border-radius:8px;min-height:42px;margin:2px 6px}vaadin-side-nav-item[current]::part(content){background:var(--lumo-primary-color-10pct);color:var(--lumo-primary-text-color);font-weight:700}vaadin-button{border-radius:8px}vaadin-button[theme~=primary]{box-shadow:0 8px 18px #256f8f2e}vaadin-grid{border:1px solid var(--pze-border);border-radius:8px;overflow:hidden}vaadin-grid::part(header-cell){color:var(--pze-muted);background:#eef3f7;font-size:.82rem;font-weight:700}vaadin-grid::part(row){min-height:44px}.page-shell{background:var(--pze-page-bg);gap:18px;width:100%;min-height:100%;padding:24px}.page-header{flex-direction:column;gap:4px;display:flex}.page-title,.terminal-title,.mobile-title{color:var(--pze-ink);margin:0;font-size:1.9rem;font-weight:750;line-height:1.15}.page-subtitle,.metric-note,.terminal-id,.terminal-detail,.mobile-detail,.mobile-date{color:var(--pze-muted)}.metric-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px;width:100%;display:grid}.metric-card,.section-panel,.terminal-panel,.mobile-panel{background:var(--pze-surface);border:1px solid var(--pze-border);border-radius:8px;box-shadow:0 12px 28px #1f2d3614}.metric-card{gap:6px;min-height:156px;padding:18px}.metric-icon{color:var(--lumo-primary-text-color);background:#e6f1f5;border-radius:8px;justify-content:center;align-items:center;width:40px;height:40px;display:inline-flex}.metric-title{color:var(--pze-muted);margin-top:8px;font-size:.9rem;font-weight:650}.metric-value{color:var(--pze-ink);font-size:2rem;font-weight:760;line-height:1.1}.section-panel{flex-direction:column;gap:14px;width:100%;padding:18px;display:flex}.section-title,.mobile-section-title{color:var(--pze-ink);margin:0;font-size:1.05rem;font-weight:720}.quick-actions{grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:10px;display:grid}.quick-action{border:1px solid var(--pze-border);justify-content:flex-start;width:100%;min-height:46px}.terminal-page,.mobile-clock-view{background:var(--pze-page-bg);min-height:100vh}.terminal-page{justify-content:center;gap:20px;padding:32px 16px}.terminal-header{flex-direction:column;gap:6px;width:100%;max-width:680px;display:flex}.terminal-panel{text-align:center;flex-direction:column;align-items:center;gap:16px;width:100%;max-width:680px;padding:30px;display:flex}.terminal-icon{color:var(--lumo-primary-text-color);background:#e6f1f5;border-radius:8px;justify-content:center;align-items:center;width:72px;height:72px;display:inline-flex}.terminal-icon vaadin-icon{width:38px;height:38px}.terminal-status{color:var(--pze-ink);margin:0;font-size:2rem;font-weight:760;line-height:1.15}.terminal-status.state-success{color:var(--pze-success)}.terminal-status.state-error{color:var(--pze-danger)}.terminal-input{max-width:420px}.terminal-action{min-width:220px;min-height:54px}.mobile-clock-view{gap:14px;padding:18px 14px 24px}.mobile-header{width:100%;max-width:680px}.mobile-title-group{align-items:center;gap:12px;display:flex}.mobile-title{font-size:1.45rem}.mobile-panel{flex-direction:column;gap:14px;width:100%;max-width:680px;padding:18px;display:flex}.mobile-date{font-size:.92rem;font-weight:650}.mobile-status{color:var(--pze-ink);margin:0;font-size:1.75rem;font-weight:760;line-height:1.15}.mobile-detail{min-height:24px}.mobile-booking-button{min-height:76px;font-size:1.18rem;font-weight:760}.mobile-booking-button.is-go{--lumo-primary-color:var(--pze-warning);--lumo-primary-text-color:var(--pze-warning);--lumo-primary-color-50pct:#b8652f80;--lumo-primary-color-10pct:#b8652f1a}.mobile-grid{max-height:340px}@media (width<=760px){.page-shell{padding:16px}.app-user{display:none}.page-title,.terminal-title{font-size:1.55rem}.terminal-panel{padding:22px 16px}}.form-actions,.token-section{gap:10px}.token-section h2{color:var(--pze-ink);margin:0;font-size:1.05rem;font-weight:720}.token-form{width:100%}.form-panel{background:var(--pze-surface);border:1px solid var(--pze-border);border-radius:8px;width:100%;padding:18px;box-shadow:0 12px 28px #1f2d3614}