:root{color:#f8fafc;background:#09111f;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;--bg: #09111f;--panel: #111c2f;--panel-soft: #1a2940;--text: #f8fafc;--muted: #9fb0c6;--accent: #28c76f;--accent-strong: #12a455;--warn: #f4b942;--danger: #ff5c7a;--operator-bg: #f4f7fb;--operator-surface: #ffffff;--operator-surface-soft: #eef4f8;--operator-border: #d9e3ea;--operator-text: #15202b;--operator-muted: #647486;--operator-primary: #2563eb;--operator-primary-strong: #1d4ed8;--operator-secondary: #e8eef5;--operator-danger: #c83e4d;--operator-danger-soft: #fff0f2}*{box-sizing:border-box}html,body,#root{width:100%;min-width:320px;height:100%;margin:0}button{border:0;border-radius:8px;font:inherit;color:inherit;cursor:pointer}button:disabled{cursor:not-allowed;opacity:.45}.screen{min-height:100%;background:radial-gradient(circle at 50% 8%,rgba(40,199,111,.14),transparent 34%),linear-gradient(160deg,#09111f,#102033 58%,#08101d)}.display-screen{position:relative;display:grid;place-items:center;overflow:hidden;padding:5vh 4vw;background:radial-gradient(circle at 50% 8%,rgba(40,199,111,.14),transparent 34%),linear-gradient(160deg,var(--display-background-color, #09111f) 0%,color-mix(in srgb,var(--display-background-color, #09111f) 82%,#2563eb) 58%,color-mix(in srgb,var(--display-background-color, #09111f) 88%,#000000) 100%)}.display-screen-custom{background:var(--display-background-color, #f5ead8)}.display-screen-custom:before,.display-screen-custom:after{position:absolute;inset:0;content:""}.display-screen-custom:before{background:url(/background.png) center / contain no-repeat}.display-screen-custom:after{background:radial-gradient(circle at center,#041022b8,#04102294 34%,#04102238 72%),linear-gradient(90deg,#0410223d,#0410220a,#0410223d)}.display-content{position:relative;z-index:1;width:min(92vw,1500px);text-align:center}.display-name-badge{position:fixed;top:1rem;left:1rem;z-index:2;max-width:min(42rem,calc(100vw - 11rem));border:1px solid rgba(255,255,255,.15);border-radius:999px;padding:.55rem 1rem;background:#09111fc7;color:var(--display-title-color, var(--text));font-size:clamp(.9rem,2vw,1.25rem);font-weight:900;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.eyebrow{margin:0;color:var(--display-title-color, var(--accent));font-size:clamp(1.5rem,3vw,3.2rem);font-weight:800;letter-spacing:0;text-transform:uppercase}.order-number{margin:clamp(1rem,3vh,2rem) 0;font-size:calc(clamp(10rem,34vw,32rem) * var(--number-scale, 1));font-weight:950;line-height:.86;letter-spacing:0;color:var(--display-number-color, var(--text));text-shadow:0 1.2rem 4rem rgba(0,0,0,.38)}.order-number-pulse{animation:number-pulse .42s ease-out}.home-screen{display:grid;min-height:100%;place-items:center;padding:clamp(1rem,4vw,3rem)}.home-shell{position:relative;display:grid;width:min(100%,980px);grid-template-columns:minmax(17rem,.8fr) minmax(0,1fr);gap:clamp(1.5rem,5vw,4rem);align-items:center}.home-screen .language-select{position:absolute;top:0;right:0;color:var(--muted)}.home-screen .language-select select{border-color:#ffffff29;background:#09111fc7;color:var(--text)}.home-preview{display:grid;min-height:22rem;place-items:center;border:1px solid rgba(255,255,255,.13);border-radius:8px;padding:clamp(1.25rem,5vw,2rem);background:radial-gradient(circle at 50% 8%,rgba(40,199,111,.18),transparent 36%),linear-gradient(160deg,#09111f,#13243a);box-shadow:0 1.4rem 3.5rem #00000047;text-align:center}.home-preview span,.home-preview small{color:var(--accent);font-weight:900;text-transform:uppercase}.home-preview strong{color:var(--text);font-size:clamp(8rem,18vw,13rem);line-height:.85}.home-copy{padding-top:3rem}.home-copy h1{margin:.35rem 0 1rem;max-width:12ch;color:var(--text);font-size:clamp(2.7rem,8vw,5.8rem);line-height:.94;letter-spacing:0}.home-copy p:not(.eyebrow){max-width:38rem;margin:0;color:var(--muted);font-size:clamp(1.05rem,2.2vw,1.3rem);line-height:1.55}.home-copy small{display:block;margin-top:1.25rem;color:var(--accent);font-size:.95rem;font-weight:900}.display-screen-custom .display-content{width:min(86vw,1100px);border:.45rem solid rgba(248,250,252,.86);border-radius:8px;padding:clamp(1.5rem,5vw,4.5rem);background:color-mix(in srgb,var(--display-background-color, #051326) 72%,rgba(5,19,38,.86));box-shadow:0 1.5rem 5rem #0000006b}.display-screen-custom .eyebrow{color:var(--display-title-color, #ffd37a)}.display-screen-custom .order-number{color:var(--display-number-color, #fff8e8);text-shadow:0 .08em 0 #061626,0 .16em .3em rgba(0,0,0,.48)}.connection{position:fixed;top:1rem;right:1rem;z-index:2;min-width:7.5rem;border:1px solid rgba(255,255,255,.15);border-radius:999px;padding:.45rem .85rem;background:#09111fc7;color:var(--muted);font-size:.82rem;font-weight:700;text-align:center;text-transform:uppercase}.connection-connected{color:var(--accent)}.connection-connecting{color:var(--warn)}.connection-disconnected{color:var(--danger)}.operator-screen{display:flex;align-items:flex-start;justify-content:center;min-height:100%;overflow-y:auto;padding:clamp(.75rem,3vw,1.5rem);background:linear-gradient(180deg,#fbfdff 0%,var(--operator-bg) 100%);color:var(--operator-text)}.operator-shell{width:min(100%,760px)}.operator-screen .eyebrow{color:var(--operator-primary);font-size:clamp(.82rem,2vw,1rem);line-height:1.2}.operator-header{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;margin-bottom:1rem;border-bottom:1px solid var(--operator-border);padding-bottom:1rem}.operator-header .connection{position:static;flex:0 0 auto;border-color:var(--operator-border);background:var(--operator-surface);color:var(--operator-muted)}.operator-header .connection-connected{color:var(--operator-primary)}.operator-header .connection-connecting{color:#a56900}.operator-header .connection-disconnected{color:var(--operator-danger)}.operator-header-actions{display:flex;flex:0 0 auto;align-items:center;gap:.75rem}.language-select{display:inline-flex;align-items:center;gap:.45rem;color:var(--operator-muted);font-size:.82rem;font-weight:900}.language-select span{margin:0;color:inherit;font-size:inherit}.language-select select{min-height:2.35rem;border:1px solid var(--operator-border);border-radius:8px;padding:0 .6rem;background:var(--operator-surface);color:var(--operator-text);font:inherit}.operator-header-actions button{min-height:2.35rem;border:1px solid var(--operator-border);padding:0 .9rem;background:var(--operator-surface);color:var(--operator-text);font-size:.9rem;font-weight:900}.operator-header h1{margin:.2rem 0 0;color:var(--operator-text);font-size:clamp(1.75rem,5.5vw,2.6rem);line-height:1.05;letter-spacing:0}.operator-subtitle{display:block;margin-top:.45rem;color:var(--operator-muted);font-size:1rem;font-weight:800}.operator-current{border:1px solid var(--operator-border);border-radius:8px;padding:clamp(1rem,4vw,1.5rem);background:var(--operator-surface);box-shadow:0 .6rem 1.5rem #1f2d3d14;text-align:center}.operator-current p,.operator-current span{margin:0;color:var(--operator-muted);font-size:clamp(1rem,3vw,1.25rem);font-weight:700}.operator-current strong{display:block;margin:.1em 0;color:var(--operator-text);font-size:clamp(5.25rem,24vw,10rem);line-height:.86}.operator-actions{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin:1rem 0}.action-button{min-height:clamp(6rem,24vw,10rem);font-size:clamp(4rem,17vw,7rem);font-weight:900;line-height:1;box-shadow:0 .75rem 1.75rem #1f2d3d24}.action-button.primary{background:var(--operator-primary);color:#fff}.action-button.primary:active{background:var(--operator-primary-strong)}.action-button.secondary{border:1px solid var(--operator-border);background:var(--operator-secondary);color:var(--operator-text)}.operator-options{margin:1rem 0}.operator-options strong,.login-panel span{color:var(--operator-text)}.toggle-row,.field-row,.range-row,.link-row,.manage-row{display:flex;align-items:center;justify-content:space-between;gap:1rem;border:1px solid var(--operator-border);border-radius:8px;padding:1rem;background:var(--operator-surface)}.field-row{display:grid;grid-template-columns:1fr;margin-bottom:1rem}.range-row{display:grid;grid-template-columns:1fr;margin:1rem 0}.theme-panel{display:grid;gap:1rem;border:1px solid var(--operator-border);border-radius:8px;margin-bottom:1rem;padding:1rem;background:var(--operator-surface)}.theme-panel-header{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem}.theme-panel-header strong,.theme-panel-header small{display:block}.theme-panel-header strong{color:var(--operator-text);font-size:clamp(.98rem,2.5vw,1.12rem)}.theme-panel-header small{margin-top:.25rem;color:var(--operator-muted);font-size:clamp(.85rem,2.5vw,1rem)}.theme-panel-header button{flex:0 0 auto;min-height:2.6rem;border:1px solid var(--operator-border);padding:0 .9rem;background:var(--operator-secondary);color:var(--operator-text);font-weight:900}.theme-preview{display:grid;place-items:center;min-height:9rem;border-radius:8px;padding:1rem;background:var(--preview-background-color, #09111f);text-align:center}.theme-preview small{color:var(--preview-title-color, #28c76f);font-size:.85rem;font-weight:900;text-transform:uppercase}.theme-preview strong{color:var(--preview-number-color, #f8fafc);font-size:clamp(4rem,18vw,7rem);line-height:.9}.theme-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:.75rem}.theme-grid label{display:grid;gap:.55rem;color:var(--operator-text);font-size:.9rem;font-weight:900}.theme-grid input[type=color]{width:100%;min-width:0;height:3.4rem;border:1px solid var(--operator-border);border-radius:8px;padding:.25rem;background:var(--operator-surface)}.link-row{margin-bottom:1rem}.manage-row{display:grid;grid-template-columns:1fr;margin-bottom:1rem}.toggle-row+.toggle-row,.range-row+.toggle-row{margin-top:1rem}.toggle-row strong,.toggle-row small,.field-row strong,.field-row small,.range-row strong,.range-row small,.link-row strong,.link-row small,.manage-row strong,.manage-row small{display:block}.toggle-row strong,.field-row strong,.range-row strong,.link-row strong,.manage-row strong{font-size:clamp(.98rem,2.5vw,1.12rem)}.toggle-row small,.field-row small,.range-row small,.link-row small{margin-top:.25rem;color:var(--operator-muted);font-size:clamp(.85rem,2.5vw,1rem);overflow-wrap:anywhere}.manage-row small{margin-top:.25rem;color:var(--operator-muted);font-size:clamp(.85rem,2.5vw,1rem)}.link-row a{text-align:center}.link-actions{display:flex;flex:0 0 auto;gap:.5rem}.link-actions button,.link-actions a,.print-button{flex:0 0 auto;min-height:3rem;border:0;border-radius:8px;padding:.85rem 1.1rem;background:var(--operator-secondary);color:var(--operator-text);font:inherit;font-weight:900;text-decoration:none}.qr-panel{display:grid;gap:1rem;border:1px solid var(--operator-border);border-radius:8px;margin-bottom:1rem;padding:1rem;background:var(--operator-surface)}.qr-copy strong,.qr-copy small{display:block}.qr-copy strong{color:var(--operator-text);font-size:clamp(.98rem,2.5vw,1.12rem)}.qr-copy small{margin-top:.25rem;color:var(--operator-muted);font-size:clamp(.85rem,2.5vw,1rem)}.qr-print-card{display:grid;grid-template-columns:1fr auto;align-items:center;gap:1rem;border:1px solid var(--operator-border);border-radius:8px;padding:1rem;background:#fff}.qr-print-card p,.qr-print-card strong,.qr-print-card small{display:block;margin:0}.qr-print-card p{color:var(--operator-primary);font-size:.82rem;font-weight:900;text-transform:uppercase}.qr-print-card strong{margin-top:.25rem;color:var(--operator-text);font-size:1.25rem}.qr-print-card small{margin-top:.35rem;color:var(--operator-muted);overflow-wrap:anywhere}.qr-print-card img{width:clamp(8rem,32vw,11rem);height:clamp(8rem,32vw,11rem)}.print-button{width:100%}.manage-row input,.manage-row select{width:100%;min-height:3.2rem;margin-top:.85rem;border:1px solid var(--operator-border);border-radius:8px;padding:0 1rem;background:#fff;color:var(--operator-text);font:inherit}.manage-row input:focus,.manage-row select:focus{border-color:var(--operator-primary);outline:none}.manage-row button{min-height:3rem;margin-top:.75rem;background:var(--operator-secondary);color:var(--operator-text);font-weight:900}.manage-row .danger-inline{background:var(--operator-danger-soft);color:var(--operator-danger)}.field-row input{width:100%;min-height:3.4rem;margin-top:.85rem;border:1px solid var(--operator-border);border-radius:8px;padding:0 1rem;background:#fff;color:var(--operator-text);font:inherit;font-size:1.2rem}.field-row input:focus{border-color:var(--operator-primary);outline:none}.field-actions{display:grid;grid-template-columns:1fr 1fr;gap:.75rem;margin-top:.75rem}.field-actions button{min-height:3rem;background:var(--operator-secondary);color:var(--operator-text);font-weight:800}.range-row input{width:100%;margin-top:1rem;accent-color:var(--operator-primary)}.range-actions{display:grid;grid-template-columns:1fr 1fr 1fr;gap:.75rem;margin-top:.75rem}.range-actions button{min-height:3rem;background:var(--operator-secondary);color:var(--operator-text);font-size:1.15rem;font-weight:900}.toggle-row input{width:4rem;height:2.25rem;accent-color:var(--operator-primary)}.reset-button{width:100%;min-height:4.5rem;border:1px solid #f3bdc5;background:var(--operator-danger-soft);color:var(--operator-danger);font-size:clamp(1rem,4vw,1.4rem);font-weight:800}.login-panel{width:min(100%,460px);border:1px solid var(--operator-border);border-radius:8px;padding:clamp(1.25rem,5vw,2rem);background:var(--operator-surface);box-shadow:0 .9rem 2rem #1f2d3d1a}.login-panel h1{margin:.3rem 0 1.25rem;color:var(--operator-text);font-size:clamp(1.8rem,7vw,2.7rem);line-height:1.05}.login-panel label,.login-panel span{display:block}.login-panel .language-select{display:flex;justify-content:flex-end;margin-bottom:1rem}.login-panel .language-select span{display:inline;margin:0}.login-panel label+label{margin-top:1rem}.login-panel span{margin-bottom:.45rem;color:var(--operator-muted);font-weight:800}.login-panel input{width:100%;min-height:3.4rem;border:1px solid var(--operator-border);border-radius:8px;padding:0 1rem;background:#fff;color:var(--operator-text);font:inherit}.login-panel input:focus{border-color:var(--operator-primary);outline:none}.password-visibility{display:flex;align-items:center;gap:.6rem;margin-top:.85rem}.login-panel .password-visibility input{width:1.1rem;min-height:1.1rem;accent-color:var(--operator-primary)}.login-panel .password-visibility span{margin:0;color:var(--operator-text);font-size:.95rem}.password-strength{margin-top:.85rem}.password-strength-track{display:grid;grid-template-columns:repeat(4,1fr);gap:.35rem}.password-strength-track span{display:block;height:.45rem;border-radius:999px;background:var(--operator-border)}.password-strength-1 .password-strength-track span:nth-child(-n+1){background:#d94a5b}.password-strength-2 .password-strength-track span:nth-child(-n+2){background:#d98d26}.password-strength-3 .password-strength-track span:nth-child(-n+3){background:#2563eb}.password-strength-4 .password-strength-track span:nth-child(-n+4){background:#0f8f5f}.password-strength p{margin:.45rem 0 0;color:var(--operator-muted);font-size:.92rem;line-height:1.35}.password-strength p strong,.password-strength p small{display:block}.password-strength p strong{color:var(--operator-text)}.form-error{margin:1rem 0 0;color:var(--operator-danger);font-weight:800}.form-note{margin:-.5rem 0 1.25rem;border:1px solid #bfe6d2;border-radius:8px;padding:.85rem 1rem;background:#ecfbf3;color:#12633f;font-weight:800;line-height:1.35}.login-button{width:100%;min-height:3.6rem;margin-top:1.25rem;background:var(--operator-primary);color:#fff;font-weight:900}.switch-auth-button{width:100%;min-height:3.2rem;margin-top:.75rem;border:1px solid var(--operator-border);background:var(--operator-secondary);color:var(--operator-text);font-weight:900}.auth-link{display:inline-flex;align-items:center;justify-content:center;min-height:3.2rem;border-radius:8px;padding:0 1.1rem;background:var(--operator-primary);color:#fff;font-weight:900;text-decoration:none}.auth-secondary-link{display:block;margin-top:1rem;color:var(--operator-primary);font-weight:900;text-align:center;text-decoration:none}@keyframes number-pulse{0%{transform:scale(.97);color:var(--display-title-color, var(--accent))}to{transform:scale(1);color:var(--display-number-color, var(--text))}}@media(max-width:520px){.home-shell{grid-template-columns:1fr;gap:1.25rem}.home-screen .language-select{position:static;justify-content:flex-end}.home-preview{min-height:15rem}.home-copy{padding-top:0}.home-copy h1{max-width:100%}.operator-screen{padding:.75rem}.operator-header{display:block}.operator-header h1,.login-panel h1{font-size:1.8rem}.operator-header .connection,.operator-header-actions{margin-top:1rem}.operator-header-actions .connection{margin-top:0}.operator-actions{gap:.75rem}.action-button{min-height:6rem}.toggle-row,.link-row{align-items:flex-start}.link-row{display:grid;grid-template-columns:1fr}.link-actions{display:grid;grid-template-columns:1fr 1fr}.link-row a,.link-actions button{width:100%;text-align:center}.qr-print-card{grid-template-columns:1fr;justify-items:center;text-align:center}.range-actions,.field-actions{gap:.5rem}.theme-panel-header{display:grid}.theme-panel-header button{width:100%}.theme-grid{grid-template-columns:1fr}}@media print{body *{visibility:hidden}.qr-print-card,.qr-print-card *{visibility:visible}.qr-print-card{position:fixed;top:1.5cm;left:1.5cm;right:1.5cm;grid-template-columns:1fr auto;border:1px solid #111827;box-shadow:none}}