:root{font-family:IBM Plex Sans,Segoe UI,system-ui,sans-serif;line-height:1.5;font-weight:400;color:#383838;background-color:#e9e9e9;color-scheme:light;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;--color-base: #E9E9E9;--color-secondary: #DDDDDD;--color-tertiary: #CEC4B8;--color-text: #383838;--color-border: #383838;--color-text-secondary: #5a5a5a;--color-text-muted: #7a7a7a;--color-border-strong: #7a7a7a;--color-error-bg: #f4d6d6;--color-error-text: #5c1f1f;--color-success-bg: #dcefe3;--color-success-text: #214a2f;--color-accent: #1f7a3b;--color-accent-bg: #aac6b4;--color-accent-text: #1f7a3b;--badge-ok-border: #1f7a3b;--badge-ok-text: #1f7a3b;--badge-ok-bg: transparent;--badge-bad-border: #a12d2d;--badge-bad-text: #a12d2d;--badge-bad-bg: transparent;--button-hover-bg: var(--color-border);--button-hover-text: var(--color-base)}:root[data-theme=dark]{color:#e7e7e7;background-color:#0f1113;color-scheme:dark;--color-base: #0F1113;--color-secondary: #151A1E;--color-tertiary: #2A241E;--color-text: #E7E7E7;--color-text-secondary: #B7BEC6;--color-text-muted: #8C959F;--color-border: #2E3740;--color-border-strong: #3A4652;--color-error-bg: #2A1D1D;--color-error-text: #F2A3A3;--color-success-bg: #102417;--color-success-text: #8EF0B2;--color-accent: #2FAE5C;--color-accent-bg: #102417;--color-accent-text: #8EF0B2;--badge-ok-border: #2FAE5C;--badge-ok-text: #8EF0B2;--badge-ok-bg: #102417;--badge-bad-border: #E07A7A;--badge-bad-text: #F2A3A3;--badge-bad-bg: #2A1D1D;--button-hover-bg: #3A4652;--button-hover-text: #E7E7E7}*{box-sizing:border-box}body{margin:0;min-height:100vh;background-color:var(--color-base);color:var(--color-text)}a{color:inherit;text-decoration:none}button{font-family:inherit}.app{min-height:100vh;display:flex;flex-direction:column;gap:2rem;padding:2.5rem 1.5rem 3rem;background:radial-gradient(circle at top,#1f2430,#0b0d12 55%,#07080c);color:#f5f7ff}.app__header{max-width:680px}.app__badge{display:inline-flex;align-items:center;gap:.4rem;padding:.2rem .65rem;border-radius:999px;background:#ffffff1f;font-size:.75rem;letter-spacing:.08em;text-transform:uppercase}.app__header h1{font-size:clamp(2rem,4vw,2.8rem);margin:.6rem 0 .4rem}.app__header p{margin:0;color:#f5f7ffb8}.app__panel{background:#0f121ac7;border:1px solid rgba(255,255,255,.08);border-radius:18px;padding:1.5rem;max-width:720px;box-shadow:0 20px 40px #00000059}.app__panel h2{margin-top:0;font-size:1.2rem}.status{display:inline-flex;align-items:center;gap:.5rem;padding:.35rem .7rem;border-radius:8px;font-weight:600;margin:.5rem 0 1.5rem}.status--loading{background:#38bdf82e;color:#7dd3fc}.status--ready{background:#22c55e2e;color:#86efac}.status--anon{background:#f871712e;color:#fecaca}.status--error{background:#fbbf242e;color:#fde68a}.status--idle{background:#94a3b82e;color:#cbd5f5}.app__details{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:1rem}.app__details div{display:flex;flex-direction:column;gap:.35rem;background:#ffffff0a;padding:.75rem .9rem;border-radius:12px}.app__details span{font-size:.78rem;text-transform:uppercase;letter-spacing:.08em;color:#fff9}.app__details strong{font-size:.95rem}.app__hint{margin:0 0 1rem;color:#f5f7ffa6}.app__error{margin:.4rem 0 .8rem;padding:.5rem .75rem;border-radius:10px;background:#f8717129;color:#fecaca;font-weight:600}.login-modes{display:flex;flex-wrap:wrap;gap:.75rem;margin-bottom:1rem}.login-modes button{padding:.45rem .9rem;border-radius:999px;border:1px solid rgba(255,255,255,.18);background:#ffffff0f;color:#f5f7ff;font-weight:600}.login-modes button.active{border-color:#7dd3fc99;background:#38bdf833;color:#dbeafe}.photo-uploader{display:flex;flex-direction:column;gap:.75rem}.photo-uploader__preview{width:160px;height:160px;object-fit:cover;border-radius:16px;border:1px solid rgba(255,255,255,.16);cursor:pointer}.employee-card{display:flex;align-items:center;gap:1rem;background:#ffffff0f;padding:.75rem 1rem;border-radius:16px;margin-bottom:1rem}.employee-card img{width:72px;height:72px;border-radius:14px;object-fit:cover;border:1px solid rgba(255,255,255,.18)}.employee-card span{display:block;font-size:.72rem;text-transform:uppercase;letter-spacing:.08em;color:#f5f7ff99}.credentials-card{margin:1rem 0;padding:1rem;border-radius:16px;background:#ffffff0f;display:flex;flex-wrap:wrap;gap:1rem;align-items:center;justify-content:space-between}.credentials-card p{margin:.15rem 0;color:#f5f7ffb3}.credentials-card__actions{display:flex;flex-direction:column;gap:.4rem;align-items:flex-start}.credentials-card__actions span{font-size:.85rem;color:#7dd3fccc}.scanner{display:grid;gap:.8rem;align-items:start}.scanner__viewport{width:min(320px,100%);aspect-ratio:1 / 1;border-radius:18px;border:1px dashed rgba(255,255,255,.2);background:#090a0f99;display:grid;place-items:center;position:relative;overflow:hidden;isolation:isolate}.scanner__viewport.ready{border-style:solid}.scanner__status{padding:.4rem .7rem;border-radius:8px;font-weight:600;background:#94a3b82e;color:#cbd5f5;width:fit-content;max-width:100%;justify-self:start;box-sizing:border-box}.scanner__status--loading{background:#38bdf82e;color:#7dd3fc}.scanner__status--allowed{background:#22c55e2e;color:#86efac}.scanner__status--denied,.scanner__status--error{background:#f871712e;color:#fecaca}.scanner__error{color:#fca5a5;margin:0}.scanner__hint{margin:0;font-size:.9rem;color:#94a3b8e6}.scanner__select{display:grid;gap:.4rem;max-width:260px}.scanner__select span{font-size:.85rem;color:#94a3b8cc}.scanner__select select{padding:.5rem .7rem;border-radius:10px;border:1px solid rgba(255,255,255,.2);background:#0c0f16e6;color:#f5f7ff}.scanner__file{position:relative;display:inline-flex;align-items:center;gap:.4rem;padding:.55rem .9rem;border-radius:10px;border:1px dashed rgba(255,255,255,.25);color:#cbd5f5;cursor:pointer;font-weight:600}.scanner__file input{position:absolute;inset:0;opacity:0;cursor:pointer}.scanner__actions{display:flex;gap:.75rem;margin-top:1rem}.scanner__actions button{padding:.6rem 1.1rem;border-radius:10px;border:1px solid rgba(255,255,255,.2);background:#0f121ab3;color:#f5f7ff;font-weight:600}.sync{margin-top:1rem;font-size:.9rem;color:#f5f7ffbf}.sync--syncing{color:#7dd3fc}.sync--error{color:#fca5a5}.employee-search{position:relative;max-width:420px}.employee-search__row{display:flex;align-items:center;gap:.6rem}.employee-search__row .input-with-spinner{flex:1}.employee-search__row button{padding:.6rem .9rem;border-radius:12px;white-space:nowrap}.input-with-spinner{position:relative;display:flex;align-items:center}.input-with-spinner input{width:100%;padding-right:2.2rem}.employee-search--filters{margin-top:.8rem}.employee-search input{width:100%;padding:.65rem .8rem;border-radius:12px;border:1px solid rgba(255,255,255,.2);background:#0c0f16cc;color:#f5f7ff}.employee-search__suggestions{margin-top:.6rem;display:grid;gap:.5rem}.employee-search__suggestions button{text-align:left;padding:.6rem .75rem;border-radius:10px;border:1px solid rgba(255,255,255,.1);background:#0c0f16f2;color:#f5f7ff}.employee-gyms{display:grid;gap:.8rem;margin-top:1rem}.employee-gyms__card{padding:.8rem 1rem;border-radius:12px;background:var(--color-secondary);display:grid;gap:.6rem;border:1px solid var(--color-border);cursor:pointer}.employee-gyms__card.selected{border-color:var(--color-text);background:var(--color-tertiary)}.employee-gyms__card strong{display:block;margin-bottom:.25rem}.employee-gyms__card-header span{display:block;color:#f5f7ffb3;font-size:.9rem}.employee-gyms__card button{align-self:flex-start}.wallet-card{margin-top:1rem;padding:1rem;border-radius:16px;background:#0c0f16d9;display:flex;justify-content:space-between;gap:1rem;align-items:center}.wallet-card__info{display:grid;gap:.3rem}.wallet-card__info span{font-size:.85rem;color:#94a3b8cc}.wallet-card__info strong{font-size:1.1rem}.wallet-card__info small{font-size:.9rem;color:#94a3b8e6}.wallet-card__photo{width:96px;height:96px;border-radius:14px;overflow:hidden;background:#ffffff14;display:grid;place-items:center}.wallet-card__photo img{width:100%;height:100%;object-fit:cover}.wallet-card__placeholder{font-size:.75rem;color:#2f2f2f;padding:.4rem;text-align:center}.wallet-actions{margin-top:1rem;display:grid;gap:.6rem}.wallet-qr{margin-top:1rem;padding:.8rem;border-radius:16px;background:#0f121abf;display:grid;place-items:center}.wallet-qr img{width:min(340px,78vw);height:auto;aspect-ratio:1;padding:10px;box-sizing:border-box;border-radius:12px;background:#fff;image-rendering:pixelated}.wallet-qr__gym{margin-top:.4rem;font-size:.8rem;color:#e9e9e9d9}.wallet-manual{margin-top:.6rem;display:inline-flex;align-items:center;gap:.5rem;padding:.35rem .6rem;border-radius:999px;border:1px solid rgba(255,255,255,.25);background:#00000040;color:#e9e9e9;font-size:.8rem}.wallet-manual strong{font-size:.95rem;letter-spacing:.08em}.wallet-manual em{font-style:normal;font-size:.7rem;opacity:.7}.qr-result{margin-top:1rem;padding:.75rem;border-radius:12px;background:#0f121abf;display:grid;gap:.4rem}.qr-result code{font-size:.75rem;word-break:break-all}.panel-grid{display:grid;gap:1rem;margin-top:1rem}.panel-item{display:grid;gap:.25rem;padding:.7rem .85rem;border-radius:12px;background:#ffffff0a}.panel-item__header{display:flex;align-items:flex-start;justify-content:space-between;gap:.9rem}.panel-item__heading{display:grid;gap:.25rem;min-width:0}.panel-item__title{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap;min-width:0}.panel-item__meta{font-size:.9rem;color:var(--color-text-muted)}.panel-actions{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:.35rem}.panel-subsection{margin-top:.6rem;padding-top:.6rem;border-top:1px solid rgba(255,255,255,.08);display:grid;gap:.5rem}.panel-subsection h4{margin:.4rem 0 .2rem;font-size:.95rem}.panel-form{display:grid;gap:.6rem;margin-top:1rem}.panel-form>button{justify-self:start;width:fit-content}.panel-form--login>button{justify-self:center}.panel-form input{padding:.6rem .75rem;border-radius:10px;border:1px solid rgba(255,255,255,.12);background:#0c0f16cc;color:#f5f7ff}.panel-list{margin-top:1rem;display:grid;gap:.6rem}.admin-tabs{display:grid;gap:1rem;width:100%}.admin-header{display:flex;align-items:center;justify-content:space-between;gap:.8rem;flex-wrap:wrap}.admin-header h2{margin:0}.admin-header__session{display:inline-flex;align-items:center;gap:.6rem;font-size:.85rem;flex-wrap:wrap}.admin-header__label{font-size:.72rem;color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.06em}.admin-tabs__bar{display:flex;flex-wrap:wrap;gap:.7rem;align-items:center;overflow-x:auto;padding-bottom:.25rem}.admin-tabs__tab{width:fit-content;padding:.35rem .85rem;border-radius:999px;border:1px solid var(--color-border);background:var(--color-secondary);font-size:.85rem}.admin-tabs__tab.active{background:var(--color-text);color:var(--color-base);border-color:var(--color-text)}.admin-tabs__content{display:grid;gap:1rem}.admin-subtabs{display:flex;flex-wrap:wrap;gap:.6rem;align-items:center}.admin-subtabs__tab{width:fit-content;padding:.3rem .8rem;border-radius:999px;border:1px solid var(--color-border);background:var(--color-secondary);font-size:.8rem}.admin-subtabs__tab.active{background:var(--color-text);color:var(--color-base);border-color:var(--color-text)}.admin-subtabs__content{display:grid;gap:1rem}.admin-main{display:grid;gap:1.25rem;min-width:0}.admin-session-bar{display:flex;flex-wrap:wrap;gap:.8rem;align-items:center;justify-content:space-between}.admin-session-bar__info{display:grid;gap:.2rem}.admin-session-bar__actions{display:flex;align-items:center;gap:.6rem;flex-wrap:wrap}.admin-chart{display:grid;gap:.6rem}.admin-chart__header{display:flex;align-items:center;justify-content:space-between;gap:.6rem;flex-wrap:wrap}.admin-chart__controls{display:flex;flex-wrap:wrap;gap:.6rem;align-items:center}.admin-chart__range,.admin-chart__toggle{display:flex;gap:.4rem;align-items:center}.admin-chart__range button,.admin-chart__toggle button{padding:.25rem .7rem;border-radius:999px;border:1px solid var(--color-border);background:var(--color-secondary);font-size:.75rem}.admin-chart__range button.active,.admin-chart__toggle button.active{background:var(--color-text);color:var(--color-base);border-color:var(--color-text)}.admin-chart__bars{display:flex;align-items:flex-end;gap:.4rem;height:140px;padding:.4rem .2rem 0}.admin-chart__bar{flex:1 1 0;min-width:18px;border-radius:10px 10px 6px 6px;background:var(--color-text);color:var(--color-base);display:flex;align-items:flex-end;justify-content:center;padding:.25rem .15rem;font-size:.7rem;font-weight:600}.admin-chart__labels{display:flex;justify-content:space-between;gap:.4rem;font-size:.75rem;color:#5a5a5a}.admin-chart__line-wrap{display:grid;gap:.5rem}.admin-chart__line{width:100%;height:160px}.tag-section--nested{margin-top:.6rem;padding-left:.8rem;border-left:2px dashed rgba(56,56,56,.25)}.admin-security{display:grid;gap:.7rem}.admin-security__header{display:flex;align-items:center;justify-content:space-between;gap:.6rem;flex-wrap:wrap}.admin-security__actions{display:flex;gap:.6rem;flex-wrap:wrap}.admin-totp{display:grid;gap:.8rem}.admin-totp__info{display:grid;gap:.4rem}.admin-totp__qr{width:160px;height:160px;border-radius:12px;border:1px solid var(--color-border);background:var(--color-secondary)}.admin-totp__secret{display:flex;align-items:center;gap:.6rem;flex-wrap:wrap}.admin-totp__secret code{padding:.25rem .4rem;border-radius:8px;border:1px solid var(--color-border);background:var(--color-base);font-size:.85rem}.admin-logs{display:grid;gap:.9rem}.admin-logs--tab{width:100%}.admin-log__details{font-size:.75rem;line-height:1.25;white-space:pre-wrap;background:#0000001f;padding:.5rem .6rem;border-radius:8px;overflow:auto;max-height:220px}.admin-logs__header{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem}.admin-logs__summary{display:grid;gap:.2rem;font-size:.8rem;color:#5a5a5a;text-align:right}.admin-logs__toolbar{display:flex;flex-wrap:wrap;gap:.5rem;align-items:center}.admin-logs__settings-wrapper{position:relative}.app .admin-logs__settings-button{width:26px;height:26px;border-radius:10px;display:inline-flex;align-items:center;justify-content:center;padding:0;min-height:0;min-width:0;font-size:.75rem}.admin-logs__settings{position:absolute;top:calc(100% + .4rem);left:0;min-width:200px;background:var(--color-secondary);border:1px solid var(--color-border);border-radius:12px;padding:.6rem .7rem;display:grid;gap:.4rem;z-index:5}.admin-logs__settings label{display:grid;gap:.3rem;font-size:.8rem}.admin-logs__settings input{padding:.35rem .5rem;border-radius:10px;border:1px solid var(--color-border);background:var(--color-base);color:var(--color-text)}.admin-logs__status{font-size:.8rem;color:#2e5d3e}.admin-logs__status--error{color:#7a1f1f}.admin-logs__list{display:grid;gap:.9rem;overflow-y:auto;padding-right:.4rem;min-height:0;max-height:60vh}.admin-log{gap:.6rem}.admin-log--selected{border:2px solid var(--color-border);box-shadow:inset 0 0 0 1px var(--color-border)}.admin-log__header{display:flex;align-items:center;gap:.6rem;flex-wrap:wrap}.admin-log__select{display:inline-flex;align-items:center;gap:.4rem}.admin-log__severity{width:.55rem;height:.55rem;border-radius:999px;border:1px solid var(--color-border);display:inline-block}.severity--low{background:#f0c75e}.severity--medium{background:#e08a39}.severity--high{background:#d55858}.admin-log__time{margin-left:auto;font-size:.75rem;color:#5a5a5a}.admin-log__meta{display:grid;gap:.25rem;font-size:.85rem;color:#3a3a3a}.admin-log__actions{display:flex;flex-wrap:wrap;gap:.5rem}@media(min-width:1024px){.app__panel--admin{max-width:none}.admin-logs{display:grid;gap:1rem;position:relative;padding:1.1rem 1.2rem;border:2px solid var(--color-border);border-radius:18px;width:100%;background:var(--color-secondary)}.admin-logs__list{max-height:65vh;padding-right:0}.admin-logs__header,.admin-logs__toolbar{position:sticky;top:0;z-index:2;background:var(--color-secondary);padding:.25rem 0}.admin-logs h3{font-size:1.1rem;margin:0}.admin-logs .panel-item{gap:.6rem;padding:1rem 1.2rem}.admin-logs .app__hint{margin:0}.admin-logs__toolbar button{padding:.35rem .6rem;font-size:.82rem;border-radius:12px}}@media(max-width:1023px){.admin-tabs__tab--logs{display:none}}@media(max-width:640px){.app{padding:2rem 1.2rem 2.5rem}.app__panel{padding:1.2rem}}.app{background:var(--color-base);color:var(--color-text);padding:1.5rem 1.2rem 2.5rem;gap:1.25rem}.app__header{display:flex;align-items:center;justify-content:space-between;gap:1rem;position:relative;width:100%;max-width:760px;margin:0 auto}.app__header h1{font-size:1.45rem;margin:.2rem 0}.brand-title{display:inline-flex;align-items:center;gap:.6rem}.brand-title__mark{width:38px;height:38px;flex:0 0 auto}.app__header--compact h1{font-size:1.05rem}.app__header--compact .brand-title__mark{width:30px;height:30px}.app__header p{color:var(--color-text-secondary)}.app__header-actions{display:flex;align-items:center;gap:.6rem}.theme-toggle{display:inline-flex;align-items:center;gap:.35rem;padding:.35rem .6rem;font-size:.82rem;border-radius:999px;min-height:32px}.theme-toggle__icon{font-size:.9rem;line-height:1}.theme-toggle__label{font-size:.8rem}.theme-control{position:relative}.theme-menu{position:absolute;right:0;top:calc(100% + .45rem);display:grid;gap:.4rem;min-width:180px;padding:.6rem;background:var(--color-secondary);border:1px solid var(--color-border);border-radius:14px;box-shadow:0 12px 24px #00000026;z-index:20}.theme-menu button{width:100%;justify-content:flex-start;font-size:.82rem;min-height:36px}.session-control{position:relative}.tooltip{position:relative;display:inline-flex;align-items:center}.app .tooltip__button{width:16px!important;height:16px!important;border-radius:999px;padding:0!important;min-height:16px!important;min-width:16px!important;display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;font-size:.6rem;font-weight:700;line-height:1}.tooltip__popover{position:fixed;top:0;left:0;width:min(220px,calc(100vw - 1.5rem));max-height:min(280px,calc(100vh - 1.5rem));overflow:auto;background:var(--color-secondary);border:1px solid var(--color-border);border-radius:14px;padding:.65rem .75rem;z-index:30;font-size:.85rem;color:var(--color-text);box-shadow:0 10px 22px #0000001f}.session-toggle{padding:.35rem .7rem;font-size:.85rem}.boot-overlay{position:fixed;inset:0;background:var(--color-base);display:flex;align-items:center;justify-content:center;opacity:0;pointer-events:none;transition:opacity .2s ease;z-index:1000}.boot-overlay--visible{opacity:1;pointer-events:auto}.boot-logo{width:min(44vw,170px);height:auto}.boot-logo .logo-outer,.boot-logo .logo-inner,.boot-logo .logo-check{stroke-dasharray:1;stroke-dashoffset:1}.boot-logo .logo-outer{animation:boot-draw .28s ease forwards}.boot-logo .logo-inner{animation:boot-draw .34s ease forwards;animation-delay:.12s}.boot-logo .logo-check{animation:boot-draw .26s ease forwards;animation-delay:.22s}.boot-logo .logo-pixels{opacity:0;animation:boot-fade .18s ease forwards;animation-delay:.32s}.boot-overlay--reduced .boot-logo .logo-outer,.boot-overlay--reduced .boot-logo .logo-inner,.boot-overlay--reduced .boot-logo .logo-check{animation:none;stroke-dashoffset:0}.boot-overlay--reduced .boot-logo .logo-pixels{animation:none;opacity:1}@keyframes boot-draw{to{stroke-dashoffset:0}}@keyframes boot-fade{to{opacity:1}}.session-popover{position:absolute;top:calc(100% + .5rem);right:0;z-index:20;min-width:220px;background:var(--color-secondary);border:2px solid var(--color-border);border-radius:14px;padding:.8rem;display:grid;gap:.75rem}.session-details{display:grid;gap:.5rem}.session-details div{display:flex;flex-direction:column;gap:.2rem}.session-details span{font-size:.7rem;text-transform:uppercase;letter-spacing:.08em;color:#5f5f5f}.session-close{font-size:.75rem}.app__panel{background:var(--color-secondary);border:2px solid var(--color-border);box-shadow:none;width:100%;max-width:760px;margin:0 auto;padding:1.2rem}.app__panel--admin{max-width:760px}.app__panel h2{font-size:1.05rem}.app__hint{color:#5f5f5f}.app__details div{background:var(--color-tertiary);border:1px solid var(--color-border)}.app__footer{width:100%;max-width:760px;margin:1.1rem auto 2.2rem;text-align:center;display:flex;flex-direction:column;align-items:center;gap:.4rem;font-size:.75rem;color:#5f5f5f}.support-link{border:1px solid var(--color-border);border-radius:999px;background:var(--color-surface);color:var(--color-text);padding:.4rem .85rem;font-size:.75rem;cursor:pointer}.support-link:hover,.support-link:focus-visible{background:var(--color-border-strong);color:var(--color-text-inverse)}.support-modal textarea{width:100%;min-height:120px;resize:vertical}.modal-overlay{position:fixed;inset:0;background:#38383838;display:flex;align-items:center;justify-content:center;padding:1.1rem;z-index:50}.modal{width:min(520px,100%);background:var(--color-secondary);border:2px solid var(--color-border);border-radius:18px;padding:1.1rem;display:grid;gap:.7rem}.modal h3{margin:0}.modal input{padding:.65rem .8rem;border-radius:14px;border:1px solid var(--color-border);background:var(--color-base);color:var(--color-text)}.modal__actions{display:flex;gap:.6rem;justify-content:flex-end;flex-wrap:wrap}.app__details span{color:var(--color-text-muted)}.app__error{background:var(--color-error-bg);color:var(--color-error-text);border:1px solid var(--color-error-text)}.app__success{margin:.4rem 0 .8rem;padding:.5rem .75rem;border-radius:10px;background:var(--color-success-bg);color:var(--color-success-text);border:1px solid var(--color-success-text)}.throbber{width:14px;height:14px;border-radius:999px;border:2px solid var(--color-border);border-top-color:transparent;display:inline-block;vertical-align:middle;margin-right:.4rem;animation:throbber-spin .8s linear infinite}.throbber--sm{width:12px;height:12px;border-width:2px}.throbber--muted{border-color:var(--color-border-strong);border-top-color:transparent}.loading-inline{display:inline-flex;align-items:center;gap:.3rem}@keyframes throbber-spin{to{transform:rotate(360deg)}}.app button,.app .scanner__file{background:var(--color-base);color:var(--color-text);border:1px solid var(--color-border);border-radius:14px;padding:.7rem 1rem;min-height:44px;line-height:1;font-weight:600;transition:background .15s ease,color .15s ease,border-color .15s ease}.app button.theme-toggle{min-height:32px;padding:.35rem .6rem}.app button:hover,.app button:focus-visible,.app button:active,.app .scanner__file:hover,.app .scanner__file:focus-within{background:var(--button-hover-bg);color:var(--button-hover-text)}.app button:disabled{opacity:.6;cursor:not-allowed}.login-modes button{background:var(--color-base);color:var(--color-text);border:1px solid var(--color-border)}.login-modes button.active{background:var(--color-border);color:var(--color-base)}.panel-form input,.panel-form select,.panel-form textarea,.employee-search input,.scanner__select select{background:var(--color-base);color:var(--color-text);border:1px solid var(--color-border)}.app textarea{width:100%;min-height:90px;padding:.65rem .8rem;border-radius:12px;border:1px solid var(--color-border);background:var(--color-base);color:var(--color-text);resize:vertical}.scanner__viewport{background:var(--color-tertiary);border:2px dashed var(--color-border);border-radius:18px;overflow:hidden}.scanner__status{background:var(--color-tertiary);color:var(--color-text);border:1px solid var(--color-border)}.scanner__settings summary{color:var(--color-text);opacity:.8}.app button.wallet-toggle{width:100%;display:flex;align-items:center;justify-content:space-between;padding:.75rem 1rem}.wallet-card__info span{color:var(--color-text-secondary)}.wallet-card__info strong{color:var(--color-text)}.wallet-card__info small,.wallet-card__company{color:var(--color-text-secondary);font-weight:600}.wallet-meta{display:flex;flex-wrap:wrap;gap:.4rem;margin-top:.35rem}.badge{font-size:.72rem;padding:.2rem .5rem;border-radius:999px;border:1px solid var(--color-border);background:var(--color-base);color:var(--color-text)}.badge--ok{border-color:var(--badge-ok-border);color:var(--badge-ok-text);background:var(--badge-ok-bg)}.badge--bad{border-color:var(--badge-bad-border);color:var(--badge-bad-text);background:var(--badge-bad-bg)}.badge--muted{border-color:var(--color-border);color:var(--color-text);background:var(--color-secondary);opacity:.85}.tag-row{display:flex;flex-wrap:wrap;gap:.35rem;margin-top:.35rem}.tag-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:.4rem}.tag-option{display:flex;align-items:center;gap:.45rem;padding:.35rem .5rem;border-radius:12px;border:1px solid var(--color-border);background:var(--color-base);font-size:.85rem}.tag-option input{accent-color:var(--color-text)}.tag-section{margin-top:.6rem;display:grid;gap:.4rem}.employee-gyms__card-header{display:flex;justify-content:space-between;gap:.6rem;align-items:flex-start}.gym-details{margin-top:.4rem;font-size:.9rem;color:var(--color-text);opacity:.8}.employee-filters{margin-top:.8rem;padding:.6rem .75rem;border-radius:14px;border:1px solid var(--color-border);background:var(--color-tertiary)}.employee-filters summary{cursor:pointer;font-weight:600}.employee-filters__summary{display:flex;align-items:center;gap:.6rem;justify-content:space-between;padding:.45rem .7rem;border-radius:12px;border:1px solid var(--color-border);background:var(--color-secondary)}.employee-filters__chevron{font-size:.9rem;opacity:.7}.employee-filters summary::marker{content:""}.employee-filters summary::-webkit-details-marker{display:none}.link-button{border:none;background:transparent;padding:0;font-size:.8rem;color:var(--color-text);text-decoration:underline}.button-ghost{border:1px dashed var(--color-border);background:transparent;padding:.4rem .7rem;border-radius:10px;font-size:.85rem;color:var(--color-text)}.wallet-card__photo{width:120px;height:120px}.wallet-card__photo img{filter:contrast(1.08) saturate(1.05) brightness(1.02)}.wallet-card{background:var(--color-tertiary);border:1px solid var(--color-border)}.wallet-callout{margin:.6rem 0 .2rem;padding:.65rem .75rem;border-radius:12px;background:var(--color-tertiary);border:1px solid var(--color-border);display:grid;gap:.2rem}.wallet-callout strong{font-size:.85rem;text-transform:uppercase;letter-spacing:.08em}.wallet-callout span{font-size:.95rem}.wallet-callout__hint{font-size:.82rem;color:#555}.wallet-qr__hint{margin:.8rem 0 .35rem;font-size:.92rem;color:#5f5f5f}.wallet-validity{margin:.1rem 0 .65rem;font-size:.92rem;color:#5f5f5f;display:inline-flex;align-items:center;flex-wrap:wrap;gap:.45rem}.wallet-validity__sep{opacity:.7}.wallet-qr{position:relative;overflow:hidden;background:var(--color-secondary);border:1px solid var(--color-border)}.employee-gyms__card{width:100%;text-align:left;padding:.8rem 1rem;background:var(--color-secondary);border:1px solid var(--color-border)}.employee-gyms__card.selected{background:var(--color-tertiary);color:var(--color-text);border-color:var(--color-text)}.employee-gyms__card-header span{color:inherit}.panel-item,.credentials-card,.wallet-card__photo,.employee-card,.qr-result,.sync{background:var(--color-tertiary);border:1px solid var(--color-border);box-shadow:none}@media(max-width:640px){.app{padding:1.2rem 1rem 2rem}}.scanner__settings{max-width:240px}.scanner__settings summary{cursor:pointer;font-size:.8rem;color:var(--color-text);opacity:.8;margin-bottom:.3rem}.scanner__feed{position:absolute;inset:0}.scanner__feed #qr-shaded-region,.scanner__feed .qr-shaded-region{display:none!important}.scanner__tracking{position:absolute;left:0;top:0;width:0;height:0;border:2px solid #1f7a3b;border-radius:10px;box-shadow:0 0 0 2px #1f7a3b26;opacity:0;pointer-events:none;transition:transform .12s ease,width .12s ease,height .12s ease,opacity .12s ease}.scanner__status--float{position:absolute;left:50%;bottom:12px;transform:translate(-50%);background:#00000073;color:#e9e9e9;border:1px solid rgba(255,255,255,.15);font-weight:500;font-size:.85rem}.app .scanner__settings-button{position:absolute;top:10px;right:10px;width:34px;height:34px;border-radius:10px;border:1px solid rgba(255,255,255,.2);background:#0006;color:#e9e9e9;font-size:16px;display:grid;place-items:center;padding:0;min-height:0;min-width:0}.app .scanner__retry-button{position:absolute;top:10px;left:10px;width:34px;height:34px;border-radius:10px;border:1px solid rgba(255,255,255,.2);background:#0006;color:#e9e9e9;font-size:18px;display:grid;place-items:center;padding:0;min-height:0;min-width:0}.app .scanner__retry-button:hover,.app .scanner__retry-button:active,.app .scanner__retry-button:focus-visible{background:#0000008c}.scanner__settings-popover{position:absolute;top:50px;right:10px;background:#000000b3;border:1px solid rgba(255,255,255,.2);border-radius:12px;padding:.6rem;z-index:2}.scanner__toggle{margin-top:.5rem;width:100%;font-size:.75rem;padding:.4rem .6rem;border-radius:10px;border:1px solid rgba(255,255,255,.25);background:#00000073;color:#e9e9e9}.scanner__toggle.active{border-color:#2eae5cb3;color:#8ef0b2}.scanner__cta{position:absolute;inset:0;display:grid;place-items:center;text-align:center;gap:.6rem;color:#e9e9e9;background:linear-gradient(180deg,#0000002e,#00000059)}.scanner__cta--allowed{background:linear-gradient(180deg,#11182726,#11182759)}.scanner__cta-icon{width:56px;height:56px;border-radius:999px;display:grid;place-items:center;border:2px solid rgba(34,197,94,.55);background:#22c55e1f;animation:pop-in .18s ease-out}.scanner__cta-check{font-size:26px;line-height:1;color:#22c55ef2}@keyframes pop-in{0%{transform:scale(.92);opacity:.6}to{transform:scale(1);opacity:1}}.scanner__cta span{font-size:.95rem;color:#e9e9e9e6}.scanner__feed video,.scanner__feed canvas{width:100%!important;height:100%!important;object-fit:cover;border-radius:14px}.scanner__cta-button{background:var(--color-base);color:var(--color-text);border:2px solid var(--color-border);border-radius:14px;padding:.65rem 1.2rem;font-weight:600}.scanner__cta-button:active,.scanner__cta-button:hover,.scanner__cta-button:focus-visible{background:var(--color-border);color:var(--color-base)}.scanner__cta-title{font-size:1rem;font-weight:600;color:#e9e9e9;letter-spacing:.01em}.scanner__manual{display:grid;grid-template-columns:1fr auto;gap:.5rem;width:100%;align-items:center}.scanner__manual input{min-width:0}.input-spinner{width:14px;height:14px;border:2px solid rgba(56,56,56,.25);border-top-color:#383838;border-radius:50%;position:absolute;right:.7rem;top:50%;transform:translateY(-50%);animation:spin .9s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.wallet-qr--locked img,.wallet-qr--expired img{opacity:.5}.wallet-qr__overlay{position:absolute;inset:0;display:grid;place-items:center;padding:1rem;background:#e9e9e9db;animation:wallet-overlay-in .18s ease-out}.wallet-qr__overlay-card{width:min(320px,92%);border-radius:14px;border:2px solid var(--color-border);background:#e9e9e9f5;padding:.9rem;display:grid;gap:.45rem;text-align:center}.wallet-qr__overlay-icon{width:54px;height:54px;border-radius:999px;margin:0 auto .15rem;display:grid;place-items:center;border:2px solid rgba(34,197,94,.55);background:#22c55e1f;color:#22c55ef2;font-size:26px}@keyframes wallet-overlay-in{0%{opacity:0;transform:scale(.98)}to{opacity:1;transform:scale(1)}}.photo-crop-overlay{position:fixed;inset:0;background:#00000059;display:grid;place-items:center;padding:1rem;z-index:30}.photo-crop-card{width:min(380px,92vw);background:var(--color-base);border:1px solid var(--color-border);border-radius:16px;padding:1rem;display:grid;gap:.8rem}.photo-crop-preview{display:grid;place-items:center}.photo-crop-preview canvas{width:min(260px,72vw);height:auto;aspect-ratio:1;border-radius:16px;border:1px solid var(--color-border);background:var(--color-tertiary)}.photo-crop-controls{display:grid;gap:.6rem}.photo-crop-controls label{display:grid;gap:.25rem;font-size:.85rem}.photo-crop-actions{display:flex;flex-wrap:wrap;gap:.5rem}@media(min-width:420px){.wallet-card__photo{width:136px;height:136px}.wallet-card__info strong{font-size:1.2rem}}@media(min-width:768px){.wallet-card__photo{width:168px;height:168px}.wallet-card__info strong{font-size:1.35rem}}