:root{--fg: #f1f5f9;--muted: #9fb3c8;--accent: #38bdf8;--accent-contrast: #06202c;--ok: #34d399;--geht: #fbbf24;--err: #f87171;--glass: rgba(255, 255, 255, .07);--glass-strong: rgba(255, 255, 255, .12);--glass-border: rgba(255, 255, 255, .14);--radius: 20px;--shadow: 0 8px 32px rgba(0, 0, 0, .37);--blur: 16px;--bar-bg: rgba(15, 23, 42, .55);--font: system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--bg: #0b1220;--bg-image: radial-gradient(60vmax 60vmax at 15% 10%, rgba(56, 189, 248, .18), transparent 60%), radial-gradient(55vmax 55vmax at 85% 20%, rgba(129, 140, 248, .16), transparent 60%), radial-gradient(70vmax 70vmax at 50% 110%, rgba(16, 185, 129, .12), transparent 60%), linear-gradient(160deg, #0b1220 0%, #0f172a 100%)}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none}html,body,#root{height:100%;margin:0}body{color:var(--fg);font-family:var(--font);overflow:hidden;background-color:var(--bg);background-image:var(--bg-image);background-attachment:fixed}.app{height:100vh;height:100dvh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:clamp(1rem,3vh,2rem);padding:clamp(1rem,4vw,2.5rem);padding-bottom:4rem;text-align:center;overflow-y:auto}.tile,.roomCard,.newsCard,.card,.picker-item,.adminSection,.panelForm,.pinpad,.presence,.enroll,.weather,.manual-btn{background:var(--glass);border:1px solid var(--glass-border);-webkit-backdrop-filter:blur(var(--blur)) saturate(140%);backdrop-filter:blur(var(--blur)) saturate(140%);box-shadow:var(--shadow)}.fitWrap{width:100%;flex:1 1 auto;display:flex;align-items:flex-start;justify-content:center;overflow:hidden;padding-top:1.2rem}.fitInner{display:flex;flex-direction:column;align-items:center;gap:clamp(.8rem,2.5vh,1.6rem);transform-origin:top center}.signage{display:flex;flex-direction:column;align-items:center;gap:.5rem;width:100%}.signageTop{display:flex;align-items:center;gap:clamp(1rem,4vw,2rem);flex-wrap:wrap;justify-content:center}.signageLogo{width:clamp(84px,14vw,140px);height:auto;cursor:pointer;-webkit-user-drag:none;filter:drop-shadow(0 4px 12px rgba(0,0,0,.4))}.weather{display:flex;align-items:baseline;gap:.5rem;font-size:clamp(1.3rem,4vw,1.9rem);font-weight:700;padding:.5rem 1.1rem;border-radius:999px}.weather small{font-size:.85rem;color:var(--muted);font-weight:500}.clockBlock{display:flex;flex-direction:column;align-items:center}.clock{font-size:clamp(2.4rem,8vw,4.6rem);font-weight:800;line-height:.95;letter-spacing:1px;text-shadow:0 4px 20px rgba(56,189,248,.25);cursor:pointer;-webkit-user-select:none;user-select:none}.date{font-size:clamp(.95rem,2.6vw,1.4rem);color:var(--muted)}.hint{margin-top:.6rem;font-size:clamp(.95rem,2.6vw,1.4rem);color:var(--accent)}.queued{margin-top:.4rem;color:var(--geht);font-size:1rem}.roomsRow{display:flex;gap:clamp(.6rem,2vw,1.2rem);flex-wrap:wrap;justify-content:center;width:min(1040px,96vw);margin-top:.4rem}.roomsRow .roomCard{flex:1 1 clamp(200px,30%,320px);min-width:200px;margin:0}.signageSlide{min-height:5rem;display:flex;align-items:center;justify-content:center;margin-top:.6rem;width:min(920px,94vw)}.roomCard{width:100%;border-radius:var(--radius);padding:clamp(1rem,3vw,1.4rem) 1.6rem;text-align:center;animation:pop .4s ease-out}.roomCard.free{border-color:#34d39980}.roomCard.busy{border-color:#fbbf2480}.roomName{font-size:clamp(1.1rem,3vw,1.4rem);font-weight:600}.roomState{font-size:clamp(1.5rem,5vw,2rem);font-weight:800;margin:.2rem 0}.roomCard.free .roomState{color:var(--ok)}.roomCard.busy .roomState{color:var(--geht)}.roomNext{font-size:.95rem;color:var(--muted)}.newsCard{width:100%;border-radius:var(--radius);padding:clamp(1rem,3vw,1.4rem) 1.6rem;animation:pop .4s ease-out}.newsTitle{font-size:clamp(1.2rem,4vw,1.5rem);font-weight:800;color:var(--accent)}.newsText{font-size:clamp(1rem,3vw,1.2rem);margin-top:.4rem}.appFooter{position:fixed;bottom:0;left:0;right:0;z-index:60;height:22px;display:flex;align-items:center;justify-content:center;gap:.5rem;padding:0 .8rem;pointer-events:none;font-size:11px;line-height:22px;letter-spacing:.3px;color:var(--muted);background:var(--bar-bg);border-top:1px solid var(--glass-border);white-space:nowrap;overflow:hidden}.appFooter .footVendor{font-weight:600;color:var(--fg)}.appFooter .footSep{opacity:.45}.appFooter .footNfc.nfc-active{color:var(--ok, #34d399)}.appFooter .footNfc.nfc-denied,.appFooter .footNfc.nfc-error{color:var(--geht, #fbbf24)}.ticker{position:fixed;bottom:22px;left:0;right:0;overflow:hidden;white-space:nowrap;background:var(--bar-bg);-webkit-backdrop-filter:blur(var(--blur));backdrop-filter:blur(var(--blur));border-top:1px solid var(--glass-border);padding:.55rem 0}.tickerMeasure{position:absolute;left:0;top:0;visibility:hidden;pointer-events:none;white-space:nowrap;font-size:clamp(1rem,3vw,1.25rem);font-weight:600}.tickerTrack{display:inline-block;padding-left:100%;white-space:nowrap;will-change:transform;font-size:clamp(1rem,3vw,1.25rem);color:var(--accent);font-weight:600;animation:tickerScroll var(--tk-dur, 20s) linear infinite}@keyframes tickerScroll{0%{transform:translate(0)}to{transform:translate(-100%)}}.actionRow{margin-top:.5rem}.manual-btn{color:var(--fg);border-radius:999px;padding:clamp(.9rem,2.5vw,1.2rem) clamp(1.6rem,5vw,2.4rem);font-size:clamp(1.1rem,3vw,1.4rem);font-weight:600}.manual-btn:active{background:var(--glass-strong)}.tiles{display:flex;gap:clamp(.6rem,2vw,1rem);flex-wrap:wrap;justify-content:center;margin-top:1rem}.tile{display:flex;flex-direction:column;align-items:center;gap:.5rem;width:clamp(7rem,20vw,10.5rem);height:clamp(7rem,20vw,10.5rem);border-radius:var(--radius);color:var(--fg);font-size:clamp(.9rem,2.4vw,1.1rem);font-weight:600;justify-content:center;transition:transform .12s ease}.tile:active{transform:scale(.95);background:var(--glass-strong)}.tileIcon{font-size:clamp(2rem,7vw,2.6rem)}.tileDanger{border-color:#f8717180}.picker{width:min(760px,94vw);display:flex;flex-direction:column;gap:1rem;align-items:center}.picker-title{font-size:clamp(1.3rem,5vw,1.8rem);font-weight:700}.picker-search,.field,.enroll input,.adminWrap input{width:100%;max-width:520px;background:#00000040;border:1px solid var(--glass-border);border-radius:14px;padding:1rem 1.2rem;color:var(--fg);font-size:clamp(1.1rem,3vw,1.4rem)}.picker-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:.8rem;width:100%;max-height:58vh;overflow-y:auto;padding:4px}.picker-item{border-radius:14px;padding:1.2rem .8rem;color:var(--fg);font-size:clamp(1.05rem,3vw,1.3rem);font-weight:600;transition:transform .1s}.picker-item:active{transform:scale(.96);background:var(--accent);color:#08202e}.panelForm{width:min(560px,92vw);display:flex;flex-direction:column;gap:1rem;align-items:center;padding:clamp(1.2rem,4vw,2rem);border-radius:var(--radius)}.formActions{display:flex;gap:1rem;margin-top:.5rem;flex-wrap:wrap;justify-content:center}.primary{background:linear-gradient(135deg,#34d399,#10b981);color:#05230f;border:none;border-radius:999px;padding:1.1rem 2.4rem;font-size:clamp(1.1rem,3vw,1.3rem);font-weight:700;box-shadow:0 6px 20px #10b98159}.primary:disabled{opacity:.4;box-shadow:none}.primary.danger{background:linear-gradient(135deg,#f87171,#ef4444);color:#fff;box-shadow:0 6px 20px #ef444459}.pinpad{display:flex;flex-direction:column;align-items:center;gap:1.2rem;padding:clamp(1.2rem,4vw,2rem);border-radius:var(--radius)}.pin-title{font-size:clamp(1.2rem,4vw,1.6rem);color:var(--muted)}.pin-dots{display:flex;gap:1rem}.dot{width:18px;height:18px;border-radius:50%;border:2px solid var(--muted)}.dot.filled{background:var(--accent);border-color:var(--accent)}.pin-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(.6rem,2vw,1rem)}.key{width:clamp(4.5rem,16vw,6rem);height:clamp(4.5rem,16vw,6rem);font-size:clamp(1.5rem,5vw,2rem);border-radius:50%;border:1px solid var(--glass-border);background:var(--glass);color:var(--fg);font-weight:600;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.key:active{background:var(--glass-strong)}.key-ok{background:#34d39940}.key-ok:disabled{opacity:.4}.key-fn{background:#ffffff0d}.cancel{background:none;border:none;color:var(--muted);font-size:1.1rem;padding:.8rem}.feedback{display:flex;flex-direction:column;align-items:center;gap:.6rem;animation:pop .25s ease-out;padding:1rem}@keyframes pop{0%{transform:scale(.9);opacity:0}to{transform:scale(1);opacity:1}}.fb-icon{width:clamp(6rem,24vw,8rem);height:clamp(6rem,24vw,8rem);border-radius:50%;display:grid;place-items:center;font-size:clamp(3rem,12vw,4rem);color:#fff;margin-bottom:1rem;box-shadow:0 10px 40px #0006}.success.kommt .fb-icon{background:linear-gradient(135deg,#34d399,#10b981)}.success.geht .fb-icon{background:linear-gradient(135deg,#fbbf24,#f59e0b)}.error .fb-icon{background:linear-gradient(135deg,#f87171,#ef4444)}.fb-greeting{font-size:clamp(1.2rem,4vw,1.6rem);color:var(--muted)}.fb-name{font-size:clamp(1.8rem,7vw,3.4rem);font-weight:800}.fb-title{font-size:clamp(1.2rem,4vw,1.6rem)}.fb-sub{color:var(--muted);font-size:1.05rem}.busy{font-size:4rem;color:var(--muted)}.enroll,.adminWrap{width:min(640px,94vw);max-height:88vh;overflow-y:auto;display:flex;flex-direction:column;gap:1rem;text-align:left;padding:clamp(1.2rem,4vw,1.8rem);border-radius:var(--radius)}.enroll h2,.adminWrap h2{text-align:center;margin:0 0 .3rem}.enroll label,.adminWrap label{display:flex;flex-direction:column;gap:.3rem;font-size:.95rem;color:var(--muted)}.enroll .row{display:flex;gap:.6rem}.enroll .row input{flex:1}.enroll .scan,.onboardBtn{background:var(--accent);color:var(--accent-contrast);border:none;border-radius:12px;padding:0 1.4rem;font-weight:700}.onboardBtn{padding:1rem;font-size:1.15rem}.enroll-status,.adminInfo{text-align:center;font-size:1.05rem}.adminInfo{color:var(--muted);font-size:.85rem}.enroll-actions{display:flex;justify-content:space-between;gap:1rem;margin-top:.5rem}.enroll-actions .save,.primary.save{background:linear-gradient(135deg,#34d399,#10b981);color:#05230f;border:none;border-radius:999px;padding:1rem 2rem;font-size:1.15rem;font-weight:700;flex:1}.adminSection{border-radius:16px;padding:1rem;display:flex;flex-direction:column;gap:.6rem}.adminSectionTitle{font-weight:700;color:var(--accent)}.chk{flex-direction:row!important;align-items:center;gap:.6rem!important;color:var(--fg)!important;font-size:1.1rem!important}.chk input{width:1.4rem;height:1.4rem}.reloadBtn{background:linear-gradient(135deg,#a78bfa,#7c3aed);color:#fff;border:none;border-radius:12px;padding:1rem;font-size:1.15rem;font-weight:700}.reloadBtn:disabled{opacity:.6}.adminHint{color:var(--muted);font-size:.85rem}.enrollTabs{display:flex;gap:.5rem;margin-bottom:.4rem}.enrollTabs button{flex:1;padding:.7rem;border-radius:10px;border:1px solid var(--glass-border);background:var(--glass);color:var(--fg);font-weight:600;font-size:1rem;cursor:pointer}.enrollTabs button.active{background:var(--accent);color:var(--accent-contrast);border-color:transparent}.enroll select{width:100%;padding:.7rem;border-radius:10px;font-size:1.1rem}.presence{display:flex;flex-direction:column;align-items:center;gap:.4rem;width:min(680px,94vw);padding:clamp(1.2rem,4vw,1.8rem);border-radius:var(--radius)}.presence.notfall .picker-title{color:var(--err)}.presence-count{font-size:clamp(3.5rem,14vw,5rem);font-weight:900;line-height:1}.presence-list{width:100%;max-height:55vh;overflow-y:auto;margin:1rem 0}.presence-item{display:flex;justify-content:space-between;padding:.7rem 1rem;border-bottom:1px solid rgba(255,255,255,.08);font-size:clamp(1.05rem,3vw,1.3rem)}.muted{color:var(--muted)}.card{flex:1 1 140px;border-radius:16px;padding:1rem 1.2rem}.cards{display:flex;gap:1rem;flex-wrap:wrap;margin-bottom:1rem}.cardValue{font-size:1.8rem;font-weight:800}.cardLabel{font-size:.9rem;color:var(--muted)}.mood{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:clamp(1.4rem,4vh,2.4rem);width:min(1100px,96vw);padding:clamp(1.5rem,4vw,2.5rem);text-align:center;animation:pop .35s ease-out}.moodTitle{font-size:clamp(1.6rem,5vw,2.8rem);font-weight:800}.moodRow{display:flex;gap:clamp(.6rem,2.5vw,1.6rem);flex-wrap:nowrap;justify-content:center;width:100%}.moodBtn{flex:1 1 0;min-width:0;display:flex;flex-direction:column;align-items:center;gap:.5rem;background:var(--glass);border:1px solid var(--glass-border);border-radius:20px;padding:clamp(1rem,3vh,1.8rem) .4rem;cursor:pointer;transition:transform .12s ease,background .12s ease;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.moodBtn:active{transform:scale(.94)}.moodBtn:hover{background:#38bdf824}.moodEmoji{font-size:clamp(2.8rem,9vw,5rem);line-height:1}.moodLabel{font-size:clamp(.85rem,2.4vw,1.25rem);font-weight:700}.moodSkip{background:transparent;border:none;color:var(--muted);font-size:1rem;text-decoration:underline;cursor:pointer;padding:.2rem}.moodCountdown{display:flex;flex-direction:column;align-items:center;gap:.4rem;width:min(560px,90vw);margin-top:.4rem}.moodCountBar{width:100%;height:8px;border-radius:999px;background:var(--glass);overflow:hidden;border:1px solid var(--glass-border)}.moodCountFill{height:100%;background:var(--accent);border-radius:999px;transition:width 1s linear}.moodCountText{color:var(--muted);font-size:.95rem}.mood-thanks{gap:.8rem}.moodBigEmoji{font-size:clamp(5rem,20vw,9rem);line-height:1;animation:pop .4s ease-out}.moodThanksTitle{font-size:clamp(1.8rem,6vw,3rem);font-weight:800;color:var(--ok, #34d399)}.moodThanksSub{font-size:clamp(1.1rem,3vw,1.6rem);color:var(--muted)}@media (max-width: 640px){.app{justify-content:flex-start;padding-top:2rem}.signageSlide{min-height:4rem}.moodRow{flex-wrap:wrap}.moodBtn{flex:1 1 40%}}:root[data-theme=bits]{--fg: #eef1fb;--muted: #a9b4d6;--accent: #6d8cf0;--accent-contrast: #0a1330;--ok: #4ade80;--geht: #fbbf24;--err: #f87171;--glass: rgba(109,140,240,.1);--glass-strong: rgba(109,140,240,.18);--glass-border: rgba(140,165,245,.3);--radius: 18px;--blur: 14px;--shadow: 0 14px 42px rgba(18,28,80,.55);--bar-bg: rgba(16,22,52,.78);--font: "Segoe UI", system-ui, Roboto, sans-serif;--bg: #0e1330;--bg-image: radial-gradient(58vmax 58vmax at 50% -12%, rgba(109,140,240,.32), transparent 60%), radial-gradient(46vmax 46vmax at 88% 108%, rgba(109,140,240,.16), transparent 60%), linear-gradient(160deg, #0e1330 0%, #151b40 100%)}:root[data-theme=bits] .clock{text-shadow:0 4px 22px rgba(109,140,240,.35)}:root[data-theme=modern]{--fg: #e6e8ee;--muted: #9aa4b2;--accent: #8b5cf6;--accent-contrast: #ffffff;--glass: rgba(255,255,255,.045);--glass-strong: rgba(255,255,255,.09);--glass-border: rgba(255,255,255,.08);--radius: 16px;--blur: 6px;--shadow: 0 12px 34px rgba(0,0,0,.5);--bar-bg: rgba(17,19,26,.85);--bg: #0b0c10;--bg-image: radial-gradient(55vmax 55vmax at 82% 0%, rgba(139,92,246,.2), transparent 60%), radial-gradient(50vmax 50vmax at 10% 100%, rgba(56,189,248,.1), transparent 60%), linear-gradient(160deg, #0b0c10 0%, #12141c 100%)}:root[data-theme=flat]{--fg: #eceff1;--muted: #90a4ae;--accent: #26c6da;--accent-contrast: #04252b;--glass: #263238;--glass-strong: #2f3f47;--glass-border: #37474f;--radius: 6px;--blur: 0px;--shadow: none;--bar-bg: #1c262b;--bg: #1b2429;--bg-image: none}:root[data-theme=apple]{--fg: #1d1d1f;--muted: #6e6e73;--accent: #0a84ff;--accent-contrast: #ffffff;--glass: rgba(255,255,255,.72);--glass-strong: rgba(255,255,255,.88);--glass-border: rgba(0,0,0,.08);--radius: 18px;--blur: 20px;--shadow: 0 10px 34px rgba(0,0,0,.12);--bar-bg: rgba(255,255,255,.62);--font: -apple-system, "SF Pro Display", "SF Pro Text", "Helvetica Neue", sans-serif;--bg: #f5f5f7;--bg-image: radial-gradient(60vmax 60vmax at 20% 0%, rgba(10,132,255,.1), transparent 60%), linear-gradient(160deg, #fbfbfd 0%, #eef0f4 100%)}:root[data-theme=windows]{--fg: #1b1b1b;--muted: #5d5d5d;--accent: #0067c0;--accent-contrast: #ffffff;--glass: rgba(255,255,255,.66);--glass-strong: rgba(255,255,255,.82);--glass-border: rgba(0,0,0,.08);--radius: 8px;--blur: 30px;--shadow: 0 8px 24px rgba(0,0,0,.14);--bar-bg: rgba(243,243,243,.86);--font: "Segoe UI Variable", "Segoe UI", system-ui, sans-serif;--bg: #eaecef;--bg-image: radial-gradient(70vmax 50vmax at 50% -10%, rgba(0,103,192,.1), transparent 60%), linear-gradient(160deg, #f3f3f3 0%, #e6e9ef 100%)}:root[data-theme=linux]{--fg: #f6f6f5;--muted: #c3b8bf;--accent: #e95420;--accent-contrast: #ffffff;--glass: rgba(255,255,255,.06);--glass-strong: rgba(255,255,255,.11);--glass-border: rgba(255,255,255,.12);--radius: 8px;--blur: 4px;--shadow: 0 8px 24px rgba(0,0,0,.45);--bar-bg: rgba(45,20,38,.9);--font: "Ubuntu", "Cantarell", system-ui, sans-serif;--bg: #2c001e;--bg-image: linear-gradient(160deg, #2c001e 0%, #3d1530 100%)}:root[data-theme=fluent]{--fg: #ffffff;--muted: #c8c8c8;--accent: #60cdff;--accent-contrast: #00243a;--glass: rgba(255,255,255,.06);--glass-strong: rgba(255,255,255,.1);--glass-border: rgba(255,255,255,.1);--radius: 8px;--blur: 30px;--shadow: 0 16px 40px rgba(0,0,0,.45);--bar-bg: rgba(32,32,32,.85);--font: "Segoe UI", system-ui, sans-serif;--bg: #1f1f1f;--bg-image: radial-gradient(60vmax 60vmax at 72% 8%, rgba(96,205,255,.14), transparent 60%), linear-gradient(160deg, #202020 0%, #2a2a2a 100%)}:root[data-theme=chrome]{--fg: #202124;--muted: #5f6368;--accent: #1a73e8;--accent-contrast: #ffffff;--glass: #ffffff;--glass-strong: #f1f3f4;--glass-border: #dadce0;--radius: 24px;--blur: 0px;--shadow: 0 1px 3px rgba(60,64,67,.3), 0 4px 14px rgba(60,64,67,.15);--bar-bg: rgba(255,255,255,.94);--font: "Roboto", "Google Sans", system-ui, sans-serif;--bg: #f8f9fa;--bg-image: none}:root[data-theme=apple] .clock,:root[data-theme=windows] .clock,:root[data-theme=chrome] .clock{text-shadow:none}