.shell{display:grid;grid-template-rows:var(--height-header) 1fr var(--height-footer);height:100%;background:var(--color-background)}.shell__header{display:flex;align-items:center;justify-content:space-between;gap:var(--space-lg);padding:0 3.4rem;background:var(--color-primary)}.shell__title{margin:0;color:var(--color-text-inverse);font-size:4.6rem;font-weight:700;letter-spacing:.1rem;white-space:nowrap}.shell__header-right{display:flex;align-items:center;gap:2.2rem;min-width:0}.shell__info{color:var(--color-text-inverse);font-size:2.1rem;font-weight:700;white-space:nowrap}.shell__logout{width:17.8rem;height:5.6rem;flex-shrink:0;border:.2rem solid var(--color-text-inverse);border-radius:var(--radius-md);background:var(--color-surface);color:var(--color-primary);font-size:2rem;font-weight:700}.shell__logout:active{background:var(--color-background)}.shell__content{min-height:0;padding:var(--space-xl)}.shell__footer{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:var(--space-md);padding:0 3.4rem;background:var(--color-surface);border-top:.3rem solid var(--color-primary)}.shell__footer-left{display:flex;align-items:center;gap:var(--space-sm);min-width:0}.shell__footer-center{display:flex;justify-content:center}.shell__footer-right{display:flex;align-items:center;justify-content:flex-end;gap:var(--space-lg);min-width:0}.shell__footer-text{color:var(--color-primary);font-size:var(--font-small);font-weight:700;white-space:nowrap}.shell__footer-text--alert{color:var(--color-danger)}.shell__footer-separator{color:var(--color-border);font-size:2rem;font-weight:700}.shell__logo-button{display:flex;align-items:center;justify-content:center;height:8.6rem;padding:0 var(--space-md);border-radius:var(--radius-md)}.shell__logo-button:active{background:var(--color-background)}.shell__logo{height:7rem;max-width:26rem;object-fit:contain}.dashboard{display:grid;grid-template-columns:repeat(2,minmax(0,50rem));grid-auto-rows:minmax(0,22rem);gap:var(--space-xl);place-content:center;height:100%}.dashboard__tile{display:flex;align-items:center;gap:var(--space-xl);padding:var(--space-xl);border:.3rem solid var(--color-primary);border-radius:var(--radius-xl);background:var(--color-surface);text-align:left}.dashboard__tile:active:not(:disabled){background:var(--color-accent-active)}.dashboard__tile:disabled{border-color:var(--color-border);opacity:.55}.dashboard__icon{font-size:7.2rem;line-height:1;flex-shrink:0}.dashboard__text{display:flex;flex-direction:column;gap:var(--space-sm);min-width:0}.dashboard__title{color:var(--color-primary);font-size:3.4rem;font-weight:700}.dashboard__subtitle{color:var(--color-text-light);font-size:2.2rem}.numberpad{display:grid;grid-template-columns:repeat(3,13.8rem);gap:var(--space-xs)}.numberpad__key{height:11rem;border:.3rem solid var(--color-primary);border-radius:var(--radius-md);background:var(--color-primary);color:var(--color-text-inverse);font-size:4.6rem;font-weight:700}.numberpad__key:active:not(:disabled){background:var(--color-surface);color:var(--color-primary)}.numberpad__key:disabled{opacity:.4}.numberpad__key--confirm{border-color:var(--color-success);background:var(--color-success)}.numberpad__key--confirm:active:not(:disabled){color:var(--color-success)}.pin{display:flex;gap:var(--space-md)}.pin__slot{display:flex;align-items:center;justify-content:center;width:7rem;height:8.4rem;border:.3rem solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface);color:var(--color-primary);font-size:3.6rem;line-height:1;transition:border-color .12s ease,background-color .12s ease}.pin__slot--filled{border-color:var(--color-primary)}.pin__slot--invalid{border-color:var(--color-danger);background:var(--color-hint-error-bg);color:var(--color-danger)}.login{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;padding-bottom:3rem}.login__title{margin:0;color:var(--color-primary);font-size:5.2rem;font-weight:700}.login__subtitle{margin:1.2rem 0 0;color:var(--color-text-light);font-size:2.4rem}.login__pin{margin:3.2rem 0 2rem}.login__message{height:3.4rem;margin:0 0 2rem;font-size:2rem;font-weight:700}.login__message--success{color:var(--color-success)}.login__message--error{color:var(--color-danger)}.keyboard{position:absolute;right:0;bottom:0;width:44%;padding:1rem;background:#00000026;z-index:10}.keyboard__panel{padding:var(--space-sm);border:.2rem solid var(--color-primary);border-radius:var(--radius-md);background:var(--color-surface);box-shadow:0 .4rem 2rem #0003}.keyboard__header{display:flex;align-items:center;justify-content:space-between;height:3.8rem;margin-bottom:.6rem}.keyboard__title{color:var(--color-primary);font-size:var(--font-body);font-weight:700}.keyboard__close{height:3.2rem;padding:0 1.6rem;border-radius:var(--radius-sm);background:var(--color-primary);color:var(--color-text-inverse);font-weight:700}.keyboard__row{display:flex;gap:.6rem;margin-bottom:.6rem}.keyboard__key{flex:1;height:4.6rem;border:.1rem solid var(--color-primary);border-radius:var(--radius-sm);color:var(--color-primary);font-size:1.7rem;font-weight:700}.keyboard__key:active{background:var(--color-accent-pressed)}.keyboard__key--special{flex:1.4;background:var(--color-accent-soft)}.keyboard__key--on{background:var(--color-primary);color:var(--color-text-inverse)}.keyboard__key--wide{flex:4}.keyboard__key--enter{flex:1.6;background:var(--color-primary);color:var(--color-text-inverse)}.keyboard__numbers{display:grid;grid-template-columns:repeat(3,1fr);gap:.8rem}.keyboard__key--number{height:6.4rem;border-width:.2rem;font-size:2.2rem}.hintbox{display:flex;align-items:center;justify-content:center;height:6.4rem;flex-shrink:0;padding:0 var(--space-md);border:.2rem solid;border-radius:var(--radius-md)}.hintbox__text{font-size:2rem;font-weight:700;text-align:center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.hintbox--info{border-color:var(--color-primary);background:var(--color-accent-soft);color:var(--color-primary)}.hintbox--success{border-color:var(--color-hint-ok-border);background:var(--color-hint-ok-bg);color:var(--color-hint-ok-text)}.hintbox--error{border-color:var(--color-hint-error-border);background:var(--color-hint-error-bg);color:var(--color-hint-error-text)}.inputline{display:flex;align-items:center;gap:var(--space-sm);flex-shrink:0}.inputline__field{flex:1;min-width:0;height:5rem;padding:0 1.2rem;border:.1rem solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-surface);font-size:var(--font-small);font-weight:500}.inputline__field::placeholder{color:var(--color-text-light);font-weight:400}.inputline__field--active{border:.2rem solid var(--color-primary);background:var(--color-accent-active)}.inputline__field:disabled{background:var(--color-background);opacity:.6}.inputline__keyboard{display:flex;align-items:center;justify-content:center;width:6rem;height:5rem;flex-shrink:0;border:.1rem solid var(--color-primary);border-radius:var(--radius-sm);background:var(--color-surface);color:var(--color-primary);font-size:2.2rem}.inputline__keyboard--active{border-width:.2rem;background:var(--color-accent-active)}.inputline__keyboard:disabled{opacity:.4}.materialbox{display:grid;grid-template-rows:3.6rem 1fr;flex:1;min-height:0;border:.1rem solid var(--color-border);border-radius:var(--radius-sm);overflow:hidden;background:var(--color-surface)}.materialbox__title{display:flex;align-items:center;justify-content:center;background:var(--color-primary);color:var(--color-text-inverse);font-size:1.7rem;font-weight:700}.materialbox__groups{min-height:0;padding:var(--space-sm)}.materialbox__separator{height:.4rem;margin:1rem 0;border-radius:.4rem;background:var(--color-primary);opacity:.8}.materialbox__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}.materialbox__button{min-height:7.6rem;padding:var(--space-xs);border:.1rem solid var(--color-primary);border-radius:var(--radius-sm);background:var(--color-surface);color:var(--color-text);font-size:1.5rem;font-weight:700;text-align:center}.materialbox__button--active{background:var(--color-primary);color:var(--color-text-inverse)}.scannertile{display:flex;align-items:center;justify-content:center;height:3.1rem;border:.1rem solid var(--color-primary);border-radius:.5rem;font-size:1.2rem;font-weight:700;font-variant-numeric:tabular-nums}.scannertile--free{background:var(--color-scanner-free);color:var(--color-scanner-free-text)}.scannertile--issued{background:var(--color-scanner-issued);color:var(--color-scanner-issued-text)}.scannertile--service{background:var(--color-scanner-service);border-color:var(--color-scanner-service-border);color:var(--color-scanner-service-text)}.scannergroup{display:grid;grid-template-rows:3.6rem 3rem 1fr;flex:1;min-width:0;border:.1rem solid var(--color-border);border-radius:var(--radius-sm);overflow:hidden;background:var(--color-surface)}.scannergroup__title{display:flex;align-items:center;justify-content:center;background:var(--color-primary);color:var(--color-text-inverse);font-size:1.7rem;font-weight:700}.scannergroup__counters{display:flex;align-items:center;justify-content:space-between;gap:var(--space-xs);padding:0 .6rem;border-bottom:.1rem solid var(--color-grid-line);font-size:1.1rem;font-weight:700;white-space:nowrap}.scannergroup__grid{display:grid;grid-template-columns:repeat(3,1fr);align-content:start;gap:.5rem;padding:.6rem;min-height:0}.scannertable{display:grid;grid-template-rows:1fr 3.4rem;min-height:0;overflow:hidden}.scannertable__scroll{min-height:0}.scannertable__table{width:100%;border-collapse:collapse;font-size:1.3rem;table-layout:fixed}.scannertable__table th{position:sticky;top:0;z-index:1;height:3.2rem;padding:0 .8rem;background:var(--color-primary-strong);color:var(--color-text-inverse);font-weight:700;text-align:left}.scannertable__table td{height:3rem;padding:0 .8rem;border-bottom:.1rem solid var(--color-grid-line);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.scannertable__col-time{width:20%;font-variant-numeric:tabular-nums}.scannertable__col-scanner{width:18%;font-weight:700;font-variant-numeric:tabular-nums}.scannertable__col-employee{width:43%}.scannertable__col-user{width:19%}.scannertable__empty{color:var(--color-text-light);text-align:center;font-style:italic}.scannertable__footer{display:flex;align-items:center;justify-content:center;border-top:.1rem solid var(--color-grid-line);color:var(--color-primary);font-size:1.5rem;font-weight:700}.scanner{position:relative;display:grid;grid-template-columns:24% 31% 1fr;gap:1.2rem;height:100%;min-height:0}.scanner__panel{display:grid;grid-template-rows:3.6rem 1fr;min-width:0;min-height:0;border:.2rem solid var(--color-primary);border-radius:var(--radius-sm);overflow:hidden;background:var(--color-surface)}.scanner__panel--list{grid-template-rows:3.6rem 4.8rem 1fr}.scanner__panel-title{display:flex;align-items:center;justify-content:center;background:var(--color-primary);color:var(--color-text-inverse);font-size:1.7rem;font-weight:700}.scanner__control{display:flex;flex-direction:column;gap:1rem;padding:var(--space-sm);min-height:0}.scanner__modes{display:grid;grid-template-columns:1fr 1fr;gap:1rem;flex-shrink:0}.scanner__mode{height:7.6rem;border:.2rem solid var(--color-primary);border-radius:var(--radius-sm);background:var(--color-surface);color:var(--color-primary);font-size:2rem;font-weight:700}.scanner__mode--active{background:var(--color-primary);color:var(--color-text-inverse)}.scanner__search{display:flex;align-items:center;padding:.7rem;border-bottom:.1rem solid var(--color-grid-line)}.scanner__search-input{width:100%;height:3.4rem;padding:0 1rem;border:.1rem solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-surface);font-size:1.3rem}.scanner__search-input--active{border:.2rem solid var(--color-primary);background:var(--color-accent-active)}.scanner__groups{display:flex;gap:var(--space-sm);padding:var(--space-sm);min-height:0}:root{font-size:clamp(7px,min(1.25vh,.78vw),16px);--color-primary: #003b71;--color-primary-light: #0b5ea8;--color-primary-strong: #0f58b8;--color-background: #f5f7fa;--color-surface: #ffffff;--color-surface-raised: #ffffff;--color-text: #1f2937;--color-text-light: #6b7280;--color-text-inverse: #ffffff;--color-success: #16a34a;--color-warning: #f59e0b;--color-danger: #dc2626;--color-border: #d1d5db;--color-grid-line: #dde6f2;--color-accent-soft: #eaf3ff;--color-accent-active: #dcebff;--color-accent-pressed: #bfd9ff;--color-scanner-free: var(--color-primary);--color-scanner-free-text: var(--color-text-inverse);--color-scanner-issued: var(--color-surface);--color-scanner-issued-text: var(--color-primary);--color-scanner-service: #f6d365;--color-scanner-service-border: #c99000;--color-scanner-service-text: #5c3b00;--color-hint-ok-bg: #dff5e3;--color-hint-ok-border: #2e7d32;--color-hint-ok-text: #1b5e20;--color-hint-error-bg: #ffd6d6;--color-hint-error-border: #c62828;--color-hint-error-text: #b00020;--space-xs: .4rem;--space-sm: .8rem;--space-md: 1.6rem;--space-lg: 2.4rem;--space-xl: 3.2rem;--space-xxl: 4.8rem;--radius-sm: .6rem;--radius-md: 1rem;--radius-lg: 1.6rem;--radius-xl: 2.4rem;--radius-round: 999px;--font-title: 3.6rem;--font-heading: 2.8rem;--font-subheading: 2.2rem;--font-body: 1.8rem;--font-small: 1.6rem;--font-button: 2rem;--font-caption: 1.4rem;--height-header: 9.8rem;--height-footer: 9.2rem}*,*:before,*:after{box-sizing:border-box}html,body,#root{height:100%;margin:0;padding:0;overflow:hidden}body{background:var(--color-background);color:var(--color-text);font-family:Segoe UI,system-ui,-apple-system,sans-serif;font-size:var(--font-body);line-height:1.25;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;overscroll-behavior:none}button{font:inherit;color:inherit;border:none;background:none;padding:0;cursor:pointer;touch-action:manipulation}button:disabled{cursor:default}input{font:inherit;color:inherit}:focus-visible{outline:.3rem solid var(--color-primary-light);outline-offset:.2rem}.scroll-area{overflow-y:auto;scrollbar-width:thin;scrollbar-color:var(--color-border) transparent}.scroll-area::-webkit-scrollbar{width:.8rem}.scroll-area::-webkit-scrollbar-thumb{background:var(--color-border);border-radius:var(--radius-round)}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}}