:root{font-family:Noto Sans TC,PingFang TC,Microsoft JhengHei UI,Microsoft JhengHei,system-ui,sans-serif;color:#191a1e;background:#f3f4f6;font-synthesis:none;--navy: #202124;--navy-deep: #191a1e;--navy-soft: #f0f1f3;--gold: #ff6b1a;--gold-soft: #fff7f1;--signal: #b7f34a;--signal-deep: #77ad20;--ink: #191a1e;--muted: #747985;--surface: #fff;--soft: #f7f7f8;--line: #e7e8eb;--success: #168759;--danger: #d83c3e;--radius-sm: 10px;--radius-md: 16px;--radius-lg: 22px;--shadow-card: 0 18px 46px rgba(27,28,32,.08), 0 2px 8px rgba(27,28,32,.04)}*{box-sizing:border-box}html{min-height:100%;background:#f3f4f6}body{min-width:320px;min-height:100vh;margin:0;background:#f3f4f6}button,input,select,textarea{font:inherit}button{-webkit-tap-highlight-color:transparent}button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid rgba(183,243,74,.82);outline-offset:2px}svg{display:block;width:1.3rem;height:1.3rem}.visually-hidden{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.shell{position:relative;width:min(100%,480px);min-height:100vh;margin:0 auto;overflow-x:hidden;background:var(--surface);box-shadow:0 0 0 1px var(--line),0 26px 80px #1b1c2017}.centered-screen{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:20px;padding:32px;text-align:center}.muted{margin:0;color:var(--muted);line-height:1.65}.readable{max-width:320px}.loader{width:32px;height:32px;border:3px solid #d8dee6;border-top-color:var(--navy);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.brand{display:inline-flex;align-items:center}.company-logo{display:block;width:126px;height:auto;animation:logo-breathe 6s ease-in-out infinite}.brand-compact{min-width:0;gap:9px}.brand-mark-viewport{position:relative;flex:0 0 34px;width:34px;height:34px;overflow:hidden;border:1px solid #eadba9;border-radius:50%;background:#fff}.brand-mark-viewport .company-logo{position:absolute;top:0;left:-10px;width:55px;max-width:none}.brand-title{display:flex;min-width:0;flex-direction:column;gap:1px}.brand-title strong{color:var(--navy-deep);font-size:13px;letter-spacing:.02em;white-space:nowrap}.brand-title small{color:#87919d;font-size:9px;font-weight:700;letter-spacing:.08em}@keyframes logo-breathe{0%,to{transform:translateY(0)}50%{transform:translateY(-1px)}}.bind-screen{padding:max(22px,env(safe-area-inset-top)) 22px 36px}.bind-screen header,.topbar{display:flex;align-items:center;justify-content:space-between}.demo-badge{display:inline-flex;align-items:center;justify-content:center;min-height:20px;padding:0 7px;border:1px solid #dfe3e8;border-radius:4px;color:#6d7681;background:#f5f6f7;font-size:9px;font-weight:800;white-space:nowrap}.intro-block{padding:48px 2px 22px}.eyebrow{display:block;margin-bottom:5px;color:#6e7885;font-size:10px;font-weight:800;letter-spacing:.08em}.intro-block h1,.greeting h1{margin:0;color:var(--ink);font-size:28px;line-height:1.25;letter-spacing:-.035em}.intro-block p{margin:10px 0 0;color:var(--muted);line-height:1.75}.card{border:1px solid var(--line);border-radius:var(--radius-md);background:#fff;box-shadow:var(--shadow-card)}.bind-card{padding:20px}.field-label{display:block;margin:12px 0 6px;color:#4e5968;font-size:11px;font-weight:700}.code-input{width:100%;height:56px;padding:0 15px;border:1px solid #ccd4de;border-radius:6px;color:var(--ink);background:#fff;font-size:21px;font-weight:700;letter-spacing:.16em;outline:none}.code-input:focus{border-color:var(--navy);box-shadow:0 0 0 3px #123b6d14}.privacy-details{margin-top:16px;padding:13px;border:1px solid var(--line);border-radius:6px;color:#4a5665;background:var(--soft);font-size:10px;line-height:1.55}.privacy-details>strong{color:var(--navy-deep)}.privacy-details dl{margin:8px 0}.privacy-details dl>div{display:grid;grid-template-columns:68px 1fr;gap:8px;padding:4px 0}.privacy-details dt{color:#6d7784;font-weight:700}.privacy-details dd{margin:0}.privacy-details small{color:#87909b}.consent-row{display:grid;grid-template-columns:21px 1fr;gap:11px;margin:18px 0;color:#4e5967;font-size:11px;line-height:1.65;cursor:pointer}.consent-row input{width:19px;height:19px;margin:2px 0 0;accent-color:var(--navy)}.consent-row small{display:block;margin-top:3px;color:#89929d}.primary-button,.secondary-button{width:100%;min-height:48px;border:0;border-radius:14px;font-weight:800;cursor:pointer;transition:transform .16s ease,background .16s ease,box-shadow .16s ease}.primary-button{color:#fff;background:var(--navy)}.primary-button:not(:disabled):hover,.primary-button:not(:disabled):active{background:var(--gold);box-shadow:0 14px 26px #ff6b1a3d;transform:translateY(-1px)}.primary-button:disabled{color:#f4f5f6;background:#aeb7c2;cursor:not-allowed}.secondary-button{max-width:280px;color:var(--navy);background:var(--navy-soft)}.privacy-note{padding:14px 14px 0;color:#858e99;font-size:10px;line-height:1.65;text-align:center}.inline-error{padding:10px 11px;border:1px solid #ebcdd0;border-radius:6px;color:var(--danger);background:#fff4f5;font-size:11px;line-height:1.55}.inline-error.centered{width:100%;text-align:center}.field-hint{margin:-5px 0 12px;color:#687482;font-size:10px;line-height:1.45}.error-icon{display:grid;place-items:center;width:54px;height:54px;border-radius:50%;color:var(--danger);background:#fff0f2;font-size:25px;font-weight:700}.attendance-shell{min-height:100svh;padding:0 18px calc(82px + env(safe-area-inset-bottom));background:radial-gradient(circle at 100% 0,rgba(255,107,26,.07),transparent 220px),#fff}.topbar{position:sticky;z-index:6;top:0;min-height:60px;margin:0 -18px;padding:max(8px,env(safe-area-inset-top)) 16px 8px;border-bottom:1px solid rgba(25,26,30,.07);background:#ffffffe6;box-shadow:0 8px 30px #1b1c2009;-webkit-backdrop-filter:blur(18px) saturate(135%);backdrop-filter:blur(18px) saturate(135%)}.identity-chip{display:flex;min-width:0;align-items:center;gap:5px;color:#687382;font-size:9px;font-weight:700}.identity-label{display:none}.identity-code{max-width:82px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.online-dot{flex:0 0 6px;width:6px;height:6px;border-radius:50%;background:#2b9b6c}.greeting{padding:18px 0 14px}.greeting h1{font-size:23px}.greeting p{margin:4px 0 0;color:var(--muted);font-size:12px}.time-panel{position:relative;padding:18px 16px 16px;overflow:hidden;border:1px solid var(--line);border-radius:var(--radius-md);background:#fff;box-shadow:var(--shadow-card)}.time-panel:before{content:"";position:absolute;inset:0 auto 0 0;width:5px;background:var(--gold)}.date-line{margin:0;color:var(--muted);font-size:11px}.clock{margin:3px 0 7px;color:#152233;font-size:46px;font-weight:350;line-height:1;letter-spacing:-.045em;font-variant-numeric:tabular-nums}.current-status{display:flex;align-items:center;gap:7px;color:#273443;font-size:12px}.current-status-dot{width:7px;height:7px;border-radius:50%;background:#aeb7c2}.current-status-dot.on{background:#34a879}.day-summary{display:grid;grid-template-columns:repeat(3,1fr);margin-top:15px;overflow:hidden;border:1px solid var(--line);border-radius:6px}.day-summary div{min-width:0;padding:9px 10px;border-right:1px solid var(--line)}.day-summary div:last-child{border-right:0}.day-summary span{display:block;margin-bottom:3px;color:var(--muted);font-size:9px}.day-summary strong{display:block;overflow:hidden;color:var(--ink);font-size:11px;text-overflow:ellipsis;white-space:nowrap}.punch-area{display:flex;flex-direction:column}.location-readout{display:grid;grid-template-columns:31px 1fr auto;align-items:center;gap:10px;min-height:66px;padding:13px 0;border-bottom:1px solid var(--line);color:#465364}.location-readout>svg{width:18px;height:18px;justify-self:center;color:var(--navy)}.location-readout>div{display:flex;min-width:0;flex-direction:column;gap:2px}.location-readout strong{font-size:11px}.location-readout span{overflow:hidden;color:var(--navy-deep);font-size:10px;font-weight:700;text-overflow:ellipsis;white-space:nowrap;font-variant-numeric:tabular-nums}.location-readout small{color:#7b8591;font-size:9px;line-height:1.45}.location-readout button{min-height:31px;padding:0 7px;border:0;color:var(--navy);background:transparent;font-size:10px;font-weight:800;cursor:pointer}.location-readout.locating{grid-template-columns:31px 1fr}.location-readout.locating>svg{animation:location-pulse 1s ease-in-out infinite}.location-readout.unavailable{color:#735b2b}@keyframes location-pulse{50%{opacity:.35;transform:scale(.9)}}.punch-progress{margin:12px 0 0;padding:8px 10px;border-radius:5px;color:#17643f;background:#eaf7ef;font-size:10px;font-weight:700}.punch-button{display:flex;width:100%;min-height:56px;align-items:center;justify-content:center;gap:9px;margin-top:16px;border:0;border-radius:15px;color:#fff;background:var(--navy);box-shadow:0 14px 26px #1b1c2029;font-size:14px;font-weight:800;cursor:pointer;transition:transform .16s ease,background .16s ease,box-shadow .16s ease}.punch-button:not(:disabled):hover,.punch-button:not(:disabled):active{background:var(--gold);box-shadow:0 16px 30px #ff6b1a40;transform:translateY(-1px)}.punch-button.punch-out{background:#9a3d46}.punch-button:disabled{opacity:.58;cursor:wait}.punch-button svg{width:20px;height:20px}.punch-explainer{margin:7px 0 0;color:#77818c;font-size:10px;line-height:1.55}.shift-review-note{width:100%;margin:8px 0 0;padding:9px 11px;border:1px solid #ead9ba;border-radius:6px;color:#79521c;background:#fff9ec;font-size:10px;line-height:1.55;text-align:center}.home-section{margin-top:20px}.section-title{display:flex;min-height:39px;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.section-title h2{margin:0;color:#263446;font-size:14px}.section-title>span{color:#87909b;font-size:9px}.today-timeline{padding:2px 0}.today-timeline>div{display:grid;grid-template-columns:16px 1fr auto;align-items:center;gap:8px;min-height:41px;border-bottom:1px solid #edf0f3;font-size:11px}.timeline-mark{width:7px;height:7px;justify-self:center;border:1px solid #b6bec8;border-radius:50%;background:#fff}.timeline-mark.done{border-color:var(--success);background:var(--success)}.today-timeline time{color:var(--muted);font-variant-numeric:tabular-nums}.compact-records article{display:grid;grid-template-columns:42px 1fr auto;align-items:center;gap:10px;min-height:58px;border-bottom:1px solid #edf0f3}.compact-records article>div{display:flex;min-width:0;flex-direction:column;gap:3px}.compact-records article strong{color:#283646;font-size:11px}.compact-records article small{overflow:hidden;color:#7b8591;font-size:9px;text-overflow:ellipsis;white-space:nowrap}.history-inline-error{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:12px 0;color:var(--danger);font-size:10px}.history-inline-error button{flex:0 0 auto;padding:6px 8px;border:1px solid #e2c7ca;border-radius:5px;color:var(--danger);background:#fff;font-size:9px;font-weight:800;cursor:pointer}.confirm-backdrop,.success-backdrop{position:fixed;z-index:20;inset:0;display:flex;align-items:end;justify-content:center;background:#06142a80}.confirm-sheet,.success-sheet{width:min(100%,480px);max-height:calc(100vh - 18px);overflow-y:auto;padding:22px 19px calc(19px + env(safe-area-inset-bottom));border-radius:14px 14px 0 0;background:#fff;animation:rise .2s ease-out}@keyframes rise{0%{opacity:0;transform:translateY(18px)}}.sheet-handle{width:36px;height:4px;margin:-10px auto 17px;border-radius:4px;background:#d6dbe1}.confirm-sheet h2,.success-sheet h2{margin:0;color:var(--ink);font-size:20px}.confirm-sheet>p{margin:7px 0 0;color:var(--muted);font-size:11px;line-height:1.6}.confirm-details{margin:15px 0;padding:10px 12px;border:1px solid var(--line);border-radius:6px;background:var(--soft)}.confirm-details>div{display:flex;justify-content:space-between;gap:16px;padding:5px 0;font-size:10px}.confirm-details dt{color:var(--muted)}.confirm-details dd{margin:0;color:var(--ink);font-weight:700;text-align:right}.confirm-actions{display:grid;grid-template-columns:1fr 1.6fr;gap:8px;margin-top:15px}.confirm-actions button{min-height:45px;border-radius:6px;font-size:11px;font-weight:800;cursor:pointer}.cancel-button{border:1px solid var(--line);color:var(--ink);background:#fff}.confirm-button{border:0;color:#fff;background:var(--navy)}.confirm-actions button:disabled{opacity:.6;cursor:wait}.success-sheet{border-top:3px solid var(--gold);border-radius:12px;text-align:center}.success-check{display:grid;place-items:center;width:56px;height:56px;margin:0 auto 15px;border-radius:10px;color:#fff;background:var(--navy)}.success-check svg{width:30px;height:30px}.success-time{margin:9px 0;color:var(--navy);font-size:38px;font-weight:700}.recorded-location{margin:0 0 10px;color:#637080;font-size:10px}.sync-warning,.anomaly-notice{margin:11px 0;padding:10px 12px;border:1px solid #e9d8aa;border-radius:6px;color:#725326;background:#fff8e9;font-size:10px;line-height:1.55;text-align:left}.anomaly-notice ul{margin:5px 0 0;padding-left:17px}.bottom-nav{position:fixed;z-index:8;left:50%;bottom:0;display:grid;width:min(100%,480px);min-height:74px;grid-template-columns:repeat(4,1fr);transform:translate(-50%);padding:7px 10px calc(7px + env(safe-area-inset-bottom));border-top:1px solid rgba(25,26,30,.07);background:#fffffff0;box-shadow:0 -12px 34px #1b1c200f;-webkit-backdrop-filter:blur(18px) saturate(135%);backdrop-filter:blur(18px) saturate(135%)}.bottom-nav button{position:relative;display:flex;min-height:49px;flex-direction:column;align-items:center;justify-content:center;gap:4px;border:0;color:#87919d;background:transparent;font-size:9px;cursor:pointer}.bottom-nav button.active{color:var(--gold);font-weight:800}.bottom-nav button.active:before{content:"";position:absolute;top:-7px;width:32px;height:4px;border-radius:0 0 6px 6px;background:var(--signal)}.bottom-nav svg{width:19px;height:19px}.feature-page{padding-top:20px}.page-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;margin-bottom:16px}.page-heading h1{margin:0;color:var(--ink);font-size:24px;letter-spacing:-.035em}.page-heading p{margin:5px 0 0;color:#7b8591;font-size:10px}.month-chip{flex:0 0 auto;margin-top:15px;padding:7px 8px;border:1px solid var(--line);border-radius:5px;color:var(--navy);background:#fff;font-size:9px;font-weight:800;cursor:pointer}.month-chip:disabled{opacity:.58;cursor:wait}.attendance-stats{display:grid;grid-template-columns:.8fr 1.5fr .8fr;overflow:hidden;border:1px solid var(--line);border-top:2px solid var(--gold);border-radius:6px}.attendance-stats div{display:flex;min-height:70px;flex-direction:column;align-items:center;justify-content:center;gap:3px;border-right:1px solid var(--line);text-align:center}.attendance-stats div:last-child{border-right:0}.attendance-stats strong{color:var(--navy-deep);font-size:17px}.attendance-stats div:nth-child(2) strong{font-size:13px}.attendance-stats span{color:var(--muted);font-size:9px}.calendar-card{margin-top:14px;padding:13px;border:1px solid var(--line);border-radius:7px}.calendar-heading{display:grid;grid-template-columns:31px 1fr 31px;align-items:center;margin-bottom:11px}.calendar-heading div{text-align:center}.calendar-heading h2{margin:0;color:var(--navy-deep);font-size:14px}.calendar-heading span{color:var(--muted);font-size:9px}.calendar-heading button{width:29px;height:29px;border:1px solid var(--line);border-radius:5px;color:var(--navy);background:#fff;font-size:17px;cursor:pointer}.calendar-heading button:disabled{opacity:.45;cursor:default}.calendar-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:3px}.calendar-grid>span{padding:4px 0;color:var(--muted);font-size:9px;font-weight:800;text-align:center}.calendar-day{position:relative;aspect-ratio:1;border:0;border-radius:5px;color:var(--ink);background:transparent;font-size:10px;cursor:pointer}.calendar-day.outside{color:#c3cad2}.calendar-day:after{content:"";position:absolute;left:50%;bottom:4px;width:4px;height:4px;margin-left:-2px;border-radius:50%;background:transparent}.calendar-day.normal:after{background:var(--success)}.calendar-day.attention:after{background:var(--gold)}.calendar-day.progress:after{background:#4c7eb6}.calendar-day.selected{color:#fff;background:var(--navy)}.calendar-day.selected:after{background:#f0c766}.calendar-legend{display:flex;gap:14px;margin-top:11px;padding-top:10px;border-top:1px solid #edf0f3;color:var(--muted);font-size:9px}.calendar-legend span{display:flex;align-items:center;gap:5px}.calendar-legend i{width:6px;height:6px;border-radius:50%;background:#cbd2da}.calendar-legend i.normal{background:var(--success)}.calendar-legend i.attention{background:var(--gold)}.selected-day-detail{position:relative;margin-top:11px;padding:11px 12px;border-left:3px solid var(--gold);background:var(--soft)}.selected-day-detail strong{color:var(--navy-deep);font-size:11px}.selected-day-detail .status-tag{position:absolute;top:9px;right:10px}.selected-day-detail p{margin:6px 0 0;color:var(--muted);font-size:10px;line-height:1.55}.records-card{margin-top:18px}.record-list{position:relative}.empty-records{margin:0;padding:20px 10px;color:#858f9a;text-align:center;font-size:10px}.recent-checkin-row{position:relative;display:grid;min-height:65px;grid-template-columns:42px 1fr auto;align-items:center;gap:10px;padding:9px 0;border-bottom:1px solid #e6eaee}.recent-checkin-row>div{display:flex;min-width:0;flex-direction:column;gap:3px}.recent-checkin-row strong{color:#263446;font-size:11px}.recent-checkin-row div span{overflow:hidden;color:#7b8591;font-size:9px;text-overflow:ellipsis;white-space:nowrap}.recent-checkin-row .anomaly-reasons{color:#9e5030;font-size:9px;line-height:1.4}.checkin-kind{display:inline-flex;min-width:40px;min-height:24px;align-items:center;justify-content:center;border:1px solid #d4dbe3;border-radius:4px;color:#526072;background:#fff;font-size:9px;font-weight:800}.checkin-kind.in{color:var(--navy);border-color:#c8d6e7;background:#eef4fb}.checkin-kind.out{color:#5a6675;background:#f2f4f6}.record-statuses{align-items:flex-end}.record-row{display:grid;min-height:61px;grid-template-columns:40px 1fr auto;align-items:center;gap:10px;padding:8px 0;border-bottom:1px solid #e6eaee}.record-date{display:flex;width:38px;height:40px;flex-direction:column;align-items:center;justify-content:center;border-left:3px solid var(--gold);background:var(--soft)}.record-date strong{font-size:14px}.record-date span{margin-top:3px;color:#7f8995;font-size:8px}.record-times{display:flex;min-width:0;flex-direction:column;gap:3px}.record-times strong{color:#283647;font-size:12px}.record-times strong span{padding:0 4px;color:#9aa3ad}.record-times>span{color:#7e8894;font-size:9px}.status-tag{display:inline-flex;min-width:40px;min-height:22px;align-items:center;justify-content:center;padding:0 6px;border:1px solid transparent;border-radius:4px;font-size:9px;font-weight:800;white-space:nowrap}.status-tag.normal{color:#176842;border-color:#cbe6d6;background:#eef8f2}.status-tag.attention{color:#984d30;border-color:#efd8c9;background:#fff5ee}.status-tag.pending{color:#715a20;border-color:#e7d9a8;background:#fff8df}.account-card{display:flex;align-items:center;justify-content:space-between;gap:13px;margin-top:20px;padding:13px 0;border-top:1px solid #ead6d4}.account-card>div{display:flex;flex-direction:column;gap:3px}.account-card strong{color:#503d3c;font-size:11px}.account-card span{color:#887a79;font-size:9px;line-height:1.4}.danger-link{flex:0 0 auto;border:0;color:var(--danger);background:transparent;font-size:10px;font-weight:800;cursor:pointer}.page-state{display:flex;min-height:430px;flex-direction:column;align-items:center;justify-content:center;gap:16px;text-align:center}.next-shift-card{margin-bottom:13px;padding:15px;border:1px solid #dfe5ea;border-left:3px solid var(--gold);border-radius:6px;background:#f8f9fa}.next-shift-card span{display:block;margin-bottom:4px;color:#747f8c;font-size:9px;font-weight:700}.next-shift-card strong{display:block;color:var(--navy-deep);font-size:15px}.next-shift-card p{margin:5px 0 0;color:#586574;font-size:11px;font-variant-numeric:tabular-nums}.schedule-range-controls{display:grid;grid-template-columns:70px 1fr 70px;align-items:center;margin:0 0 6px;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.schedule-range-controls span{color:#596675;font-size:10px;font-weight:700;text-align:center}.schedule-range-controls button{min-height:38px;border:0;color:var(--navy);background:transparent;font-size:9px;font-weight:800;cursor:pointer}.schedule-range-controls button:disabled{color:#a7afb8;cursor:default}.schedule-list{border-bottom:1px solid var(--line)}.schedule-row{display:grid;min-height:62px;grid-template-columns:43px 1fr auto;align-items:center;gap:11px;border-bottom:1px solid #e7eaee}.schedule-row:last-child{border-bottom:0}.schedule-row>time{display:flex;height:40px;flex-direction:column;align-items:center;justify-content:center;border-left:3px solid var(--navy);background:#f4f6f8}.schedule-row>time strong{color:#263445;font-size:14px}.schedule-row>time span{color:#7d8792;font-size:8px}.schedule-row>div{display:flex;min-width:0;flex-direction:column;gap:3px}.schedule-row>div strong{overflow:hidden;color:#293747;font-size:11px;text-overflow:ellipsis;white-space:nowrap}.schedule-row>div span{color:#77828e;font-size:9px;font-variant-numeric:tabular-nums}.schedule-row.holiday>time{border-left-color:var(--gold);background:#fff9ea}.status-tag.holiday{color:#715a20;border-color:#e7d9a8;background:#fff8df}.schedule-note{margin:13px 0 0;color:#7b8591;font-size:9px;line-height:1.6}.request-tabs{display:grid;grid-template-columns:repeat(3,1fr);margin-bottom:14px;border-bottom:1px solid var(--line)}.request-tabs button{position:relative;min-height:40px;border:0;color:#7b8591;background:transparent;font-size:10px;font-weight:800;cursor:pointer}.request-tabs button.active{color:var(--navy)}.request-tabs button.active:after{content:"";position:absolute;right:20%;bottom:-1px;left:20%;height:2px;background:var(--gold)}.balance-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;margin-bottom:14px;overflow:hidden;border:1px solid var(--line);border-top:2px solid var(--gold);border-radius:6px;background:var(--line)}.balance-grid>div{display:flex;min-width:0;flex-direction:column;gap:5px;padding:12px 9px;background:#fff}.balance-grid span{color:#77818d;font-size:9px}.balance-grid strong{color:var(--navy);font-size:14px;overflow-wrap:anywhere}.balance-grid small{color:#77818d;font-size:8px;font-weight:500}.request-form{padding:14px;border-top:2px solid var(--navy)}.request-form .section-title{min-height:36px;margin:-6px 0 13px}.request-form select,.request-form input,.request-form textarea{width:100%;border:1px solid #ccd4dd;border-radius:6px;color:var(--ink);background:#fff;outline:none}.request-form select,.request-form input{height:41px;padding:0 9px}.request-form textarea{margin-bottom:12px;padding:9px;resize:vertical}.request-form select:focus,.request-form input:focus,.request-form textarea:focus{border-color:var(--navy);box-shadow:0 0 0 3px #123b6d14}.fixed-request-type{display:grid;min-height:43px;grid-template-columns:25px 1fr auto;align-items:center;gap:8px;padding:0 10px;border:1px solid #ccd4dd;border-radius:6px;background:#f8f9fa}.fixed-request-type svg{width:17px;height:17px;color:var(--navy)}.fixed-request-type strong{color:var(--navy-deep);font-size:11px}.fixed-request-type span{color:#7b8591;font-size:9px}.form-grid{display:grid;grid-template-columns:1.5fr .8fr;gap:8px;margin:11px 0}.form-grid label{display:flex;flex-direction:column;gap:6px;color:#4e5a68;font-size:10px;font-weight:700}.request-history{margin-top:18px}.request-row{display:flex;min-height:62px;align-items:center;justify-content:space-between;gap:11px;padding:10px 0;border-bottom:1px solid #e5e9ed}.request-row>div{display:flex;min-width:0;flex-direction:column;gap:3px}.request-row strong{color:#293747;font-size:11px}.request-row div span,.request-row div small{color:#7f8995;font-size:9px;line-height:1.4}.inline-data-label{display:inline-flex;margin-left:4px;padding:2px 4px;border:1px solid #e6d8aa;border-radius:3px;color:#715b25!important;background:#fff7dd;font-size:7px!important;vertical-align:middle}.demo-notice{padding:9px 10px;border:1px solid #cbe4d4;border-radius:6px;color:#366049;background:#f0f8f3;font-size:10px;line-height:1.5}@media(min-width:390px){.identity-label{display:inline}}@media(max-width:350px){.attendance-shell{padding-right:15px;padding-left:15px}.topbar{margin-right:-15px;margin-left:-15px;padding-right:15px;padding-left:15px}.brand-title{display:none}.identity-code{max-width:68px}.clock{font-size:42px}.day-summary div{padding-right:7px;padding-left:7px}.form-grid{grid-template-columns:1fr}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}