.video-frame{background:#14243c;border-radius:15px;overflow:hidden;aspect-ratio:4/3;margin:20px 0}.video-frame video{width:100%;height:100%;object-fit:contain;transform:scaleX(-1)}.kiosk-main{margin:0;padding:30px 20px}.kiosk .tablet{max-width:580px}.kiosk .tablet-actions{margin-top:20px}.kiosk #pair-form{max-width:300px;margin:30px auto}.kiosk small{display:block;margin-top:25px;color:#8996aa}.enroll-dialog{width:560px}.consent{display:flex;gap:10px;line-height:1.7;align-items:flex-start}.consent input{width:auto}.action-button{padding:8px 10px;background:#edf3ff;color:#2865e8;border-radius:6px;font-size:11px;margin:3px}.device-list{margin:25px 0}.device-row{display:flex;gap:15px;justify-content:space-between;align-items:center;padding:18px 24px;border-bottom:1px solid #eef1f6}.device-row p{font-size:11px}.pairing-result{background:#edf9f4;color:#258661;border:1px solid #bde5d7;padding:20px;border-radius:10px;margin:20px 0;font-size:14px;line-height:1.8}.pairing-result strong{font-size:26px;letter-spacing:4px;display:block}.tablet-link{color:#2865e8;font-size:14px}.device-controls{display:flex;gap:12px;flex-wrap:wrap;margin-top:20px}.status-error{color:#c23c4e}.subtle{color:#8b97a9;font-size:12px;line-height:1.8}
.branch-secret-label{font-size:10px;color:#7e8ca2;margin:18px 0 7px}.branch-secret{display:flex;min-width:0;border:1px solid #e2e7ef;border-radius:7px;overflow:hidden;background:#fafbfd}.branch-secret input{width:0;min-width:0;flex:1;border:0;background:transparent;font-family:Consolas,monospace;font-size:13px;padding:10px 8px}.branch-secret button{flex:none;background:transparent;color:#3769bc;display:grid;place-items:center;padding:8px}.branch-reset{font-size:10px;margin:10px 0 0}.tablet-login{max-width:340px;margin:25px auto}.tablet-login select,.tablet-login input{width:100%}.tablet-login .primary{width:100%}.kiosk details{margin:25px auto;max-width:340px}.kiosk summary{font-size:12px;color:#8190a5;cursor:pointer}.kiosk #pair-form{margin-top:12px}
.journal-filters{display:flex;gap:12px;flex-wrap:wrap;padding:20px;align-items:end;margin-top:24px}.journal-filters label{margin:0;flex:1;min-width:140px}.journal-filters input,.journal-filters select{width:100%}.journal-tools{display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;margin:18px 0}.journal-tools .row-actions{align-items:center;gap:12px}.journal-pagination{display:flex;justify-content:space-between;align-items:center;gap:15px;flex-wrap:wrap;padding:18px 22px;font-size:12px}.journal-pagination label{display:flex;gap:10px;align-items:center;margin:0}.journal-pagination select{margin:0}.journal-note{min-width:200px;max-width:350px;white-space:normal;overflow-wrap:anywhere}.selected-page{outline:2px solid #5689ef;outline-offset:1px}.photo-preview{display:block;max-width:100%;max-height:280px;object-fit:contain;margin:14px auto;border-radius:10px;background:#132139}.photo-preview[hidden]{display:none}#employee-photo-block{border-top:1px solid #e4e9f1;margin-top:16px}#employee-photo-block input[type=file],#enroll-photo-file{font-size:11px;width:100%}#employee-dialog{max-height:90vh;overflow-y:auto}
@media(max-width:760px){aside{flex-wrap:wrap}.journal-filters{padding:16px}.journal-filters label{min-width:120px}.journal-pagination{padding:14px}.journal-tools{gap:12px}}
.tablet .tablet-login{display:grid;gap:18px;width:100%;max-width:340px}.tablet .tablet-login label{display:grid;gap:8px;margin:0;text-align:left;min-width:0}.tablet .tablet-login input,.tablet .tablet-login select{display:block;width:100%;min-width:0;height:48px;margin:0;padding:11px 14px;font-size:16px;box-sizing:border-box}.tablet .tablet-login .primary{width:100%;height:48px;margin:0;font-size:16px;padding:11px 14px;box-sizing:border-box}
.brand-mark{--logo-size:48px;display:block;position:relative;flex:none;width:var(--logo-size);height:var(--logo-size);overflow:hidden;border-radius:10px;background:#fff}.brand-mark img{position:absolute;display:block;width:166.667%;height:166.667%;max-width:none;left:50%;top:50%;transform:translate(-50%,-43%);object-fit:contain}.brand-mark.auth-logo{--logo-size:72px;margin:0 auto 22px}.brand-mark.tablet-logo{--logo-size:58px;margin:0 auto 18px}@media(max-width:760px){.brand .brand-mark{--logo-size:34px;border-radius:7px}}
.video-frame{background:#14243c;border-radius:15px;overflow:hidden;aspect-ratio:4/3;margin:20px 0}.video-frame video{width:100%;height:100%;object-fit:contain;transform:scaleX(-1)}.kiosk-main{margin:0;padding:30px 20px}.kiosk .tablet{max-width:580px}.kiosk .tablet-actions{margin-top:20px}.kiosk #pair-form{max-width:300px;margin:30px auto}.kiosk small{display:block;margin-top:25px;color:#8996aa}.enroll-dialog{width:560px}.consent{display:flex;gap:10px;line-height:1.7;align-items:flex-start}.consent input{width:auto}.action-button{padding:8px 10px;background:#edf3ff;color:#2865e8;border-radius:6px;font-size:11px;margin:3px}.device-list{margin:25px 0}.device-row{display:flex;gap:15px;justify-content:space-between;align-items:center;padding:18px 24px;border-bottom:1px solid #eef1f6}.device-row p{font-size:11px}.pairing-result{background:#edf9f4;color:#258661;border:1px solid #bde5d7;padding:20px;border-radius:10px;margin:20px 0;font-size:14px;line-height:1.8}.pairing-result strong{font-size:26px;letter-spacing:4px;display:block}.tablet-link{color:#2865e8;font-size:14px}.device-controls{display:flex;gap:12px;flex-wrap:wrap;margin-top:20px}.status-error{color:#c23c4e}.subtle{color:#8b97a9;font-size:12px;line-height:1.8}
.branch-secret-label{font-size:10px;color:#7e8ca2;margin:18px 0 7px}.branch-secret{display:flex;min-width:0;border:1px solid #e2e7ef;border-radius:7px;overflow:hidden;background:#fafbfd}.branch-secret input{width:0;min-width:0;flex:1;border:0;background:transparent;font-family:Consolas,monospace;font-size:13px;padding:10px 8px}.branch-secret button{flex:none;background:transparent;color:#3769bc;display:grid;place-items:center;padding:8px}.branch-reset{font-size:10px;margin:10px 0 0}.tablet-login{max-width:340px;margin:25px auto}.tablet-login select,.tablet-login input{width:100%}.tablet-login .primary{width:100%}.kiosk details{margin:25px auto;max-width:340px}.kiosk summary{font-size:12px;color:#8190a5;cursor:pointer}.kiosk #pair-form{margin-top:12px}
.journal-filters{display:flex;gap:12px;flex-wrap:wrap;padding:20px;align-items:end;margin-top:24px}.journal-filters label{margin:0;flex:1;min-width:140px}.journal-filters input,.journal-filters select{width:100%}.journal-tools{display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;margin:18px 0}.journal-tools .row-actions{align-items:center;gap:12px}.journal-pagination{display:flex;justify-content:space-between;align-items:center;gap:15px;flex-wrap:wrap;padding:18px 22px;font-size:12px}.journal-pagination label{display:flex;gap:10px;align-items:center;margin:0}.journal-pagination select{margin:0}.journal-note{min-width:200px;max-width:350px;white-space:normal;overflow-wrap:anywhere}.selected-page{outline:2px solid #5689ef;outline-offset:1px}.photo-preview{display:block;max-width:100%;max-height:280px;object-fit:contain;margin:14px auto;border-radius:10px;background:#132139}.photo-preview[hidden]{display:none}#employee-photo-block{border-top:1px solid #e4e9f1;margin-top:16px}#employee-photo-block input[type=file],#enroll-photo-file{font-size:11px;width:100%}#employee-dialog{max-height:90vh;overflow-y:auto}
@media(max-width:760px){aside{flex-wrap:wrap}.journal-filters{padding:16px}.journal-filters label{min-width:120px}.journal-pagination{padding:14px}.journal-tools{gap:12px}}
.tablet .tablet-login{display:grid;gap:18px;width:100%;max-width:340px}.tablet .tablet-login label{display:grid;gap:8px;margin:0;text-align:left;min-width:0}.tablet .tablet-login input,.tablet .tablet-login select{display:block;width:100%;min-width:0;height:48px;margin:0;padding:11px 14px;font-size:16px;box-sizing:border-box}.tablet .tablet-login .primary{width:100%;height:48px;margin:0;font-size:16px;padding:11px 14px;box-sizing:border-box}
.brand-mark{--logo-size:48px;display:block;position:relative;flex:none;width:var(--logo-size);height:var(--logo-size);overflow:hidden;border-radius:10px;background:#fff}.brand-mark img{position:absolute;display:block;width:166.667%;height:166.667%;max-width:none;left:50%;top:50%;transform:translate(-50%,-43%);object-fit:contain}.brand-mark.auth-logo{--logo-size:72px;margin:0 auto 22px}.brand-mark.tablet-logo{--logo-size:58px;margin:0 auto 18px}@media(max-width:760px){.brand .brand-mark{--logo-size:34px;border-radius:7px}}
.kiosk .tablet{max-width:960px;margin:12px auto}.kiosk-tools{max-width:960px;margin-bottom:12px}.kiosk #tablet-message{min-height:24px;font-size:16px;line-height:1.5;margin:8px 0 16px;color:#526781}.kiosk .video-frame{position:relative;display:grid;place-items:center;width:100%;height:clamp(280px,58vh,640px);aspect-ratio:auto;margin:16px 0 20px;border-radius:24px;box-shadow:0 12px 40px #10254418}.kiosk .video-frame video{position:absolute;inset:0}.kiosk #start-camera{position:relative;z-index:1;display:flex;align-items:center;justify-content:center;gap:14px;min-height:80px;padding:20px 30px;font-size:22px;border-radius:16px}.kiosk .tablet-actions{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin:0}.kiosk .tablet-actions button{min-height:96px;font-size:30px;border-radius:20px;padding:20px;font-weight:800;box-shadow:0 6px 20px #152a431a}.kiosk #arrive{background:#128361}.kiosk #leave{background:#2865e8}.kiosk #network-state:empty{display:none}.kiosk #network-state{margin:16px 0;color:#c23c4e;font-size:15px}.kiosk.is-connected .tablet-logo{--logo-size:44px;display:inline-block;vertical-align:middle;margin:0 14px 0 0}.kiosk.is-connected #tablet-title{display:inline-block;vertical-align:middle;margin:0;font-size:25px}.kiosk.is-connected .kiosk-main{padding-top:16px}
@media(max-width:600px){.kiosk-main{padding:16px}.kiosk .tablet-actions{gap:12px}.kiosk .tablet-actions button{min-height:88px;font-size:26px;border-radius:16px}.kiosk .video-frame{height:clamp(260px,48vh,520px);border-radius:18px}.kiosk #start-camera{font-size:19px;padding:18px 22px}.kiosk.is-connected #tablet-title{font-size:21px}.kiosk #tablet-message{font-size:14px}}
@media(orientation:landscape) and (max-height:650px){.kiosk.is-connected .kiosk-tools{position:absolute;right:20px;top:14px}.kiosk.is-connected .tablet{margin-top:0}.kiosk .video-frame{height:48vh;min-height:180px;margin:8px 0 12px}.kiosk .tablet-actions button{min-height:72px;padding:14px}.kiosk #tablet-message{margin:4px 0 8px}}

.brand-mark{background:transparent;border-radius:0}.brand-mark img{position:static;width:100%;height:100%;max-width:100%;transform:none;object-fit:contain}html[data-theme="dark"] .brand-mark img{filter:invert(1)}
html[data-theme="dark"] .kiosk #tablet-message{color:#b8c9df}

.nav{align-items:center}.nav-icon{display:block;width:22px;height:22px;flex:none}.nav:hover{background:#f2f6fc;color:#2863dd}
#journal-body tr.journal-today td{background:#edf6ff;border-top-color:#dceafa}#journal-body tr.journal-today td:first-child{box-shadow:inset 3px 0 #83afe8}#journal-body tr.journal-today:hover td{background:#e4f0ff}
html[data-theme="dark"] #journal-body tr.journal-today td{background:#192d45;border-top-color:#2a415d}html[data-theme="dark"] #journal-body tr.journal-today td:first-child{box-shadow:inset 3px 0 #6494ce}html[data-theme="dark"] #journal-body tr.journal-today:hover td{background:#203851}html[data-theme="dark"] .nav:hover{background:#1c304b;color:#a4c9ff}

.welcome-dialog{width:520px;max-width:calc(100vw - 32px);max-height:calc(100dvh - 32px);overflow-y:auto;text-align:center;padding:42px 32px 0;border:1px solid #dcece6;border-radius:28px;box-shadow:0 24px 100px #081d3933}.welcome-dialog::backdrop{background:#07142699;backdrop-filter:blur(6px)}.welcome-check{width:88px;height:88px;margin:0 auto 24px;display:grid;place-items:center;border-radius:50%;color:#128361;background:#e2f5ed;box-shadow:0 0 0 10px #f2faf6}.welcome-check svg{width:58px;height:58px}.welcome-dialog .eyebrow{color:#128361;margin-bottom:12px}.welcome-dialog h2{font-size:36px;letter-spacing:-1px;margin:0 0 14px}.welcome-dialog #welcome-name{font-size:28px;line-height:1.35;font-weight:800;color:#223955;overflow-wrap:anywhere;margin:0 0 16px}.welcome-dialog #welcome-detail{font-size:15px;line-height:1.7;color:#6b7e94;margin:0 0 28px}.welcome-dialog #welcome-close{min-height:58px;width:100%;font-size:18px;border-radius:14px;background:#128361}.welcome-progress{height:4px;margin:28px -32px 0;background:#e5f2ed;overflow:hidden}.welcome-progress span{display:block;height:100%;background:#38b58a;transform-origin:left}.welcome-dialog[open] .welcome-progress span{animation:welcome-countdown 4.5s linear forwards}@keyframes welcome-countdown{to{transform:scaleX(0)}}
html[data-theme="dark"] .welcome-check{background:#193e35;color:#7ee3bb;box-shadow:0 0 0 10px #183129}html[data-theme="dark"] .welcome-dialog .eyebrow{color:#7ee3bb}html[data-theme="dark"] .welcome-dialog #welcome-name{color:#e4ecf9}html[data-theme="dark"] .welcome-dialog #welcome-detail{color:#b5c5db}html[data-theme="dark"] .welcome-progress{background:#244338}@media(max-width:600px){.welcome-dialog{padding:32px 24px 0}.welcome-dialog h2{font-size:30px}.welcome-dialog #welcome-name{font-size:24px}.welcome-progress{margin-left:-24px;margin-right:-24px}}@media(prefers-reduced-motion:reduce){.welcome-dialog[open] .welcome-progress span{animation:none}}

.device-history-tools{display:flex;justify-content:flex-end;margin-top:20px}.device-row>div:first-child{min-width:0;overflow-wrap:anywhere}.device-row .row-actions{flex-shrink:0;justify-content:flex-end}@media(max-width:600px){.device-row{align-items:flex-start;flex-direction:column}.device-row .row-actions{justify-content:flex-start}.device-history-tools .action-button{min-height:44px}}

.brand>span:last-child{font-size:22px;letter-spacing:.3px}@media(min-width:761px) and (max-width:1100px){.brand>span:last-child{font-size:19px}}@media(max-width:760px){.brand>span:last-child{font-size:18px}}

.employee-branches{border:1px solid #dfe7f2;border-radius:10px;margin:18px 0;padding:12px;min-width:0}.employee-branches legend{font-size:12px;padding:0 6px}.branch-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;max-height:240px;overflow-y:auto;margin-top:12px}.branch-choice{display:flex;align-items:center;gap:9px;margin:0;padding:10px;border:1px solid #e2e8f1;border-radius:8px;cursor:pointer;overflow-wrap:anywhere}.branch-choice input{width:18px;height:18px;flex:none;margin:0;accent-color:#2865e8}.branch-choice:has(input:checked){background:#edf4ff;border-color:#8db0ed}html[data-theme="dark"] .employee-branches,html[data-theme="dark"] .branch-choice{border-color:#344761}html[data-theme="dark"] .branch-choice:has(input:checked){background:#213a5d;border-color:#6393d3}