:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#172033;background:#f4f7fb;font-synthesis:none;--primary:#123c69;--primary-2:#1e5b91;--accent:#16a085;--danger:#c0392b;--muted:#667085;--line:#e3e8ef;--card:#fff;--shadow:0 12px 35px rgba(18,60,105,.09)}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;background:linear-gradient(180deg,#edf4fb 0,#f7f9fc 320px)}button,input,select,textarea{font:inherit}button,a{-webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}.app-shell{min-height:100vh}.content{width:min(100%,800px);margin:auto;padding:24px 18px 105px}.page-header{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:8px 0 22px}.page-header h1{font-size:1.65rem;margin:0}.page-header p{color:var(--muted);margin:5px 0 0}.card{background:var(--card);border:1px solid rgba(222,228,236,.9);border-radius:22px;padding:18px;box-shadow:var(--shadow);margin-bottom:16px}.hero-card{color:#fff;background:linear-gradient(135deg,var(--primary),#236ba3);border:0;overflow:hidden;position:relative}.hero-card:after{content:"";position:absolute;width:180px;height:180px;border:35px solid rgba(255,255,255,.06);border-radius:50%;right:-80px;top:-80px}.hero-top,.section-title{display:flex;align-items:center;justify-content:space-between;gap:12px}.hero-top h2{margin:5px 0 0}.eyebrow{font-size:.72rem;letter-spacing:.12em;opacity:.75}.time-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:22px}.time-grid>div{display:grid;grid-template-columns:auto 1fr;gap:4px 9px;align-items:center;background:#ffffff1f;border-radius:16px;padding:14px}.time-grid svg{grid-row:1/3}.time-grid span{font-size:.78rem;opacity:.75}.time-grid strong{font-size:1.15rem}.badge{display:inline-flex;align-items:center;border-radius:99px;padding:5px 10px;background:#edf1f5;color:#465467;font-size:.77rem;font-weight:700}.badge-success{background:#dff6ee;color:#087a60}.badge-warning{background:#fff1cd;color:#925d00}.hero-card .badge{background:#ffffff2e;color:#fff}.button{border:0;border-radius:14px;min-height:48px;padding:11px 17px;font-weight:750;display:inline-flex;align-items:center;justify-content:center;gap:9px;cursor:pointer;transition:.15s transform,.15s opacity}.button:active{transform:scale(.98)}.button:disabled{opacity:.48;cursor:not-allowed}.button-primary{background:var(--primary);color:#fff}.button-secondary{background:#eaf1f8;color:var(--primary)}.button-danger{background:#fee9e7;color:var(--danger)}.round-action,.icon-button{border:0;background:#fff;color:var(--primary);border-radius:50%;width:44px;height:44px;display:grid;place-items:center;box-shadow:var(--shadow);cursor:pointer}.section-title>div{display:flex;align-items:center;gap:9px;font-weight:800}.section-title svg{color:var(--primary)}label{display:grid;gap:7px;font-size:.85rem;font-weight:650;color:#344054;margin:15px 0}input,select,textarea{width:100%;border:1px solid #d4dce6;border-radius:13px;padding:12px 13px;background:#fff;color:#172033;outline:none}input:focus,select:focus,textarea:focus{border-color:#4c87b8;box-shadow:0 0 0 3px #4c87b821}textarea{min-height:105px;resize:vertical}.attendance-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:14px}.attendance-actions .button:first-child:last-child{grid-column:1/-1}.hint,.muted{color:var(--muted);font-size:.84rem}.warning-text{color:#925d00}.state{min-height:180px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;color:var(--primary);gap:8px}.state p{margin:0;max-width:440px}.state.error{color:var(--danger)}.spin{animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.offline-card,.face-callout{display:flex;align-items:center;gap:14px}.offline-card svg,.face-callout>svg{flex:none;color:var(--accent)}.offline-card p,.face-callout p{margin:4px 0 0;color:var(--muted);font-size:.85rem}.face-callout a{margin-left:auto;color:var(--primary);font-weight:800}.quick-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.quick-grid a{background:#fff;border:1px solid var(--line);border-radius:17px;padding:15px 8px;display:flex;flex-direction:column;align-items:center;text-align:center;gap:8px;font-size:.78rem;font-weight:700;box-shadow:0 6px 18px #123c690f}.quick-grid svg{color:var(--primary)}.block-title{font-size:1rem;margin:24px 2px 12px}.bottom-nav{position:fixed;z-index:20;bottom:0;left:0;right:0;height:76px;padding:8px max(10px,env(safe-area-inset-right)) calc(7px + env(safe-area-inset-bottom));background:#fffffff0;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-top:1px solid var(--line);display:flex;justify-content:space-around}.bottom-nav a{color:#7b8794;display:flex;flex-direction:column;align-items:center;gap:4px;font-size:.67rem;min-width:60px}.bottom-nav a.active{color:var(--primary);font-weight:800}.bottom-nav svg{width:22px}.desktop-rail{display:none}.login-page{min-height:100vh;display:grid;grid-template-columns:1fr;align-items:center;padding:24px}.login-hero{text-align:center;color:var(--primary)}.login-hero img{width:82px;border-radius:20px}.login-hero h1{font-size:2rem;margin:12px 0 3px}.login-hero p{margin:0;color:var(--muted)}.login-card{width:min(100%,430px);margin:10px auto;background:#fff;border-radius:24px;padding:24px;box-shadow:var(--shadow)}.login-card h2{margin:0}.login-card>div>p{color:var(--muted);margin:5px 0 20px}.login-card>.button{width:100%;margin-top:8px}.login-card small{display:block;text-align:center;color:var(--muted);margin-top:15px}.input-wrap{display:flex;align-items:center;border:1px solid #d4dce6;border-radius:13px;padding-left:12px}.input-wrap:focus-within{border-color:#4c87b8;box-shadow:0 0 0 3px #4c87b821}.input-wrap>svg{color:#7b8794;width:19px}.input-wrap input{border:0;box-shadow:none}.input-wrap .icon-button{box-shadow:none;width:42px;height:42px}.form-error{background:#feeeec;color:#a73429;padding:11px 13px;border-radius:12px;font-size:.85rem}.splash{min-height:100vh;display:grid;place-content:center;text-align:center}.splash>img{width:90px;margin:auto;border-radius:22px}.update-banner{display:flex;justify-content:space-between;align-items:center;background:#fff5d9;color:#704c00;padding:10px 14px;border-radius:14px;margin-bottom:14px}.update-banner .button{min-height:36px;padding:7px 11px}.list{display:grid;gap:10px}.list-item{display:flex;gap:13px;align-items:flex-start;border-bottom:1px solid var(--line);padding:3px 0 13px}.list-item:last-child{border:0;padding-bottom:0}.list-item-main{min-width:0;flex:1}.list-item h3{font-size:.95rem;margin:0 0 4px}.list-item p{font-size:.82rem;color:var(--muted);margin:3px 0}.list-meta{display:flex;gap:7px;align-items:center;flex-wrap:wrap}.form-actions{display:flex;gap:10px;justify-content:flex-end}.form-actions .button{min-width:120px}.tabs{display:flex;gap:7px;overflow:auto;padding-bottom:4px;margin-bottom:15px}.tabs button{border:0;border-radius:99px;background:#eaf0f6;color:#566575;padding:8px 13px;white-space:nowrap}.tabs button.active{background:var(--primary);color:#fff}.camera-stage{position:relative;background:#09131d;border-radius:24px;overflow:hidden;aspect-ratio:3/4;max-height:68vh}.camera-stage video,.camera-stage canvas{position:absolute;width:100%;height:100%;object-fit:cover;transform:scaleX(-1)}.camera-guide{position:absolute;inset:0;display:grid;place-items:center;pointer-events:none}.face-oval{width:65%;height:58%;border:4px solid #fff;border-radius:50%;box-shadow:0 0 0 999px #00000047}.camera-message{position:absolute;left:12px;right:12px;bottom:15px;background:#000000a6;color:#fff;padding:11px;border-radius:13px;text-align:center;font-weight:700}.camera-controls{display:grid;gap:10px;margin-top:12px}.progress-dots{display:flex;justify-content:center;gap:8px}.progress-dots i{width:9px;height:9px;border-radius:50%;background:#ccd5df}.progress-dots i.done{background:var(--accent)}@media(min-width:900px){.app-shell{display:grid;grid-template-columns:250px 1fr}.desktop-rail{display:flex;position:sticky;top:0;height:100vh;flex-direction:column;background:#fff;padding:25px 18px;border-right:1px solid var(--line)}.brand{display:flex;align-items:center;gap:11px;font-size:1.2rem;font-weight:850;color:var(--primary)}.brand img{width:42px;border-radius:11px}.rail-user{color:var(--muted);font-size:.83rem;margin:18px 8px}.desktop-rail nav{display:grid;gap:6px;flex:1}.desktop-rail nav a{display:flex;align-items:center;gap:10px;padding:11px;border-radius:12px;color:#5f6d7b;font-weight:650}.desktop-rail nav a.active{background:#eaf2f9;color:var(--primary)}.desktop-rail svg{width:20px}.desktop-rail>.button{width:100%}.content{padding-bottom:40px}.bottom-nav{display:none}.login-page{grid-template-columns:1fr 1fr;max-width:1000px;margin:auto}.login-hero{text-align:left;padding:50px}.login-hero img{width:110px}}@media(max-width:440px){.quick-grid{grid-template-columns:repeat(2,1fr)}.attendance-actions{grid-template-columns:1fr}.time-grid{gap:8px}.content{padding-left:13px;padding-right:13px}.card{border-radius:19px}.page-header h1{font-size:1.4rem}}.calendar-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:6px}.calendar-grid>b{text-align:center;color:var(--muted);font-size:.72rem;padding:6px 0}.calendar-day{min-height:66px;border:1px solid var(--line);border-radius:11px;padding:7px;display:flex;flex-direction:column;gap:5px}.calendar-day.has-record{background:#eaf7f3;border-color:#b7e4d8}.calendar-day small{font-size:.59rem;color:#087a60;overflow:hidden}.request-grid{display:grid;grid-template-columns:1fr 1fr;gap:13px}.request-grid .card{height:100%;margin:0}.request-grid svg{color:var(--primary)}.request-grid h2{font-size:1rem;margin:13px 0 5px}.request-grid p{font-size:.82rem;color:var(--muted);margin:0}.two-cols,.summary-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.summary-grid .card h2{margin:8px 0 0}.eyebrow.dark{color:var(--muted)}.notice{padding:12px 14px;border-radius:13px;background:#e5f6ef;color:#087a60;margin-bottom:13px}.trip-download{margin:-10px 0 13px}.notification-item{border:0;border-bottom:1px solid var(--line);padding:12px 4px;background:transparent;width:100%;display:flex;gap:12px;text-align:left;color:inherit;cursor:pointer}.notification-item:last-child{border:0}.notification-item>svg{color:var(--primary);flex:none}.notification-item h3{margin:0 0 4px;font-size:.93rem}.notification-item p{margin:0 0 5px;color:#465467;font-size:.82rem}.notification-item small{color:var(--muted)}.notification-item.read{opacity:.63}.profile-card{display:flex;align-items:center;gap:16px}.profile-card h2{margin:0 0 4px}.profile-card p{color:var(--muted);margin:0 0 8px}.avatar{width:72px;height:72px;border-radius:50%;background:#e9f1f8;display:grid;place-items:center;overflow:hidden}.avatar img{width:100%;height:100%;object-fit:cover}.avatar svg{width:35px;height:35px;color:var(--primary)}.profile-row,.setting-row{display:flex;align-items:center;gap:12px;padding:11px 0;border-bottom:1px solid var(--line)}.profile-row:last-child,.setting-row:last-child{border:0}.profile-row>svg,.setting-row>svg{color:var(--primary)}.profile-row>div{display:grid;gap:2px}.profile-row span{font-size:.75rem;color:var(--muted)}.setting-row{border-left:0;border-right:0;border-top:0;background:transparent;width:100%;text-align:left;color:inherit;cursor:pointer}.setting-row span{flex:1}.setting-row b{font-size:.75rem;color:var(--primary)}.full{width:100%}.hint svg,.list-item p svg{vertical-align:-2px}.list-item>svg{color:var(--primary);flex:none}.notice+.card{margin-top:0}[data-theme=dark]{color-scheme:dark;--card:#16202d;--line:#2c3948;--muted:#9cabbc;color:#edf3f9;background:#0f1722}[data-theme=dark] body{background:linear-gradient(180deg,#101e2d,#0f1722)}[data-theme=dark] input,[data-theme=dark] select,[data-theme=dark] textarea{background:#101925;color:#fff;border-color:#374556}[data-theme=dark] .bottom-nav,[data-theme=dark] .desktop-rail,[data-theme=dark] .round-action,[data-theme=dark] .quick-grid a{background:#16202d}[data-theme=dark] .button-secondary{background:#24364a;color:#cde5fb}@media(max-width:560px){.request-grid,.two-cols{grid-template-columns:1fr}.calendar-grid{gap:3px}.calendar-day{min-height:54px;padding:5px}.calendar-day small{display:none}}.detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:16px}.detail-grid span{display:grid;gap:3px;color:var(--muted);font-size:.75rem}.detail-grid strong{color:inherit;font-size:.88rem}@media(max-width:500px){.detail-grid{grid-template-columns:1fr}}:root{--primary:#1e5fc2;--primary-2:#164a9a;--accent:#1e5fc2;--danger:#ef4444;--muted:#5c6f8d;--line:#d6e3f5;--card:#fff;--shadow:0 8px 24px rgba(30,95,194,.09);color:#0e1b32;background:#edf2f9}body{background:#edf2f9}.card{border-color:var(--line);border-radius:16px;padding:16px;margin-bottom:12px}.hero-card{background:#1e5fc2;border-radius:24px;padding:20px}.button{border-radius:12px;min-height:52px}.live-clock{display:flex;justify-content:center;align-items:flex-end;font-variant-numeric:tabular-nums}.live-clock strong{font-size:3.7rem;line-height:1;font-weight:850}.live-clock span{font-size:1.35rem;opacity:.6;margin:0 0 6px 3px}.current-date{text-align:center;opacity:.76;font-weight:650}.hero-pill{width:100%;display:flex;align-items:center;justify-content:center;gap:7px;background:#ffffff29;border-radius:999px;padding:8px 12px;font-size:.8rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.hero-pill svg{width:19px;flex:none}.status-heading{color:#0e1b32}.status-heading h2{font-size:1.1rem}.eyebrow.dark{color:#5c6f8d;opacity:1}.time-grid.light{margin-top:14px}.time-grid.light>div{background:#ebf2fb;color:#0e1b32}.time-grid.light span{color:#5c6f8d}.time-grid.light svg{color:#1e5fc2}[data-theme=dark]{--primary:#4a86e0;--card:#111a2b;--line:#26344f;--muted:#93a3bd;color:#e4eaf4;background:#0b1220}[data-theme=dark] body{background:#0b1220}[data-theme=dark] .status-heading,[data-theme=dark] .time-grid.light{color:#e4eaf4}[data-theme=dark] .time-grid.light>div{background:#16213a;color:#e4eaf4}.login-page{isolation:isolate;position:relative;min-height:100vh;min-height:100dvh;padding:0;display:block;overflow-x:hidden;overflow-y:auto;color:#0e1b32;background:#edf2f9}.login-aurora{position:fixed;z-index:-1;width:380px;height:380px;border-radius:50%;pointer-events:none;background:radial-gradient(circle,#1e5fc21a,#1e5fc200 70%);animation:login-aurora-drift 19s linear infinite alternate}.login-aurora-top{top:-145px;left:-145px}.login-aurora-bottom{right:-160px;bottom:-145px;animation-duration:23s;animation-direction:alternate-reverse}.login-content{width:min(100%,460px);min-height:100vh;min-height:100dvh;margin:0 auto;padding:max(24px,env(safe-area-inset-top)) 16px max(24px,env(safe-area-inset-bottom));display:flex;flex-direction:column;justify-content:center}.login-heading{min-width:0;text-align:center;animation:login-enter .56s cubic-bezier(.4,0,.2,1) both}.login-brand-mark{position:relative;width:148px;height:148px;margin:0 auto 20px;display:grid;place-items:center}.login-brand-ring{position:absolute;width:116px;height:116px;border-radius:50%;background:#1e5fc22e;animation:login-ring 4.2s linear infinite}.login-brand-core{position:relative;width:88px;height:88px;border-radius:50%;display:grid;place-items:center;color:#fff;background:#1e5fc2;animation:login-pulse 4.8s cubic-bezier(.4,0,.2,1) infinite alternate}.login-brand-core svg{width:52px;height:52px;stroke-width:1.8}.login-brand-core img{width:100%;height:100%;border-radius:inherit;object-fit:cover}.login-heading h1{margin:0;font-size:clamp(1.72rem,7.4vw,2rem);line-height:1.22;font-weight:800;letter-spacing:-.025em}.login-heading p{margin:8px 0 0;color:#5c6f8d;font-size:1rem;line-height:1.5;overflow-wrap:anywhere}.login-card{width:100%;max-width:none;min-width:0;margin:32px 0 0;padding:24px;border:1px solid rgba(30,95,194,.05);border-radius:24px;background:#fff;box-shadow:0 12px 32px #1e5fc217;animation:login-enter .56s .22s cubic-bezier(.4,0,.2,1) both}.login-error{margin-bottom:16px;padding:12px;display:flex;align-items:flex-start;gap:8px;border-radius:12px;color:#dc2626;background:#ef44441a;font-size:.875rem;line-height:1.4}.login-error svg{width:20px;height:20px;flex:0 0 auto}.login-field{display:block;margin:0;color:#5c6f8d}.login-field+.login-field{margin-top:16px}.login-field>span:first-child{display:block;margin-bottom:8px;font-size:.75rem;line-height:1.25;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.login-input-wrap{width:100%;min-width:0;min-height:56px;padding:0 12px;display:flex;align-items:center;gap:10px;border:1.5px solid transparent;border-radius:12px;color:#5c6f8d;background:#ebf2fb;transition:border-color .18s,background .18s,box-shadow .18s}.login-input-wrap:focus-within{border-color:#1e5fc2;background:#fff;box-shadow:0 0 0 3px #1e5fc21a}.login-input-wrap>svg{width:24px;height:24px;flex:0 0 auto;stroke-width:1.8}.login-input-wrap input{min-width:0;height:53px;padding:0;border:0;border-radius:0;outline:0;box-shadow:none;color:#0e1b32;background:transparent;font-size:1rem;font-weight:400}.login-input-wrap input:focus{border:0;box-shadow:none}.login-input-wrap input::placeholder{color:#bcd0ec;opacity:1}.login-input-wrap input:disabled{opacity:.72}.login-password-toggle{width:44px;height:44px;margin-right:-7px;padding:0;flex:0 0 auto;display:grid;place-items:center;border:0;border-radius:50%;color:#5c6f8d;background:transparent;cursor:pointer}.login-password-toggle svg{width:24px;height:24px;stroke-width:1.8}.login-password-toggle:focus-visible{outline:2px solid #1e5fc2;outline-offset:1px}.login-submit{width:100%;height:52px;margin-top:20px;padding:0 16px;display:flex;align-items:center;justify-content:center;gap:8px;border:0;border-radius:12px;color:#fff;background:#1e5fc2;box-shadow:0 6px 18px #1e5fc22e;font-size:.875rem;font-weight:700;cursor:pointer;transition:transform .15s,opacity .15s,background .15s}.login-submit svg{width:20px;height:20px}.login-submit:active:not(:disabled){transform:scale(.98)}.login-submit:disabled{color:#5c6f8d;background:#e2ecf8;box-shadow:none;cursor:default;opacity:1}.login-footer{margin-top:32px;padding-bottom:env(safe-area-inset-bottom);color:#5c6f8d;text-align:center;font-size:.75rem;line-height:1.45;font-weight:600;letter-spacing:.02em;animation:login-enter .56s .3s cubic-bezier(.4,0,.2,1) both}@keyframes login-enter{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes login-pulse{0%{transform:scale(1)}to{transform:scale(1.02)}}@keyframes login-ring{0%{transform:scale(1);opacity:.25}to{transform:scale(1.25);opacity:0}}@keyframes login-aurora-drift{0%{transform:translate(-18px,-12px)}to{transform:translate(54px,43px)}}@media(max-height:720px),(max-width:360px){.login-content{justify-content:flex-start}.login-brand-mark{width:116px;height:116px;margin-bottom:12px}.login-brand-ring{width:94px;height:94px}.login-brand-core{width:72px;height:72px}.login-brand-core svg{width:42px;height:42px}.login-card{margin-top:24px;padding:20px}.login-footer{margin-top:24px}}@media(prefers-reduced-motion:reduce){.login-heading,.login-card,.login-footer,.login-brand-ring,.login-brand-core,.login-aurora{animation:none}}.content-home{width:100%;max-width:none;padding:0 16px calc(112px + env(safe-area-inset-bottom))}.home-page{width:min(100%,460px);margin:0 auto;color:#0e1b32}.home-header{min-height:82px;padding:max(12px,env(safe-area-inset-top)) 0 12px;display:flex;align-items:center}.home-avatar{width:48px;height:48px;flex:0 0 auto;display:grid;place-items:center;overflow:hidden;border-radius:50%;color:#164a9a;background:#dde9f9;font-size:1.1rem;font-weight:800}.home-avatar img{width:100%;height:100%;object-fit:cover}.home-user{min-width:0;flex:1;margin-left:12px;display:grid}.home-user span{color:#5c6f8d;font-size:.78rem;line-height:1.25}.home-user strong{overflow:hidden;color:#0e1b32;font-size:1rem;line-height:1.25;text-overflow:ellipsis;white-space:nowrap}.home-notification{position:relative;width:48px;height:48px;display:grid;place-items:center;border:0;border-radius:50%;color:#0e1b32;background:transparent;cursor:pointer}.home-notification svg{width:24px;height:24px;stroke-width:1.7}.home-notification i{position:absolute;top:9px;right:9px;width:9px;height:9px;border:1.5px solid #edf2f9;border-radius:50%;background:#ef4444}.home-inline-error,.home-previous-attendance{width:100%;margin:0 0 12px;padding:11px 12px;border:0;border-radius:12px;color:#164a9a;background:#dde9f9;text-align:left;font-size:.8rem;font-weight:650}.home-time-card{padding:20px;border-radius:24px;color:#fff;background:#1e5fc2;animation:home-enter .48s cubic-bezier(.4,0,.2,1) both}.home-clock{display:flex;align-items:flex-end;justify-content:center;font-variant-numeric:tabular-nums}.home-clock strong{font-size:clamp(3rem,13.5vw,4rem);line-height:1;font-weight:850;letter-spacing:-.035em}.home-clock span{margin:0 0 7px 2px;color:#fff9;font-size:1.55rem;line-height:1;font-weight:650}.home-time-card>p{margin:14px 0 16px;color:#ffffffc2;text-align:center;font-size:.9rem;line-height:1.25;font-weight:700}.home-info-pills{display:grid;grid-template-columns:1fr 1fr;gap:8px}.home-info-pills>div{min-width:0;min-height:40px;padding:8px 12px;display:flex;align-items:center;justify-content:center;gap:5px;border-radius:999px;background:#ffffff29}.home-info-pills svg{width:20px;height:20px;flex:0 0 auto;stroke-width:1.7}.home-info-pills span{overflow:hidden;font-size:.78rem;font-weight:650;text-overflow:ellipsis;white-space:nowrap}.home-info-pills>div:only-child{grid-column:1 / -1}.home-elevated{border:1px solid rgba(30,95,194,.05);border-radius:24px;background:#fff;box-shadow:0 10px 28px #1e5fc214}.home-register-card,.home-action-card{margin-top:12px;padding:16px;animation:home-enter .48s .08s cubic-bezier(.4,0,.2,1) both}.home-access-line{display:flex;align-items:center;gap:12px}.home-icon-box{width:44px;height:44px;flex:0 0 auto;display:grid;place-items:center;border-radius:12px;color:#1e5fc2;background:#dde9f9}.home-icon-box svg{width:22px;height:22px;stroke-width:1.7}.home-access-line.warning .home-icon-box{color:#f59e0b;background:#fef3c7}.home-access-line>div{min-width:0;flex:1}.home-access-line strong{display:block;overflow:hidden;font-size:.94rem;line-height:1.3;text-overflow:ellipsis;white-space:nowrap}.home-access-line p{margin:1px 0 0;overflow:hidden;color:#5c6f8d;font-size:.78rem;line-height:1.35;text-overflow:ellipsis;white-space:nowrap}.home-register-card .home-access-line p{color:#d97706;overflow:visible;white-space:normal}.home-primary-button{width:100%;height:52px;margin-top:16px;display:flex;align-items:center;justify-content:center;gap:8px;border:0;border-radius:12px;color:#fff;background:#1e5fc2;box-shadow:0 6px 18px #1e5fc229;font-size:.94rem;font-weight:700;cursor:pointer}.home-primary-button svg{width:21px;height:21px;stroke-width:1.7}.home-primary-button:active:not(:disabled){transform:scale(.99)}.home-primary-button:disabled{color:#5c6f8d;background:#e2ecf8;box-shadow:none;cursor:default}.home-action-note{margin:10px 0 0;font-size:12px;line-height:1.45;color:#5c6f8d;text-align:center}.home-schedule-select{margin:14px 0 0}.home-schedule-select select{margin-top:6px;background:#ebf2fb}.home-project-schedule{margin-top:12px;padding:14px 16px;display:flex;align-items:center;gap:12px;border-color:#b8d2f4;background:#eef5ff}.home-project-schedule>div{min-width:0;flex:1}.home-project-schedule small{display:block;color:#1267c9;font-size:.66rem;font-weight:800;letter-spacing:.04em}.home-project-schedule strong{display:block;margin-top:2px;overflow:hidden;font-size:.94rem;text-overflow:ellipsis;white-space:nowrap}.home-project-schedule p{margin:2px 0 0;color:#5c6f8d;font-size:.76rem;line-height:1.35}.home-field-task{width:100%;margin-top:12px;padding:16px;display:flex;align-items:center;gap:12px;border:0;color:inherit;text-align:left;cursor:pointer}.home-field-task>div{min-width:0;flex:1}.home-field-task strong{display:block;font-size:.9rem}.home-field-task p{margin:2px 0 0;overflow:hidden;color:#5c6f8d;font-size:.75rem;text-overflow:ellipsis;white-space:nowrap}.home-field-task>svg{width:20px;color:#5c6f8d}.home-done-card{margin-top:12px;padding:20px;display:flex;align-items:center;gap:8px}.home-done-card>svg{width:24px;color:#10b981}.home-done-card strong{display:block;color:#10b981;font-size:1rem}.home-done-card p{margin:1px 0 0;color:#5c6f8d;font-size:.8rem}.home-summary-card{margin-top:12px;padding:16px;animation:home-enter .48s .16s cubic-bezier(.4,0,.2,1) both}.home-summary-title{display:flex;align-items:center;justify-content:space-between}.home-summary-title strong{font-size:.96rem}.home-summary-title button{min-height:40px;padding:0 5px;border:0;color:#1e5fc2;background:transparent;font-size:.84rem;font-weight:700;cursor:pointer}.home-time-grid{margin-top:4px;display:grid;grid-template-columns:1fr 1fr;gap:8px}.home-time-grid>div{min-width:0;padding:12px;display:flex;align-items:center;gap:8px;border-radius:12px;background:#ebf2fb}.home-time-grid>div>span{width:36px;height:36px;flex:0 0 auto;display:grid;place-items:center;border-radius:12px;color:#1e5fc2;background:#fff}.home-time-grid svg{width:20px;height:20px;stroke-width:1.7}.home-time-grid p{min-width:0;margin:0;display:grid;color:#5c6f8d;font-size:.73rem;line-height:1.2}.home-time-grid strong{overflow:hidden;color:#0e1b32;font-size:.82rem;text-overflow:ellipsis;white-space:nowrap}.home-time-grid strong:not(:first-child){font-weight:750}.home-week{margin-top:16px;padding-top:12px;border-top:1px solid #d6e3f5}.home-week h3{margin:0 0 12px;font-size:.9rem}.home-week>div{display:grid;grid-template-columns:repeat(6,1fr)}.home-week span{min-width:0;display:grid;justify-items:center;gap:5px}.home-week b{color:#5c6f8d;font-size:.7rem;font-weight:500}.home-week span.today b{color:#1e5fc2;font-weight:800}.home-week i{width:36px;height:36px;display:grid;place-items:center;border-radius:50%;color:#5c6f8d;background:#ebf2fb;font-size:.72rem;font-style:normal}.home-week span.today i{border:1.5px solid #1e5fc2;color:#1e5fc2;background:#fff;font-weight:800}.home-week span.today i.has-status{color:#f59e0b;background:#fef3c7}.home-week i svg{width:16px;height:16px}.home-sheet-backdrop{position:fixed;z-index:60;inset:0;display:flex;align-items:flex-end;justify-content:center;background:#0b122070;animation:home-fade .2s both}.home-office-sheet{position:relative;width:min(100%,560px);max-height:78dvh;padding:24px 18px max(24px,env(safe-area-inset-bottom));overflow-y:auto;border-radius:28px 28px 0 0;background:#fff;animation:home-sheet-up .28s cubic-bezier(.2,.8,.2,1) both}.home-sheet-handle{width:36px;height:4px;margin:-12px auto 22px;border-radius:99px;background:#5c6f8d}.home-sheet-close{position:absolute;top:19px;right:14px;width:40px;height:40px;display:grid;place-items:center;border:0;border-radius:50%;color:#5c6f8d;background:transparent}.home-sheet-close svg{width:20px}.home-office-sheet h2{margin:0;font-size:1.55rem}.home-office-sheet>p{margin:7px 0 24px;color:#5c6f8d;line-height:1.5}.home-office-list{display:grid;gap:9px}.home-office-list>button{width:100%;padding:15px 14px;display:flex;align-items:center;gap:12px;border:1px solid rgba(30,95,194,.45);border-radius:16px;color:#0e1b32;background:#fff;text-align:left}.home-office-list>button:disabled{opacity:.56}.home-office-list>button>svg{width:28px;height:28px;flex:0 0 auto;color:#1e5fc2;stroke-width:1.5}.home-office-list>button>span{min-width:0;flex:1;display:grid}.home-office-list strong,.home-office-list small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.home-office-list strong{font-size:.92rem}.home-office-list small{color:#5c6f8d;font-size:.72rem}.home-office-list b{padding:5px 9px;border-radius:999px;color:#1e5fc2;background:#dde9f9;font-size:.7rem;white-space:nowrap}.home-office-empty{padding:24px;color:#5c6f8d;text-align:center}.home-refreshing{position:fixed;z-index:55;top:max(12px,env(safe-area-inset-top));left:50%;padding:8px 12px;display:flex;align-items:center;gap:7px;transform:translate(-50%);border-radius:999px;color:#164a9a;background:#fff;box-shadow:0 8px 24px #1e5fc226;font-size:.75rem;font-weight:700}.home-refreshing svg{width:16px}.home-state{min-height:65vh;display:grid;place-items:center}.bottom-nav{left:12px;right:12px;bottom:max(10px,env(safe-area-inset-bottom));height:76px;padding:6px;justify-content:stretch;border:1px solid rgba(214,227,245,.75);border-radius:28px;box-shadow:0 14px 28px #0e1b3233}.bottom-nav a{min-width:0;flex:1;gap:0;justify-content:center;font-size:.68rem}.bottom-nav a svg{box-sizing:content-box;width:24px;height:24px;padding:7px 11px;border-radius:15px;stroke-width:1.6}.bottom-nav a.active svg{background:#dde9f9}.bottom-nav a span{line-height:1.2}@keyframes home-enter{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes home-fade{0%{opacity:0}to{opacity:1}}@keyframes home-sheet-up{0%{transform:translateY(100%)}to{transform:translateY(0)}}@media(max-width:360px){.content-home{padding-left:12px;padding-right:12px}.home-time-card{padding:17px}.home-clock strong{font-size:2.8rem}.home-info-pills{grid-template-columns:1fr}.home-info-pills>div:only-child{grid-column:auto}.home-register-card,.home-action-card,.home-summary-card{padding:14px}.home-time-grid>div{padding:9px}.home-time-grid>div>span{width:32px;height:32px}}@media(min-width:900px){.app-shell{display:block}.content-home{padding-bottom:40px}.home-page{width:460px}.bottom-nav{display:flex;width:min(calc(100% - 24px),620px);left:50%;right:auto;transform:translate(-50%)}.content{padding-bottom:112px}.content-camera{padding-bottom:0}}@media(prefers-reduced-motion:reduce){.home-time-card,.home-register-card,.home-action-card,.home-summary-card,.home-sheet-backdrop,.home-office-sheet{animation:none}}[data-theme=dark] .home-page,[data-theme=dark] .home-user strong,[data-theme=dark] .home-notification{color:#e4eaf4}[data-theme=dark] .home-user span,[data-theme=dark] .home-access-line p,[data-theme=dark] .home-field-task p,[data-theme=dark] .home-done-card p,[data-theme=dark] .home-time-grid p,[data-theme=dark] .home-week b{color:#93a3bd}[data-theme=dark] :is(.home-elevated,.home-office-sheet){color:#e4eaf4;background:#111a2b;border-color:#26344f}[data-theme=dark] :is(.home-time-grid>div,.home-schedule-select select){color:#e4eaf4;background:#16213a}[data-theme=dark] .home-project-schedule{background:#15243c;border-color:#2c4b77}[data-theme=dark] .home-project-schedule p,[data-theme=dark] .home-action-note{color:#93a3bd}[data-theme=dark] .home-time-grid>div>span{background:#1c2944}[data-theme=dark] .home-time-grid strong,[data-theme=dark] .home-week h3{color:#e4eaf4}[data-theme=dark] .home-week{border-color:#26344f}[data-theme=dark] .home-week i{color:#93a3bd;background:#16213a}[data-theme=dark] .home-week span.today i{background:#111a2b}[data-theme=dark] .home-office-list>button{color:#e4eaf4;background:#16213a;border-color:#34466a}[data-theme=dark] .bottom-nav{background:#111a2bf5;border-color:#26344f}.content-camera{width:100%;max-width:none;padding:0}.content-subpage{padding-top:0;max-width:680px}.android-topbar{min-height:84px;display:flex;align-items:center;gap:12px}.android-topbar button,.face-camera-header button{width:44px;height:44px;padding:0;display:grid;place-items:center;border:0;color:#0e1b32;background:transparent}.android-topbar button svg,.face-camera-header button svg{width:25px}.android-topbar h1{margin:0;font-size:1.55rem}.android-topbar.centered{position:relative;justify-content:center}.android-topbar.centered button{position:absolute;left:0}.android-primary-button,.android-sticky-button,.android-form-submit{width:100%;height:56px;display:flex;align-items:center;justify-content:center;gap:10px;border:0;border-radius:12px;color:#fff;background:#1e5fc2;font-size:1rem;font-weight:700}.android-primary-button:disabled,.android-form-submit:disabled{color:#5c6f8d;background:#e2ecf8}.android-primary-button svg,.android-sticky-button svg,.android-form-submit svg{width:21px}.android-sticky-button{position:sticky;z-index:10;bottom:8px;margin-top:auto;box-shadow:0 8px 22px #1e5fc22e}.face-intro-page,.field-task-page,.face-success-page{width:min(100%,460px);min-height:calc(100dvh - 20px);margin:auto;padding:0 16px 12px;display:flex;flex-direction:column}.face-step-line{display:grid;grid-template-columns:repeat(3,1fr);gap:7px}.face-step-line i{height:4px;border-radius:99px;background:#d6e3f5}.face-step-line i.active{background:#1e5fc2}.face-intro-icon{width:132px;height:132px;margin:40px auto 26px;display:grid;place-items:center;border:1px solid #8db6f2;border-radius:50%;color:#1e5fc2;background:#dde9f9}.face-intro-icon svg{width:52px}.face-intro-copy{margin:0 0 16px;color:#5c6f8d;text-align:center;line-height:1.5}.face-instruction{margin:0 0 12px;padding:12px;display:flex;align-items:center;gap:13px;border:1px solid #d6e3f5;border-radius:16px;background:#fff}.face-instruction>span{width:48px;height:48px;display:grid;place-items:center;flex:none;border-radius:12px;color:#1e5fc2;background:#ebf2fb}.face-instruction svg{width:25px}.face-instruction div{display:grid}.face-instruction b{color:#1e5fc2;font-size:.72rem;letter-spacing:.06em}.face-instruction strong{font-size:.94rem}.face-tips{margin:6px 0 24px;padding:13px;border:1px solid #f7c65d;border-radius:16px;color:#5c6f8d;background:#fef3c7}.face-tips p{margin:0;display:flex;gap:9px;font-size:.76rem;line-height:1.4}.face-tips p+p{margin-top:8px}.face-tips svg{width:20px;flex:none;color:#f59e0b}.face-intro-page .android-sticky-button{margin-top:auto}.field-task-callout,.field-location{padding:16px;display:flex;align-items:center;gap:14px;border-radius:16px}.field-task-callout{border:1px solid #8db6f2;background:#dde9f9}.field-task-callout>span{width:52px;height:52px;display:grid;place-items:center;border-radius:12px;color:#1e5fc2;background:#fff}.field-task-callout svg,.field-location>svg{width:27px}.field-task-callout strong{font-size:1.03rem}.field-task-callout p,.field-location small{margin:3px 0 0;color:#5c6f8d;font-size:.8rem}.field-location{margin-top:14px;color:#0d9488;background:#2dd4bf21}.field-location>div{display:grid;color:#0e1b32}.field-description{margin-top:18px;color:#1e5fc2}.field-description textarea{margin-top:-8px;min-height:122px;border:2px solid #1e5fc2}.field-help{color:#5c6f8d;font-size:.8rem;line-height:1.4}.field-task-page .android-primary-button{margin-top:18px}.face-success-page{align-items:center;justify-content:center;text-align:center}.face-success-icon{width:132px;height:132px;display:grid;place-items:center;border-radius:50%;color:#10b981;background:#10b98126}.face-success-icon svg{width:31px}.face-success-page h1{margin:24px 0 8px;font-size:1.55rem}.face-success-page p{margin:0 0 26px;color:#5c6f8d;line-height:1.5}.face-camera-page{position:relative;width:min(100%,620px);height:100dvh;margin:auto;overflow:hidden;color:#fff;background:#090f18}.face-camera-header{position:absolute;z-index:5;top:max(10px,env(safe-area-inset-top));left:16px;right:16px;display:flex;align-items:center;gap:10px}.face-camera-header button{color:#fff}.face-camera-header h1{margin:0;font-size:1.25rem}.face-camera-progress{position:absolute;z-index:5;top:max(78px,calc(env(safe-area-inset-top) + 70px));left:0;right:0;display:flex;justify-content:center;gap:22px}.face-camera-progress span{width:34px;height:34px;display:grid;place-items:center;border:2px solid rgba(255,255,255,.55);border-radius:50%;font-weight:700}.face-camera-progress span.active{border-color:#1e5fc2}.face-camera-progress span.done{border-color:#10b981;background:#10b981}.face-camera-progress p{position:absolute;top:32px;margin:7px 0;font-weight:650}.face-camera-page .camera-stage{width:100%;height:100%;max-height:none;border-radius:0;aspect-ratio:auto}.face-camera-page .face-oval{width:72%;height:auto;aspect-ratio:1/1.32;border-color:#1e5fc2}.face-camera-page .face-oval.passed{border-color:#10b981}.face-camera-page .camera-message{bottom:22%;display:flex;gap:12px;text-align:left}.face-camera-page .camera-message strong{display:block}.face-camera-page .camera-message span{display:block;font-size:.82rem;font-weight:400;opacity:.8}.face-camera-page .camera-message.passed svg{color:#10b981}.face-camera-page .camera-controls{position:absolute;z-index:6;left:16px;right:16px;bottom:max(18px,env(safe-area-inset-bottom));margin:0}.face-camera-page .camera-controls .hint{display:none}.attendance-page{width:min(100%,680px);margin:auto}.attendance-tabs{display:grid;grid-template-columns:1fr 1fr;margin-bottom:20px}.attendance-tabs button{height:52px;display:flex;align-items:center;justify-content:center;gap:7px;border:0;border-radius:14px;color:#5c6f8d;background:transparent;font-weight:700}.attendance-tabs button.active{color:#1e5fc2;background:#dde9f9}.attendance-tabs svg{width:19px}.month-nav{height:58px;display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.month-nav button{width:42px;height:42px;display:grid;place-items:center;border:0;background:transparent}.month-nav strong{font-size:1rem}.history-stats{padding:14px;display:grid;grid-template-columns:repeat(4,1fr);border-radius:24px;background:#fff;box-shadow:0 8px 24px #1e5fc212}.history-stats span{display:grid;justify-items:center;color:#5c6f8d}.history-stats svg{width:19px;color:#1e5fc2}.history-stats span.success svg{color:#10b981}.history-stats span.warning svg{color:#f59e0b}.history-stats b{margin-top:4px;color:#0e1b32;font-size:1.15rem}.history-stats small{text-align:center;font-size:.67rem}.history-list{margin-top:22px;display:grid;gap:18px}.history-card{padding:16px;border-radius:24px;background:#fff;box-shadow:0 8px 24px #1e5fc212}.history-card-head{display:flex;align-items:center;gap:10px}.history-date{width:50px;height:50px;display:grid;place-items:center;line-height:1;border-radius:12px;color:#5c6f8d;background:#ebf2fb;font-size:.7rem}.history-date b{font-size:1.05rem;color:#0e1b32}.history-card-head>div{min-width:0;flex:1}.history-card-head strong{display:block}.history-card-head p{margin:2px 0 0;overflow:hidden;color:#5c6f8d;font-size:.75rem;text-overflow:ellipsis;white-space:nowrap}.history-card-head em{padding:6px 9px;border-radius:999px;background:#edf2f9;font-size:.68rem;font-style:normal;font-weight:700}.history-card-head em.success{color:#059669;background:#d1fae5}.history-card-head em.warning{color:#d97706;background:#fef3c7}.history-card-head>svg{width:17px;color:#5c6f8d}.history-times{margin-top:12px;display:grid;grid-template-columns:1fr 1fr;gap:8px}.history-times>div{padding:11px;display:flex;align-items:center;gap:8px;border-radius:12px;background:#ebf2fb}.history-times>div>span{width:36px;height:36px;display:grid;place-items:center;border-radius:11px;color:#1e5fc2;background:#fff}.history-times svg{width:19px}.history-times p{margin:0;display:grid;color:#5c6f8d;font-size:.7rem}.history-times strong{color:#0e1b32;font-size:.88rem}.history-card footer{margin-top:11px;color:#5c6f8d;font-size:.74rem}.history-card footer svg{width:16px;vertical-align:-4px}.android-calendar,.month-summary{padding:18px;border-radius:24px;background:#fff;box-shadow:0 8px 24px #1e5fc212}.calendar-weekdays,.calendar-cells{display:grid;grid-template-columns:repeat(7,1fr)}.calendar-weekdays b{text-align:center;color:#5c6f8d;font-size:.76rem}.calendar-weekdays b:nth-last-child(-n+2){color:#ef4444}.calendar-cells span{position:relative;height:55px;display:grid;place-items:center;border-radius:13px;font-size:.84rem}.calendar-cells span.today{background:#dde9f9}.calendar-cells span i{position:absolute;bottom:7px;width:6px;height:6px;border-radius:50%;background:#5c6f8d}.calendar-cells span.success i{background:#10b981}.calendar-cells span.warning i{background:#f59e0b}.month-summary{margin-top:14px}.month-summary h2{margin:0;font-size:1.1rem}.month-summary>p{margin:4px 0 15px;color:#5c6f8d;font-size:.76rem}.month-summary>div{display:grid;grid-template-columns:1fr 1fr;gap:8px}.month-summary article{padding:12px;display:flex;align-items:center;gap:9px;border-radius:12px;background:#ebf2fb}.month-summary article>span{width:36px;height:36px;display:grid;place-items:center;border-radius:50%;background:#d6e3f5}.month-summary article svg{width:18px}.month-summary article>div{display:grid}.month-summary b{font-size:.8rem}.month-summary strong{font-size:.76rem}.month-summary .success{color:#059669}.month-summary .warning{color:#d97706}.month-summary .teal{color:#0d9488}.month-summary .purple{color:#8b5cf6}.month-summary .danger{color:#ef4444}.requests-hub>header,.profile-heading{display:flex;align-items:center;justify-content:space-between;margin:0 0 24px}.requests-hub h1,.profile-heading h1{margin:0;font-size:2rem}.requests-hub header p,.profile-heading p{margin:3px 0 0;color:#5c6f8d}.requests-hub header>span,.profile-heading>span{width:44px;height:44px;display:grid;place-items:center;border-radius:12px;color:#1e5fc2;background:#dde9f9}.requests-hub>a{margin-bottom:14px;padding:16px;display:flex;align-items:center;gap:13px;border-radius:24px;background:#fff;box-shadow:0 8px 24px #1e5fc212}.requests-hub>a>span{width:45px;height:45px;display:grid;place-items:center;border-radius:12px;color:#1e5fc2;background:#dde9f9}.requests-hub>a>div{min-width:0;flex:1}.requests-hub strong{font-size:1rem}.requests-hub p{margin:4px 0 0;color:#5c6f8d;font-size:.8rem}.requests-hub>a>svg{width:18px;color:#5c6f8d}.leave-page,.trips-page,.android-form-page,.trip-detail-page{width:min(100%,620px);margin:auto}.leave-quota{padding:16px;border-radius:24px;background:#fff;box-shadow:0 8px 24px #1e5fc212}.leave-quota>div{display:flex;align-items:center;gap:12px}.leave-quota>div>span{width:44px;height:44px;display:grid;place-items:center;border-radius:12px;color:#1e5fc2;background:#dde9f9}.leave-quota p{margin:2px 0;color:#5c6f8d}.leave-quota>i{margin-top:15px;padding-top:14px;display:grid;grid-template-columns:1fr 1fr;gap:10px;border-top:4px solid #dde9f9;font-style:normal}.leave-quota>i b{padding:12px;display:grid;color:#5c6f8d;border-radius:12px;background:#ebf2fb;font-size:.75rem}.leave-quota>i strong{color:#0e1b32;font-size:1rem}.android-empty{min-height:280px;display:grid;place-content:center;text-align:center;color:#5c6f8d}.android-empty span{font-size:4rem;opacity:.22}.android-empty h2{margin:5px 0;color:#0e1b32;font-size:1.1rem}.android-empty p{margin:0}.leave-page .android-sticky-button{bottom:90px}.android-form-page{padding-bottom:10px}.form-step{margin-bottom:14px;padding:16px;border-radius:24px;background:#fff;box-shadow:0 8px 24px #1e5fc212}.form-step>header{display:flex;gap:12px;margin-bottom:14px}.form-step>header>span{width:44px;height:44px;display:grid;place-items:center;flex:none;border-radius:12px;color:#1e5fc2;background:#dde9f9}.form-step>header svg{width:22px}.form-step header b{color:#1e5fc2;font-size:.72rem;letter-spacing:.06em}.form-step h2{margin:0;font-size:1.05rem}.form-step header p{margin:1px 0 0;color:#5c6f8d;font-size:.75rem}.form-step label{color:#5c6f8d;font-size:.72rem;letter-spacing:.05em}.form-step input,.form-step select,.form-step textarea{margin-top:4px;border:0;background:#ebf2fb}.form-step textarea:focus,.form-step input:focus,.form-step select:focus{border:1.5px solid #1e5fc2;background:#fff}.form-rules,.form-total{padding:12px;border-radius:12px;background:#ebf2fb;font-size:.78rem;line-height:1.6}.form-rules b{color:#1e5fc2}.form-two{display:grid;grid-template-columns:1fr 1fr;gap:10px}.form-total{display:flex;align-items:center;gap:9px;color:#1e5fc2}.form-total svg{width:22px}.form-total span{display:grid}.form-total small{color:#5c6f8d}.android-form-submit{position:sticky;z-index:10;bottom:8px;margin-top:8px;box-shadow:0 8px 22px #1e5fc22e}.method-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.method-grid button{padding:14px;display:grid;text-align:left;border:0;border-radius:12px;color:#0e1b32;background:#ebf2fb}.method-grid button.active{outline:1.5px solid #1e5fc2}.method-grid svg{width:22px;color:#1e5fc2}.method-grid b{margin-top:8px}.method-grid span{color:#5c6f8d;font-size:.76rem}.ready-submit{margin:0 0 12px;padding:16px;display:flex;align-items:center;gap:10px;border-radius:18px;color:#059669;background:#d1fae5}.ready-submit svg{width:23px}.ready-submit div{display:grid}.ready-submit span{color:#5c6f8d;font-size:.76rem}.page-actions{display:flex;justify-content:flex-end;gap:8px;margin-bottom:14px}.page-actions button{padding:9px 12px;display:flex;gap:6px;border:0;border-radius:10px;color:#1e5fc2;background:#dde9f9}.page-actions svg{width:18px}.android-data-list{display:grid;gap:10px}.android-data-list article{padding:15px;display:flex;align-items:center;gap:12px;border-radius:18px;background:#fff;box-shadow:0 7px 20px #1e5fc212}.android-data-list article>span{width:42px;height:42px;display:grid;place-items:center;flex:none;border-radius:12px;color:#1e5fc2;background:#dde9f9}.android-data-list article>div{min-width:0;flex:1}.android-data-list article p{margin:3px 0;color:#5c6f8d;font-size:.76rem}.trip-detail-page>article{padding:18px;border-radius:24px;background:#fff}.trip-detail-page article>div{display:flex;align-items:center;gap:10px}.trip-detail-page dl{display:grid;grid-template-columns:auto 1fr;gap:8px 16px}.trip-detail-page dt{color:#5c6f8d}.trip-detail-page dd{margin:0;font-weight:650}.profile-page{width:min(100%,620px);margin:auto}.profile-identity{padding:16px;display:flex;align-items:center;gap:16px;border-radius:24px;background:#fff}.profile-large-avatar{width:62px;height:62px;display:grid;place-items:center;overflow:hidden;border-radius:50%;color:#1e5fc2;background:#dde9f9;font-size:1.2rem;font-weight:800}.profile-large-avatar img{width:100%;height:100%;object-fit:cover}.profile-identity h2{margin:0}.profile-identity p{margin:3px 0;color:#5c6f8d}.profile-section-title{margin:24px 0 12px;font-size:1.12rem}.profile-group{padding:16px;border-radius:24px;background:#fff;box-shadow:0 7px 20px #1e5fc20f}.profile-info{display:flex;align-items:center;gap:13px;padding:7px 0}.profile-info>span,.settings-group button>span,.profile-logout>span{width:44px;height:44px;display:grid;place-items:center;flex:none;border-radius:12px;color:#1e5fc2;background:#dde9f9}.profile-info svg,.settings-group svg,.profile-logout svg{width:22px}.profile-info>div{display:grid}.profile-info small{color:#5c6f8d}.profile-info strong.success{color:#10b981}.face-security>p{color:#5c6f8d;font-size:.8rem}.face-security>a{height:52px;display:flex;align-items:center;justify-content:center;gap:8px;border:1px solid #8db6f2;border-radius:12px;color:#1e5fc2;font-weight:700}.settings-group{padding-top:7px;padding-bottom:7px}.settings-group button{width:100%;padding:10px 0;display:flex;align-items:center;gap:12px;border:0;border-bottom:1px solid #d6e3f5;color:inherit;background:transparent;text-align:left}.settings-group button:last-child{border:0}.settings-group strong{flex:1}.settings-group em{color:#5c6f8d;font-style:normal;font-size:.8rem}.settings-group button>svg{width:17px;color:#5c6f8d}.profile-logout{width:100%;margin-top:18px;padding:14px 16px;display:flex;align-items:center;gap:12px;border:0;border-radius:24px;color:#ef4444;background:#fff;text-align:left}.profile-logout>span{color:#ef4444;background:#fee2e2}.profile-logout div{display:grid}.profile-logout p{margin:1px 0;color:#5c6f8d}.profile-version{text-align:center;color:#5c6f8d}.theme-backdrop{position:fixed;z-index:70;inset:0;display:flex;align-items:flex-end;justify-content:center;background:#0b12206b}.theme-sheet{width:min(100%,560px);padding:10px 18px max(28px,env(safe-area-inset-bottom));border-radius:28px 28px 0 0;background:#fff}.theme-sheet>div{width:36px;height:4px;margin:0 auto 25px;border-radius:9px;background:#5c6f8d}.theme-sheet h2{margin:0 0 14px;font-size:1.45rem}.theme-sheet button{width:100%;height:68px;display:flex;align-items:center;gap:18px;border:0;color:#0e1b32;background:transparent;font-size:1rem}.theme-sheet button.active{color:#1e5fc2;font-weight:700}.theme-sheet button svg{width:24px}.theme-sheet button span{flex:1;text-align:left}.notifications-page,.notification-detail-page{width:min(100%,620px);margin:auto}.notifications-read-card{padding:16px;display:flex;align-items:center;gap:13px;border-radius:24px;background:#fff}.notifications-read-card>span,.notification-group button>span{width:44px;height:44px;display:grid;place-items:center;flex:none;border-radius:12px;color:#1e5fc2;background:#dde9f9}.notifications-read-card div{flex:1}.notifications-read-card p{margin:2px 0;color:#5c6f8d}.notifications-read-card button{border:0;background:transparent}.notification-group h2{margin:24px 0 12px;color:#5c6f8d;font-size:.95rem}.notification-group>button{width:100%;margin-bottom:10px;padding:16px;display:flex;align-items:flex-start;gap:12px;border:0;border-radius:24px;color:#0e1b32;background:#fff;text-align:left}.notification-group button>div{min-width:0;flex:1}.notification-group strong{display:block}.notification-group p{margin:3px 0;display:-webkit-box;overflow:hidden;color:#5c6f8d;font-size:.82rem;-webkit-box-orient:vertical;-webkit-line-clamp:2}.notification-group small{color:#5c6f8d}.notification-group button>svg{width:17px;color:#5c6f8d}.notification-meta{margin:10px 0 24px;display:flex;justify-content:space-between;color:#5c6f8d}.notification-meta span{color:#059669}.notification-meta svg{width:18px;vertical-align:-4px}.notification-detail-page>article{padding:18px;border-radius:24px;background:#fff}.notification-detail-page article h2{margin:0;padding-bottom:16px;border-bottom:1px solid #d6e3f5}.notification-detail-page article p{font-size:1rem;line-height:1.55}.simple-page-title h1{margin-bottom:3px}.simple-page-title p{margin-top:0;color:#5c6f8d}@media(max-width:380px){.form-two,.method-grid,.month-summary>div{grid-template-columns:1fr}.history-stats{padding:10px}.face-intro-icon{margin-top:24px}.android-topbar h1{font-size:1.3rem}}@media(prefers-reduced-motion:reduce){.theme-backdrop,.theme-sheet{animation:none}}[data-theme=dark] .android-topbar h1,[data-theme=dark] .android-topbar button,[data-theme=dark] .face-intro-page,[data-theme=dark] .field-task-page,[data-theme=dark] .attendance-page,[data-theme=dark] .requests-hub,[data-theme=dark] .leave-page,[data-theme=dark] .trips-page,[data-theme=dark] .android-form-page,[data-theme=dark] .trip-detail-page,[data-theme=dark] .profile-page,[data-theme=dark] .notifications-page,[data-theme=dark] .notification-detail-page{color:#e4eaf4}[data-theme=dark] :is(.face-instruction,.history-stats,.history-card,.android-calendar,.month-summary,.requests-hub>a,.leave-quota,.form-step,.android-data-list article,.trip-detail-page>article,.profile-identity,.profile-group,.profile-logout,.theme-sheet,.notifications-read-card,.notification-group>button,.notification-detail-page>article){color:#e4eaf4;background:#111a2b;border-color:#26344f}[data-theme=dark] :is(.face-intro-copy,.face-instruction strong~*,.field-task-callout p,.field-location small,.history-stats small,.history-card-head p,.history-times p,.month-summary>p,.requests-hub p,.leave-quota p,.form-step header p,.method-grid span,.android-data-list article p,.profile-heading p,.profile-identity p,.profile-info small,.face-security>p,.settings-group em,.profile-logout p,.profile-version,.notifications-read-card p,.notification-group p,.notification-group small,.notification-meta){color:#93a3bd}.face-security>button{width:100%;height:52px;display:flex;align-items:center;justify-content:center;gap:8px;border:1px solid #8db6f2;border-radius:12px;color:#1e5fc2;background:transparent;font:inherit;font-weight:700}.profile-confirm-backdrop{position:fixed;z-index:100;inset:0;display:grid;place-items:center;padding:24px;background:#0b122094}.profile-confirm-dialog{width:min(100%,420px);padding:28px 22px 22px;border-radius:28px;background:#fff;text-align:center;box-shadow:0 24px 65px #0713283d}.profile-confirm-icon{width:76px;height:76px;margin:0 auto 20px;display:grid;place-items:center;border-radius:50%;color:#e9232a;background:#fee1e1}.profile-confirm-icon svg{width:36px;height:36px;stroke-width:1.8}.profile-confirm-dialog h2{margin:0;color:#0e1b32;font-size:1.55rem;line-height:1.2}.profile-confirm-dialog>p{margin:10px 0 22px;color:#637797;font-size:1rem;line-height:1.45}.profile-confirm-dialog>p.profile-confirm-error{margin:-10px 0 16px;color:#dc2626;font-size:.82rem}.profile-confirm-actions{display:grid;grid-template-columns:1fr 1fr;gap:12px}.profile-confirm-actions button{height:54px;border:0;border-radius:17px;color:#637797;background:#eaf1fb;font:inherit;font-weight:800}.profile-confirm-actions button.danger{color:#fff;background:#eb2027}.profile-confirm-actions button:disabled{cursor:wait;opacity:.7}[data-theme=dark] .profile-confirm-dialog{background:#111a2b}[data-theme=dark] .profile-confirm-dialog h2{color:#e4eaf4}[data-theme=dark] .profile-confirm-dialog>p{color:#93a3bd}[data-theme=dark] .profile-confirm-actions button:not(.danger){color:#c4cee0;background:#26344f}.content-subpage{padding-bottom:max(18px,env(safe-area-inset-bottom))}.leave-page{min-height:calc(100dvh - max(18px,env(safe-area-inset-bottom)));display:flex;flex-direction:column}.leave-page .android-sticky-button{bottom:0;margin-top:auto;flex:none}.leave-type-trigger{width:100%;min-height:58px;margin-top:4px;padding:0 14px;display:flex;align-items:center;gap:12px;border:0;border-radius:13px;color:#91a4c2;background:#ebf2fb;text-align:left}.leave-type-trigger>svg:first-child{width:23px;flex:none;color:#5c6f8d}.leave-type-trigger>span{min-width:0;flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.95rem}.leave-type-trigger>svg:last-child{width:21px;flex:none;transform:rotate(90deg);color:#5c6f8d}.leave-type-trigger.selected{color:#0e1b32}.leave-type-backdrop{position:fixed;z-index:100;inset:0;display:flex;align-items:flex-end;justify-content:center;background:#0c182b6b;animation:leave-backdrop-in .18s ease-out}.leave-type-sheet{width:min(100%,620px);max-height:min(78dvh,720px);padding:10px 18px max(28px,env(safe-area-inset-bottom));overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;touch-action:pan-y;border-radius:30px 30px 0 0;color:#0e1b32;background:#fbf9ff;box-shadow:0 -12px 40px #0e1b322e;animation:leave-sheet-in .24s ease-out}.leave-sheet-handle{position:sticky;z-index:2;top:0;width:58px;height:6px;margin:0 auto 28px;border-radius:99px;background:#637a9b}.leave-type-sheet>header{margin-bottom:20px}.leave-type-sheet h2{margin:0;font-size:1.55rem}.leave-type-sheet header p{margin:7px 0 0;color:#637a9b;font-size:1rem}.leave-type-options{display:grid;gap:10px}.leave-type-options>button{width:100%;min-height:74px;padding:15px 18px;display:flex;align-items:center;gap:12px;border:0;border-radius:20px;color:#16539b;background:#ebf3ff;text-align:left}.leave-type-options>button>span{min-width:0;display:grid;flex:1}.leave-type-options strong{font-size:1rem}.leave-type-options small{color:#637a9b;font-size:.88rem}.leave-type-options svg{width:23px;flex:none}.leave-type-options>button.selected{background:#dceaff;box-shadow:inset 0 0 0 1.5px #4e83c5}@keyframes leave-sheet-in{0%{transform:translateY(100%)}to{transform:translateY(0)}}@keyframes leave-backdrop-in{0%{opacity:0}to{opacity:1}}[data-theme=dark] .leave-type-trigger,[data-theme=dark] .leave-type-options>button{color:#d9e6f7;background:#16213a}[data-theme=dark] .leave-type-sheet{color:#e4eaf4;background:#111a2b}[data-theme=dark] .leave-type-options>button.selected{background:#1c3152}.leave-date-trigger{width:100%;min-height:62px;margin-top:4px;padding:0 13px;display:flex;align-items:center;gap:10px;border:0;border-radius:13px;color:#b0c2dc;background:#ebf2fb;text-align:left}.leave-date-trigger svg{width:23px;flex:none;color:#5c6f8d}.leave-date-trigger span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.88rem}.leave-date-trigger.selected{color:#0e1b32}.leave-date-trigger:disabled{opacity:.58}.leave-date-limit{margin:2px 0 10px;color:#637a9b;font-size:.8rem}.leave-date-error{margin:2px 0 10px;color:#dc3545;font-size:.8rem}.leave-calendar-backdrop{position:fixed;z-index:120;inset:0;padding:18px;display:grid;place-items:center;background:#070f1b94;animation:leave-backdrop-in .18s ease-out}.leave-calendar-dialog{width:min(100%,420px);max-height:calc(100dvh - 36px);padding:22px 20px 16px;overflow-y:auto;border-radius:26px;color:#0e1b32;background:#f1f6ff;box-shadow:0 18px 60px #070f1b47}.leave-calendar-dialog>header h2{margin:0;font-size:1.35rem}.leave-calendar-dialog>header p{margin:3px 0 0;color:#637a9b;font-size:.9rem}.leave-calendar-month{margin:18px 0 8px;display:grid;grid-template-columns:42px 1fr 42px;align-items:center;text-align:center}.leave-calendar-month button{width:42px;height:42px;padding:0;display:grid;place-items:center;border:0;color:#0e1b32;background:transparent}.leave-calendar-month button:disabled{color:#aebdd1}.leave-calendar-month svg{width:25px}.leave-calendar-month strong{text-transform:capitalize;font-size:1.05rem}.leave-calendar-weekdays,.leave-calendar-days{display:grid;grid-template-columns:repeat(7,1fr)}.leave-calendar-weekdays b{padding:6px 0;text-align:center;color:#637a9b;font-size:.78rem}.leave-calendar-weekdays .holiday{color:#ff3b4d}.leave-calendar-days>span,.leave-calendar-days>button{aspect-ratio:1;min-width:0}.leave-calendar-days>button{margin:2px;padding:0;border:0;border-radius:50%;color:#0e1b32;background:transparent;font-size:.84rem;font-weight:650}.leave-calendar-days>button:disabled{color:#aebdd1}.leave-calendar-days>button.holiday,.leave-calendar-days>button.holiday:disabled{color:#ff3b4d}.leave-calendar-days>button.in-range{background:#cfe1f8}.leave-calendar-days>button.endpoint{color:#fff;background:#086bc9}.leave-calendar-legend{margin-top:12px;display:flex;align-items:center;color:#637a9b;font-size:.8rem}.leave-calendar-legend i{width:9px;height:9px;border-radius:50%;background:#ff3b4d}.leave-calendar-status,.leave-calendar-error{margin:8px 0 0;font-size:.78rem}.leave-calendar-status{color:#637a9b}.leave-calendar-error{color:#dc3545}.leave-calendar-dialog>footer{padding-top:16px;display:flex;justify-content:flex-end;gap:6px}.leave-calendar-dialog>footer button{padding:9px 14px;border:0;color:#086bc9;background:transparent;font-weight:700}.leave-calendar-dialog>footer button:disabled{color:#aebdd1}[data-theme=dark] .leave-date-trigger{color:#d9e6f7;background:#16213a}[data-theme=dark] .leave-calendar-dialog{color:#e4eaf4;background:#111a2b}[data-theme=dark] .leave-calendar-month button,[data-theme=dark] .leave-calendar-days>button{color:#e4eaf4}[data-theme=dark] .leave-calendar-days>button:disabled{color:#52617a}[data-theme=dark] .leave-calendar-days>button.holiday,[data-theme=dark] .leave-calendar-days>button.holiday:disabled{color:#ff6472}.leave-reason-field{min-height:62px;margin-top:4px;padding:0 14px;display:flex;align-items:center;gap:12px;border:1.5px solid transparent;border-radius:13px;background:#ebf2fb}.leave-reason-field:focus-within{border-color:#1e5fc2;background:#fff}.leave-reason-field>svg{width:24px;flex:none;color:#1e5fc2}.form-step .leave-reason-field textarea{min-height:0;height:48px;margin:0;padding:13px 0;border:0;background:transparent;box-shadow:none;resize:none;line-height:22px}.leave-attachment-area{margin-top:24px}.leave-attachment-area>b{display:block;margin-bottom:8px;color:#5c6f8d;font-size:.72rem;letter-spacing:.05em}.leave-attachment-trigger{width:100%;min-height:82px;padding:12px;display:flex;align-items:center;gap:12px;border:0;border-radius:14px;color:#0e1b32;background:#ebf2fb;text-align:left}.leave-attachment-trigger>span{width:50px;height:50px;display:grid;place-items:center;flex:none;border-radius:13px;color:#1e5fc2;background:#dde9f9}.leave-attachment-trigger>span svg{width:25px}.leave-attachment-trigger>div{min-width:0;display:grid;flex:1}.leave-attachment-trigger strong{font-size:.95rem}.leave-attachment-trigger small{color:#637a9b;font-size:.77rem;line-height:1.35}.leave-attachment-trigger>svg{width:20px;flex:none;color:#637a9b}.leave-file-input{position:fixed!important;left:-10000px!important;bottom:auto!important;width:1px!important;height:1px!important;padding:0!important;border:0!important;opacity:0!important;pointer-events:none!important}.leave-attachment-info{margin:0;padding:13px;border-radius:13px;color:#637a9b;background:#ebf2fb;font-size:.8rem}.leave-attachment-error{margin:7px 2px 0;color:#dc3545;font-size:.78rem}.leave-selected-file{min-height:72px;padding:11px 9px 11px 14px;display:flex;align-items:center;gap:11px;border-radius:14px;background:#ebf2fb}.leave-selected-file>svg{width:24px;flex:none;color:#1e5fc2}.leave-selected-file>span{min-width:0;display:grid;flex:1}.leave-selected-file strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.88rem}.leave-selected-file small{color:#637a9b}.leave-selected-file button{width:40px;height:40px;padding:0;display:grid;place-items:center;border:0;border-radius:50%;color:#dc3545;background:transparent}.leave-selected-file button svg{width:20px}.leave-attachment-sheet{width:min(100%,620px);padding:10px 18px max(34px,env(safe-area-inset-bottom));border-radius:30px 30px 0 0;color:#0e1b32;background:#fbf9ff;box-shadow:0 -12px 40px #0e1b322e;animation:leave-sheet-in .24s ease-out}.leave-attachment-sheet h2{margin:0 0 22px;font-size:1.55rem}.leave-attachment-sheet>div:last-child{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.leave-attachment-sheet>div>button{min-width:0;min-height:138px;padding:13px;display:flex;flex-direction:column;align-items:flex-start;border:0;border-radius:20px;color:#16539b;background:#ebf3ff;text-align:left}.leave-attachment-sheet>div>button>span{width:48px;height:48px;display:grid;place-items:center;border-radius:13px;background:#dceaff}.leave-attachment-sheet>div>button svg{width:25px}.leave-attachment-sheet>div>button strong{margin-top:12px;font-size:.95rem}.leave-attachment-sheet>div>button small{margin-top:3px;color:#637a9b;font-size:.78rem;line-height:1.3}[data-theme=dark] .leave-reason-field,[data-theme=dark] .leave-attachment-trigger,[data-theme=dark] .leave-selected-file,[data-theme=dark] .leave-attachment-info{color:#e4eaf4;background:#16213a}[data-theme=dark] .leave-reason-field:focus-within{background:#111a2b}[data-theme=dark] .leave-attachment-sheet{color:#e4eaf4;background:#111a2b}[data-theme=dark] .leave-attachment-sheet>div>button{color:#d9e6f7;background:#16213a}[data-theme=dark] .leave-attachment-sheet>div>button>span{background:#1c3152}.android-form-page{position:relative}.android-form-page>.android-topbar{position:fixed;z-index:30;top:0;left:50%;width:min(100%,620px);min-height:104px;margin:0;padding:0 18px;transform:translate(-50%);background:#fff;box-shadow:0 1px #d6e3f5b3}.android-form-page>form{padding-top:120px;padding-bottom:126px}.android-form-page:after{content:"";position:fixed;z-index:20;left:50%;bottom:0;width:min(100%,620px);height:104px;transform:translate(-50%);background:#fff;box-shadow:0 -8px 24px #1e5fc214}.android-form-page .android-form-submit{position:fixed;z-index:21;left:50%;bottom:max(17px,env(safe-area-inset-bottom));width:min(calc(100% - 36px),584px);margin:0;transform:translate(-50%)}[data-theme=dark] .android-form-page>.android-topbar,[data-theme=dark] .android-form-page:after{background:#111a2b;box-shadow:0 1px #26344f}.leave-page{position:relative;padding-top:120px;padding-bottom:126px}.leave-page>.android-topbar{position:fixed;z-index:30;top:0;left:50%;width:min(100%,620px);min-height:104px;margin:0;padding:0 18px;transform:translate(-50%);background:#fff;box-shadow:0 1px #d6e3f5b3}.leave-page:after{content:"";position:fixed;z-index:20;left:50%;bottom:0;width:min(100%,620px);height:104px;transform:translate(-50%);background:#fff;box-shadow:0 -8px 24px #1e5fc214}.leave-page .android-sticky-button{position:fixed;z-index:21;left:50%;bottom:max(17px,env(safe-area-inset-bottom));width:min(calc(100% - 36px),584px);margin:0;transform:translate(-50%)}[data-theme=dark] .leave-page>.android-topbar,[data-theme=dark] .leave-page:after{background:#111a2b;box-shadow:0 1px #26344f}.trips-page{position:relative;min-height:calc(100dvh - max(18px,env(safe-area-inset-bottom)));padding-top:120px;padding-bottom:126px;display:flex;flex-direction:column}.trips-page>.android-topbar{position:fixed;z-index:30;top:0;left:50%;width:min(100%,620px);min-height:104px;margin:0;padding:0 18px;transform:translate(-50%);background:#fff;box-shadow:0 1px #d6e3f5b3}.trips-page:after{content:"";position:fixed;z-index:20;left:50%;bottom:0;width:min(100%,620px);height:104px;transform:translate(-50%);background:#fff;box-shadow:0 -8px 24px #1e5fc214}.trips-page .trips-submit-button{position:fixed;z-index:21;left:50%;bottom:max(17px,env(safe-area-inset-bottom));width:min(calc(100% - 36px),584px);margin:0;transform:translate(-50%)}.trips-empty{min-height:320px;display:grid;place-content:center;flex:1;text-align:center;color:#637a9b}.trips-empty>span{width:88px;height:88px;margin:0 auto 20px;display:grid;place-items:center;border-radius:50%;background:#dfe8f4}.trips-empty svg{width:38px;color:#637a9b}.trips-empty h2{margin:0;color:#0e1b32;font-size:1.3rem}.trips-empty p{margin:9px 0 0;font-size:.92rem}.trip-history-title{margin:0 2px 14px;color:#0e1b32;font-size:1rem}.trip-request-list{display:grid;gap:14px}.trip-request-card{width:100%;padding:20px;border:0;border-radius:24px;color:#0e1b32;background:#fff;box-shadow:0 8px 24px #1e5fc212;text-align:left}.trip-request-heading{display:flex;align-items:center;gap:10px}.trip-request-heading>strong{min-width:0;overflow:hidden;flex:1;color:#1e5fc2;font-size:.85rem;letter-spacing:.03em;text-overflow:ellipsis;white-space:nowrap}.trip-request-heading>span{padding:7px 11px;border-radius:999px;color:#1e73c9;background:#e3f0fd;font-size:.76rem;font-weight:750;white-space:nowrap}.trip-request-heading>span.warning{color:#b56d00;background:#fff2cf}.trip-request-heading>span.success{color:#059669;background:#d9f7ec}.trip-request-heading>span.danger{color:#dc2626;background:#fee2e2}.trip-request-heading>svg{width:20px;height:20px;flex:none;color:#637a9b}.trip-request-card h3{margin:20px 0 16px;overflow:hidden;font-size:1.1rem;text-overflow:ellipsis;white-space:nowrap}.trip-request-info{padding:14px;border-radius:17px;background:#ebf2fb}.trip-request-info p{min-width:0;margin:0;display:flex;align-items:center;gap:10px;overflow:hidden;font-size:.82rem;line-height:1.45;text-overflow:ellipsis;white-space:nowrap}.trip-request-info p+p{margin-top:9px}.trip-request-info svg{width:19px;height:19px;flex:none;color:#637a9b}.trip-request-info p.estimate{color:#1e5fc2;font-weight:750}.trip-request-info p.estimate svg{color:#1e5fc2}[data-theme=dark] .trips-page>.android-topbar,[data-theme=dark] .trips-page:after{background:#111a2b;box-shadow:0 1px #26344f}[data-theme=dark] .trips-empty h2{color:#e4eaf4}[data-theme=dark] .trips-empty>span{background:#1c2944}[data-theme=dark] .trip-history-title{color:#e4eaf4}[data-theme=dark] .trip-request-card{color:#e4eaf4;background:#111a2b}[data-theme=dark] .trip-request-info{background:#16213a}.leave-page .leave-empty{min-height:280px;flex:1}.leave-empty .leave-empty-icon{width:88px;height:88px;margin:0 auto 20px;display:grid;place-items:center;border:0;border-radius:50%;transform:none;color:#637a9b;background:#dfe8f4;opacity:1}.leave-empty .leave-empty-icon svg{width:38px}.leave-empty h2{margin:0;color:#0e1b32;font-size:1.1rem}.leave-empty p{margin:10px 0 0;color:#637a9b;font-size:.88rem}[data-theme=dark] .leave-empty h2{color:#e4eaf4}[data-theme=dark] .leave-empty .leave-empty-icon{color:#93a3bd;background:#1c2944}.trip-form-page>form{display:grid;gap:14px}.trip-form-page .trip-step{margin:0}.trip-form-error{padding:12px 14px;border-radius:13px;color:#b42318;background:#fee4e2;font-size:.84rem}.trip-method-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.trip-method-grid>button{min-height:128px;padding:14px;display:flex;flex-direction:column;align-items:flex-start;border:0;border-radius:16px;color:#0e1b32;background:#ebf2fb;text-align:left}.trip-method-grid>button.selected{background:#dceaff}.trip-method-grid>button>span{width:100%;display:flex;justify-content:space-between;color:#1e5fc2}.trip-method-grid svg{width:23px}.trip-method-grid>button>b{margin-top:14px;font-size:1rem}.trip-method-grid>button>small{margin-top:3px;color:#637a9b;font-size:.8rem;line-height:1.35}.trip-excel-panel{margin-top:12px;padding:14px;display:grid;gap:9px;border-radius:16px;background:#ebf2fb}.trip-excel-panel>p{margin:0;color:#637a9b;font-size:.8rem}.trip-excel-panel>button,.trip-excel-panel>label{min-height:48px;margin:0;padding:8px 12px;display:flex;align-items:center;justify-content:center;gap:9px;border:1.5px solid #8db6f2;border-radius:13px;color:#1e5fc2;background:transparent;font-weight:700;letter-spacing:0;cursor:pointer}.trip-excel-panel svg{width:21px}.trip-excel-panel input{display:none}.trip-excel-panel>small{color:#059669}.trip-field-label{margin:14px 0 0;color:#5c6f8d;font-size:.72rem;letter-spacing:.05em}.trip-soft-input{min-height:60px;margin-top:4px;padding:0 14px;display:flex;align-items:center;gap:12px;border:1.5px solid transparent;border-radius:13px;background:#ebf2fb}.trip-soft-input:focus-within{border-color:#1e5fc2;background:#fff}.trip-soft-input>svg{width:24px;flex:none;color:#637a9b}.form-step .trip-soft-input input,.form-step .trip-soft-input textarea{min-height:0;margin:0;padding:13px 0;border:0;border-radius:0;background:transparent;box-shadow:none;font-size:.95rem;font-weight:400;letter-spacing:0}.form-step .trip-soft-input input:focus,.form-step .trip-soft-input textarea:focus{border:0;background:transparent;box-shadow:none;outline:0}.trip-soft-input.multiline{align-items:flex-start}.trip-soft-input.multiline>svg{margin-top:14px}.trip-soft-input.multiline textarea{height:82px;resize:none}.trip-date-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:14px}.trip-date-field{margin:0;color:#5c6f8d;font-size:.72rem;letter-spacing:.05em}.trip-date-field>button{position:relative;width:100%;min-height:62px;margin-top:4px;padding:0 12px;display:flex;align-items:center;gap:10px;overflow:hidden;border:0;border-radius:13px;background:#ebf2fb;text-align:left}.trip-date-field svg{width:23px;flex:none;color:#637a9b}.trip-date-field b{color:#afc2dc;font-size:.83rem;letter-spacing:0;white-space:nowrap}.trip-date-field b.selected{color:#0e1b32}.trip-date-field.disabled{opacity:.55}.trip-duration{margin:9px 0 0;color:#1e5fc2;font-size:.8rem;font-weight:650}.trip-step h3{margin:14px 0 0;font-size:1rem}.trip-field-help{margin:2px 0 0;color:#637a9b;font-size:.8rem}.trip-choice-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:10px}.trip-choice-grid>button{min-height:88px;padding:12px;display:flex;flex-direction:column;border:0;border-radius:15px;color:#0e1b32;background:#ebf2fb;text-align:left}.trip-choice-grid>button.selected{background:#dceaff;box-shadow:inset 0 0 0 1.5px #8db6f2}.trip-choice-grid>button>span{width:100%;display:flex;justify-content:space-between}.trip-choice-grid svg{width:19px;color:#1e5fc2}.trip-choice-grid b{font-size:.92rem}.trip-choice-grid small{margin-top:3px;color:#637a9b;font-size:.76rem;line-height:1.3}.trip-step hr{height:1.5px;margin:16px 0 10px;border:0;background:#d6e3f5}.trip-mode-list{margin-top:10px;display:flex;flex-wrap:wrap;gap:8px}.trip-mode-list>button{min-height:38px;padding:8px 13px;display:flex;align-items:center;gap:5px;border:0;border-radius:99px;color:#0e1b32;background:#ebf2fb}.trip-mode-list>button.selected{color:#1e5fc2;background:#dceaff;font-weight:700}.trip-mode-list svg{width:16px}.trip-schedule-box{margin-top:12px;padding:13px;border-radius:15px;background:#ebf2fb}.trip-schedule-box .trip-soft-input{background:#fff}.trip-toggle-row{width:100%;min-height:78px;margin-top:10px;padding:13px;display:flex;align-items:center;gap:12px;border:0;border-radius:15px;color:#0e1b32;background:#ebf2fb;text-align:left}.trip-toggle-row>span{display:grid;flex:1}.trip-toggle-row small{margin-top:2px;color:#637a9b;font-size:.78rem}.trip-toggle-row>i{position:relative;width:52px;height:30px;flex:none;border:2px solid #a9c5e8;border-radius:99px;background:#eee7ef}.trip-toggle-row>i:after{content:"";position:absolute;top:4px;left:4px;width:18px;height:18px;border-radius:50%;background:#a9cbed;transition:.16s}.trip-toggle-row>i.active{background:#1e5fc2}.trip-toggle-row>i.active:after{left:26px;background:#fff}.trip-rupiah{display:block;margin-top:8px;color:#1e5fc2}.trip-ready{padding:15px;display:flex;align-items:center;gap:11px;border-radius:18px;color:#637a9b;background:#e8eef7}.trip-ready.complete{color:#059669;background:#d1fae5}.trip-ready>svg{width:24px}.trip-ready>div{display:grid}.trip-ready span{font-size:.78rem;color:#637a9b}[data-theme=dark] :is(.trip-method-grid>button,.trip-excel-panel,.trip-soft-input,.trip-date-field>button,.trip-choice-grid>button,.trip-mode-list>button,.trip-schedule-box,.trip-toggle-row,.trip-ready){color:#e4eaf4;background:#16213a}[data-theme=dark] :is(.trip-method-grid>button.selected,.trip-choice-grid>button.selected,.trip-mode-list>button.selected){background:#1c3152}[data-theme=dark] .trip-soft-input:focus-within,[data-theme=dark] .trip-schedule-box .trip-soft-input{background:#111a2b}[data-theme=dark] :is(.history-date,.history-times>div,.month-summary article,.form-rules,.form-total,.form-step input,.form-step select,.form-step textarea,.method-grid button){color:#e4eaf4;background:#16213a}[data-theme=dark] :is(.history-times>div>span,.profile-info>span,.settings-group button>span,.profile-heading>span,.requests-hub header>span,.requests-hub>a>span,.android-data-list article>span,.notifications-read-card>span,.notification-group button>span){background:#17345e}[data-theme=dark] .settings-group button{color:#e4eaf4;border-color:#26344f}[data-theme=dark] .theme-sheet button{color:#e4eaf4}[data-theme=dark] .theme-sheet button.active{color:#4a86e0}[data-theme=dark] .notification-detail-page article h2,[data-theme=dark] .history-card footer,[data-theme=dark] .home-week{border-color:#26344f}@media(max-width:620px){.attendance-page,.history-list,.history-week,.history-card{min-width:0;max-width:100%}.attendance-page{overflow-x:clip}.history-card{overflow:hidden}.history-times{grid-template-columns:repeat(2,minmax(0,1fr))}.history-times>div,.history-times p,.history-card footer>*{min-width:0}.history-card-head em{overflow:hidden;text-overflow:ellipsis}.face-camera-page .face-oval{width:62%;max-width:280px;transform:translateY(-4dvh)}.face-camera-page .camera-stage.landscape-feed video{object-fit:contain;background:#090f18}.face-camera-page .camera-stage.landscape-feed .face-oval{width:54%;max-width:230px;aspect-ratio:1/1.22;transform:none}.android-form-page>.android-topbar,.leave-page>.android-topbar,.trips-page>.android-topbar{min-height:84px}.android-form-page>form{padding-top:98px;padding-bottom:108px}.leave-page,.trips-page{padding-top:98px;padding-bottom:108px}.android-form-page:after,.leave-page:after,.trips-page:after{height:88px}.android-form-page .android-form-submit,.leave-page .android-sticky-button,.trips-page .trips-submit-button{bottom:max(12px,env(safe-area-inset-bottom));height:52px}}.attendance-tabs{padding:4px;border-radius:18px;background:#edf3fb}.month-nav>span{display:flex;align-items:center;gap:6px}.month-nav .month-current{width:auto;height:32px;padding:0 8px;border-radius:9px;color:#1e5fc2;background:#dde9f9;font-size:.7rem;font-weight:700}.month-nav>button:disabled{cursor:default;opacity:.28}.history-list{gap:22px}.history-week{display:grid;gap:10px}.history-week>h2{margin:0;padding:5px 0;background:var(--page-bg,#edf3fb);font-size:1rem}.history-card{width:100%;border:0;color:#0e1b32;font:inherit;text-align:left;cursor:pointer}.history-card-head em{display:flex;align-items:center;gap:5px;max-width:46%;white-space:nowrap}.history-card-head em svg{width:15px;height:15px;flex:none}.history-card-head em.permission{color:#0d9488;background:#ccf2ee}.history-card footer{padding-top:11px;display:flex;align-items:center;justify-content:space-between;border-top:1px solid #e1eafa}.history-card footer>span,.history-card footer>span>span{display:flex;align-items:center;gap:5px}.history-card footer strong{display:flex;align-items:center;gap:7px;color:#5c6f8d;font-size:.74rem}.history-card footer strong i{width:6px;height:6px;border-radius:50%;background:currentColor}.history-card footer strong.info{color:#3b82f6}.history-card footer strong.success{color:#059669}.history-card footer strong.warning{color:#d97706}.history-card footer strong.danger{color:#dc2626}.history-work-progress{margin-top:12px}.history-work-progress>i{height:8px;display:block;overflow:visible;border-radius:99px;background:#e3edf9}.history-work-progress>i>span{position:relative;height:100%;display:block;min-width:3px;border-radius:99px;background:#49bc91}.history-work-progress>i>span:after{content:"";position:absolute;right:-4px;top:0;width:8px;height:8px;border-radius:50%;background:#3b82f6}.history-work-progress>div{margin-top:5px;display:flex;justify-content:space-between;color:#5c6f8d}.history-detail{padding-bottom:100px}.history-detail .android-topbar{position:sticky;top:0;z-index:4;background:#edf3fb}.history-detail-summary,.history-detail-section,.history-moment{margin-bottom:14px;border-radius:24px;background:#fff;box-shadow:0 8px 24px #1e5fc212}.history-detail-summary{padding:18px}.history-detail-title{display:flex;align-items:center;gap:12px}.history-detail-title>span{width:48px;height:48px;display:grid;place-items:center;flex:none;border-radius:13px;color:#1e5fc2;background:#dde9f9}.history-detail-title>div{min-width:0;flex:1}.history-detail-title h2,.history-detail-title p{margin:0}.history-detail-title p{margin-top:2px;color:#5c6f8d;font-size:.78rem}.history-detail-title em{padding:6px 9px;border-radius:99px;background:#edf2f9;font-size:.68rem;font-style:normal;font-weight:700}.history-detail-title em.success{color:#059669;background:#d1fae5}.history-detail-title em.warning{color:#d97706;background:#fef3c7}.history-detail-metrics{margin-top:20px;display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.history-detail-metrics>span{display:grid;justify-items:center;color:#1e5fc2}.history-detail-metrics svg{width:21px}.history-detail-metrics b{margin-top:4px;color:#0e1b32;font-size:.82rem;text-align:center}.history-detail-metrics small{color:#5c6f8d}.history-detail-section{padding:18px}.history-detail-section h2{margin:0 0 12px;display:flex;align-items:center;gap:8px;font-size:1rem}.history-detail-section h2 svg{width:21px;color:#1e5fc2}.history-detail-section p{margin:0;color:#5c6f8d}.history-detail-section dl{margin:0;display:grid;grid-template-columns:auto 1fr;gap:9px 18px}.history-detail-section dt{color:#5c6f8d}.history-detail-section dd{margin:0;font-weight:700}.history-moment{overflow:hidden}.history-moment>img{width:100%;height:190px;display:block;object-fit:cover}.history-moment>div{padding:18px}.history-moment header{display:flex;align-items:center;gap:10px}.history-moment header>svg{color:#1e5fc2}.history-moment header>span{display:grid;flex:1}.history-moment header span small{color:#5c6f8d}.history-moment header span strong{font-size:1.25rem}.history-moment header em{display:flex;align-items:center;gap:5px;font-size:.66rem;font-style:normal}.history-moment header em svg{width:17px}.history-moment header em.verified{color:#059669}.history-moment header em.unverified{color:#dc2626}.history-moment p{display:flex;align-items:flex-start;gap:7px;color:#5c6f8d}.history-moment p svg{width:18px;flex:none}.history-technical{color:#5c6f8d}.history-moment button{width:100%;height:45px;margin-top:14px;display:flex;align-items:center;justify-content:center;gap:7px;border:1px solid #8db6f2;border-radius:12px;color:#1e5fc2;background:transparent;font-weight:700}.history-moment button svg{width:18px}[data-theme=dark] .attendance-tabs,[data-theme=dark] .history-detail .android-topbar{background:#0d1728}[data-theme=dark] .history-week>h2{background:#0b1322}[data-theme=dark] .history-card{color:#e4eaf4}[data-theme=dark] :is(.history-detail-summary,.history-detail-section,.history-moment){color:#e4eaf4;background:#111a2b}[data-theme=dark] .history-detail-metrics b{color:#e4eaf4}.field-task-page{width:min(100%,620px);padding:0 18px 24px}.field-task-page>.android-topbar{min-height:104px}.field-task-callout{min-height:92px;padding:16px 18px;border-radius:22px}.field-task-callout>span{width:52px;height:52px}.field-task-callout strong{font-size:1rem}.field-task-callout p{font-size:.8rem;line-height:1.4}.field-location{min-height:76px;margin-top:14px;padding:14px 16px;border-radius:20px;align-items:center}.field-location>div{min-width:0;flex:1}.field-location>div span{display:-webkit-box;overflow:hidden;line-height:1.4;-webkit-box-orient:vertical;-webkit-line-clamp:2}.field-location>div small{margin-top:2px}.field-location>button{width:42px;height:42px;padding:0;display:grid;place-items:center;flex:none;border:0;border-radius:50%;color:#1e5fc2;background:transparent}.field-location>button svg{width:22px}.field-location>button:disabled{opacity:.55}.field-location.error{color:#dc2626;background:#feecec}.field-location.error>div{color:#991b1b}.field-location.error>div small{color:#b91c1c}.field-description{position:relative;margin:24px 0 0;display:block;color:#1e5fc2;font-size:.82rem;font-weight:500}.field-description>span{position:absolute;z-index:1;top:-9px;left:14px;padding:0 5px;background:#edf3fb;line-height:18px}.field-description textarea{width:100%;min-height:122px;margin:0;padding:20px 14px 14px;border:2px solid #1e5fc2;border-radius:16px;color:#0e1b32;background:#fff;box-shadow:none;resize:none;font-size:.92rem;font-weight:400;line-height:1.45}.field-description textarea:focus{border-color:#1e5fc2;background:#fff;box-shadow:none}.field-description textarea::placeholder{color:#6c7e99;opacity:1}.field-help{margin:14px 2px 0;display:flex;align-items:flex-start;gap:7px;color:#5c6f8d;font-size:.8rem;line-height:1.45}.field-help>span{flex:none}.field-task-page .android-primary-button{height:58px;margin-top:22px;border-radius:14px;font-size:1rem}[data-theme=dark] .field-description>span{background:#0b1322}[data-theme=dark] .field-description textarea{color:#e4eaf4;background:#111a2b}.history-stats.internship{grid-template-columns:repeat(3,1fr)}.attendance-page.history-empty-page{min-height:calc(100dvh - 129px);display:flex;flex-direction:column}.history-empty{min-height:300px;display:flex;flex:1;flex-direction:column;align-items:center;justify-content:center;padding-bottom:8vh;text-align:center;color:#637a9b}.history-empty>span{width:88px;height:88px;margin-bottom:20px;display:grid;place-items:center;border-radius:50%;background:#dfe8f4}.history-empty svg{width:38px;height:38px;stroke-width:1.7}.history-empty h2{margin:0;color:#0e1b32;font-size:1.18rem}.history-empty p{margin:9px 0 0;font-size:.9rem}.profile-worker-badge{margin-left:9px;padding:4px 8px;border-radius:999px;color:#1e5fc2;background:#dde9f9;font-size:.66rem;vertical-align:1px}[data-theme=dark] .history-empty>span{background:#1c2944}[data-theme=dark] .history-empty h2{color:#e4eaf4}[data-theme=dark] .profile-worker-badge{color:#76a7ef;background:#17345e}.schedule-page{width:min(100%,680px);min-height:calc(100dvh - 105px);margin:auto}.schedule-heading{min-height:92px;display:flex;align-items:center;justify-content:space-between;gap:18px}.schedule-heading h1{margin:0;color:#0e1b32;font-size:1.72rem;line-height:1.15}.schedule-heading p{margin:5px 0 0;color:#637a9b;font-size:.9rem}.schedule-heading>span{width:48px;height:48px;display:grid;place-items:center;flex:none;border-radius:14px;color:#1e5fc2;background:#dde9f9}.schedule-heading>span svg{width:25px;height:25px}.schedule-month-selector{height:64px;margin:4px 0 14px;display:flex;align-items:center;justify-content:space-between;border-radius:16px;background:#edf3fb}.schedule-month-selector button{width:48px;height:48px;display:grid;place-items:center;border:0;color:#637a9b;background:transparent}.schedule-month-selector button svg{width:25px;height:25px}.schedule-month-selector strong{color:#0e1b32;font-size:1.05rem}.schedule-list{padding-top:4px;padding-bottom:18px;display:grid;gap:14px}.schedule-project-card,.schedule-day-card{padding:16px;border-radius:24px;background:#fff;box-shadow:0 8px 24px #1e5fc212}.schedule-project-card{display:flex;align-items:center;gap:13px}.schedule-project-card>span{width:48px;height:48px;display:grid;place-items:center;flex:none;border-radius:13px;color:#1e5fc2;background:#dde9f9}.schedule-project-card>span svg{width:24px;height:24px}.schedule-project-card>div{min-width:0;display:grid}.schedule-project-card small{color:#1e5fc2;font-size:.73rem;font-weight:800}.schedule-project-card strong{overflow:hidden;color:#0e1b32;font-size:1rem;text-overflow:ellipsis}.schedule-project-card p{margin:1px 0 0;color:#637a9b;font-size:.82rem}.schedule-day-card>header{display:flex;align-items:center;gap:13px}.schedule-day-card>header>span{width:52px;height:52px;display:flex;flex-direction:column;align-items:center;justify-content:center;flex:none;border-radius:14px;color:#637a9b;background:#ebf2fb;line-height:1}.schedule-day-card>header>span.today{color:#1e5fc2;background:#dde9f9}.schedule-day-card>header>span b{color:#0e1b32;font-size:1.1rem}.schedule-day-card>header>span.today b{color:#1e5fc2}.schedule-day-card>header>span small{margin-top:3px;font-size:.72rem}.schedule-day-card>header>div{min-width:0}.schedule-day-card>header strong{display:block;color:#0e1b32;font-size:1rem}.schedule-day-card>header p{margin:2px 0 0;color:#637a9b;font-size:.8rem}.schedule-day-card>header p.today{color:#1e5fc2;font-weight:700}.schedule-day-card>header p.holiday{color:#ef4444}.schedule-shifts{margin-top:14px;padding-top:10px;display:grid;gap:8px;border-top:1px solid #d6e3f5}.schedule-shifts>div{min-height:62px;padding:12px;display:flex;align-items:center;gap:12px;border-radius:14px;background:#ebf2fb}.schedule-shifts>div>svg{width:22px;height:22px;flex:none;color:#1e5fc2}.schedule-shifts>div>span{min-width:0;display:grid;flex:1}.schedule-shifts>div>span strong{overflow:hidden;color:#0e1b32;font-size:.9rem;text-overflow:ellipsis;white-space:nowrap}.schedule-shifts>div>span small{overflow:hidden;color:#637a9b;font-size:.75rem;text-overflow:ellipsis;white-space:nowrap}.schedule-shifts>div>b{flex:none;color:#1e5fc2;font-size:.8rem;white-space:nowrap}.schedule-empty{min-height:calc(100dvh - 300px);display:flex;flex-direction:column;align-items:center;justify-content:center;padding-bottom:7vh;color:#637a9b;text-align:center}.schedule-empty>span{width:88px;height:88px;margin-bottom:20px;display:grid;place-items:center;border-radius:50%;background:#dfe8f4}.schedule-empty svg{width:38px;height:38px;stroke-width:1.7}.schedule-empty h2{margin:0;color:#0e1b32;font-size:1.18rem}.schedule-empty p{margin:9px 0 0;font-size:.88rem}[data-theme=dark] .schedule-heading h1,[data-theme=dark] .schedule-month-selector strong,[data-theme=dark] .schedule-project-card strong,[data-theme=dark] .schedule-day-card>header>span b,[data-theme=dark] .schedule-day-card>header strong,[data-theme=dark] .schedule-shifts>div>span strong,[data-theme=dark] .schedule-empty h2{color:#e4eaf4}[data-theme=dark] .schedule-month-selector{background:#0d1728}[data-theme=dark] :is(.schedule-project-card,.schedule-day-card){background:#111a2b}[data-theme=dark] :is(.schedule-project-card>span,.schedule-day-card>header>span,.schedule-empty>span){background:#1c2944}[data-theme=dark] .schedule-shifts{border-color:#26344f}[data-theme=dark] .schedule-shifts>div{background:#16213a}@media(max-width:380px){.schedule-heading h1{font-size:1.5rem}.schedule-shifts>div{gap:8px}.schedule-shifts>div>b{font-size:.72rem}}:root{--app-content-max:620px}.home-page,.attendance-page,.schedule-page,.requests-hub,.leave-page,.leave-detail-page,.trips-page,.android-form-page,.trip-detail-page,.profile-page,.notifications-page,.notification-detail-page,.field-task-page,.face-intro-page,.face-success-page,.download-page{width:min(100%,var(--app-content-max));margin-left:auto;margin-right:auto}.platform-prompt-backdrop{position:fixed;z-index:120;inset:0;padding:18px;display:grid;place-items:end center;background:#0913228f;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.platform-prompt{position:relative;width:min(100%,520px);padding:30px 22px max(22px,env(safe-area-inset-bottom));border-radius:28px;background:#fff;box-shadow:0 24px 70px #09132247;text-align:center;animation:home-sheet-up .25s ease-out}.platform-prompt-close{position:absolute;top:13px;right:13px;width:40px;height:40px;display:grid;place-items:center;border:0;border-radius:50%;color:#637a9b;background:#edf3fb}.platform-prompt-close svg{width:20px}.platform-prompt-icon{width:72px;height:72px;margin:0 auto 15px;display:grid;place-items:center;border-radius:22px;color:#1e5fc2;background:#dde9f9}.platform-prompt-icon svg{width:35px;height:35px}.platform-prompt h2{margin:0;color:#0e1b32;font-size:1.35rem}.platform-prompt>p{margin:8px auto 19px;max-width:410px;color:#637a9b;line-height:1.5;font-size:.9rem}.platform-prompt-actions{display:grid;gap:9px}.platform-prompt-actions button,.ios-understand{min-height:50px;padding:10px 15px;display:flex;align-items:center;justify-content:center;gap:8px;border:0;border-radius:14px;color:#1e5fc2;background:#e8f0fb;font-weight:750}.platform-prompt-actions button.primary,.ios-understand{color:#fff;background:#1e5fc2}.platform-prompt-actions button.text{min-height:40px;color:#637a9b;background:transparent}.platform-prompt-actions svg{width:20px}.ios-install-steps{margin:4px 0 20px;padding:0;display:grid;gap:10px;list-style:none;text-align:left}.ios-install-steps li{padding:11px;display:flex;align-items:center;gap:11px;border-radius:15px;background:#edf3fb}.ios-install-steps li>span{width:42px;height:42px;display:grid;place-items:center;flex:none;border-radius:12px;color:#1e5fc2;background:#fff}.ios-install-steps svg{width:21px}.ios-install-steps div{display:grid}.ios-install-steps b{font-size:.87rem}.ios-install-steps small{margin-top:2px;color:#637a9b;line-height:1.35}.ios-understand{width:100%}.download-page{min-height:100dvh;padding:0 18px 36px;color:#0e1b32}.download-page>header{height:76px;display:flex;align-items:center;gap:13px}.download-page>header a{width:42px;height:42px;display:grid;place-items:center;border-radius:50%;background:#fff}.download-page>header svg{width:22px}.download-page>header span{font-size:1.05rem;font-weight:800}.download-hero{padding:28px 20px 22px;border-radius:26px;background:#fff;box-shadow:0 10px 30px #1e5fc217;text-align:center}.download-hero>img{width:86px;height:86px;border-radius:24px}.download-hero h1{margin:15px 0 5px;font-size:1.45rem}.download-hero>p{margin:0 auto 21px;max-width:420px;color:#637a9b;line-height:1.5}.download-apk-button{width:100%;min-height:54px;padding:10px 16px;display:flex;align-items:center;justify-content:center;gap:9px;border:0;border-radius:14px;color:#fff;background:#1e5fc2;font-weight:800;text-decoration:none}.download-apk-button:disabled{color:#637a9b;background:#e2ecf8}.download-apk-button svg{width:21px}.download-hero .download-unavailable{margin:10px 0 0;color:#b45309;font-size:.76rem}.download-pwa-button{width:100%;min-height:52px;margin-top:10px;padding:10px 16px;display:flex;align-items:center;justify-content:center;gap:9px;border:1px solid #8db6f2;border-radius:14px;color:#1e5fc2;background:#edf4fd;font-weight:800}.download-pwa-button svg{width:21px}.download-benefits{margin-top:14px;padding:6px 16px;border-radius:22px;background:#fff}.download-benefits>div{min-height:72px;display:flex;align-items:center;gap:11px;border-bottom:1px solid #e1eafa}.download-benefits>div:last-child{border:0}.download-benefits>div>span{width:43px;height:43px;display:grid;place-items:center;flex:none;border-radius:12px;color:#1e5fc2;background:#dde9f9}.download-benefits>div>span svg{width:22px}.download-benefits p{min-width:0;margin:0;display:grid;flex:1}.download-benefits small{margin-top:2px;color:#637a9b}.download-benefits>div>svg{width:20px;color:#10b981}.download-instruction{margin-top:14px;padding:18px;border-radius:22px;background:#fff}.download-instruction h2{margin:0 0 10px;font-size:1rem}.download-instruction ol{margin:0;padding-left:22px;color:#637a9b;line-height:1.8;font-size:.85rem}.download-web-link{min-height:48px;margin-top:14px;display:flex;align-items:center;justify-content:center;color:#1e5fc2;font-weight:750}[data-theme=dark] .platform-prompt,[data-theme=dark] :is(.download-hero,.download-benefits,.download-instruction){color:#e4eaf4;background:#111a2b}[data-theme=dark] .platform-prompt h2,[data-theme=dark] .download-page{color:#e4eaf4}[data-theme=dark] :is(.ios-install-steps li,.platform-prompt-close){background:#16213a}[data-theme=dark] .ios-install-steps li>span,[data-theme=dark] .download-page>header a{background:#1c2944}[data-theme=dark] .download-benefits>div{border-color:#26344f}[data-theme=dark] .download-pwa-button{color:#d9e6f7;background:#16213a;border-color:#315d99}.notification-group button.unread{background:#f5f9ff}.notification-group button.unread>span{position:relative}.notification-group button.unread>span:after{content:"";position:absolute;right:-2px;top:-2px;width:9px;height:9px;border:2px solid #fff;border-radius:50%;background:#1e5fc2}.profile-setting-message{margin:0;padding:10px 14px;color:#5c6f8d;font-size:.76rem;line-height:1.4}[data-theme=dark] .notification-group button.unread{background:#14233a}[data-theme=dark] .notification-group button.unread>span:after{border-color:#14233a}.leave-filter-row{margin:16px 0 12px;display:grid;grid-template-columns:repeat(4,1fr);gap:6px}.leave-filter-row button{min-width:0;padding:9px 3px;border:0;border-radius:999px;color:#637a9b;background:#e7eef8;font-size:.68rem;font-weight:700;white-space:nowrap}.leave-filter-row button.active{color:#1e5fc2;background:#dceaff}.leave-filter-row b{font-size:.65rem}.leave-history-title{margin:0 2px 10px;font-size:.9rem}.leave-filter-empty{min-height:220px}.leave-filter-empty>svg{margin:0 auto 8px;color:#637a9b}.leave-request-list{padding-bottom:112px}.leave-request-card{width:100%;padding:18px;display:block;border:0;border-radius:22px;color:#0e1b32;background:#fff;box-shadow:0 7px 20px #1e5fc212;text-align:left}.leave-request-heading{display:flex;align-items:flex-start;gap:12px}.leave-request-heading>span{min-width:0;display:grid;gap:3px;flex:1}.leave-request-heading strong{overflow:hidden;font-size:1rem;text-overflow:ellipsis;white-space:nowrap}.leave-request-heading small{color:#637a9b;font-size:.8rem}.leave-request-heading>svg{width:21px;height:21px;flex:none;color:#637a9b}.leave-request-reason,.leave-request-note{margin:15px 0 0;overflow:hidden;color:#637a9b;font-size:.82rem;line-height:1.4;text-overflow:ellipsis;white-space:nowrap}.leave-request-note{margin-top:8px;color:#10b981}.leave-request-note.rejected{color:#ef4444}.leave-request-note.pending{color:#d99100}.leave-request-footer{margin-top:18px;display:flex;align-items:center;gap:15px;color:#637a9b;font-size:.8rem}.leave-request-footer>span{display:flex;align-items:center;gap:6px;white-space:nowrap}.leave-request-footer svg{width:19px;height:19px}.leave-request-footer>b{margin-left:auto;display:flex;align-items:center;gap:7px;color:#d99100;font-size:.82rem;white-space:nowrap}.leave-request-footer>b i{width:7px;height:7px;border-radius:50%;background:currentColor}.leave-request-footer>b.approved{color:#10b981}.leave-request-footer>b.rejected{color:#ef4444}.leave-detail-page{padding-bottom:24px}.leave-detail-card{padding:18px;border-radius:24px;background:#fff;box-shadow:0 8px 24px #1e5fc212}.leave-detail-card>header{display:flex;align-items:center;gap:12px;padding-bottom:16px;border-bottom:1px solid #d6e3f5}.leave-detail-card>header>span{width:48px;height:48px;display:grid;place-items:center;flex:none;border-radius:13px;color:#1e5fc2;background:#dde9f9}.leave-detail-card h2{margin:0 0 5px;font-size:1.08rem}.leave-detail-line{margin-top:15px;display:flex;align-items:center;gap:12px}.leave-detail-line>svg{width:22px;color:#1e5fc2}.leave-detail-line>span{display:grid}.leave-detail-line small,.leave-detail-copy small,.leave-detail-review small{color:#637a9b}.leave-detail-copy,.leave-detail-review{margin-top:18px;padding:14px;border-radius:14px;background:#ebf2fb}.leave-detail-copy p,.leave-detail-review p{margin:5px 0 0;line-height:1.5}.leave-detail-review{border-left:3px solid #f59e0b}.leave-detail-attachment{height:50px;margin-top:16px;display:flex;align-items:center;justify-content:center;gap:8px;border:1px solid #8db6f2;border-radius:13px;color:#1e5fc2;font-weight:700}.leave-detail-attachment svg{width:20px}.trip-form-loading{min-height:70dvh;display:grid;place-items:center}.trip-detail-page{padding-bottom:30px}.trip-detail-page>article{margin-bottom:14px}.trip-detail-heading{display:flex;align-items:center;gap:11px}.trip-detail-heading>svg{width:28px;color:#1e5fc2}.trip-detail-heading>span{min-width:0;flex:1}.trip-detail-heading small{color:#1e5fc2;font-weight:700}.trip-detail-heading h2{margin:2px 0 0}.trip-detail-main dl{margin-top:18px;padding-top:14px;border-top:1px solid #d6e3f5}.trip-detail-review h2,.trip-detail-timeline h2{margin:0 0 13px;font-size:1rem}.trip-detail-review>div+div{margin-top:12px}.trip-detail-review p{margin:4px 0 0;color:#637a9b}.trip-detail-timeline>p{color:#637a9b}.trip-detail-timeline>div{position:relative;display:flex;gap:11px;padding:0 0 17px}.trip-detail-timeline>div:not(:last-child):before{content:"";position:absolute;left:4px;top:12px;bottom:0;width:2px;background:#d6e3f5}.trip-detail-timeline i{position:relative;z-index:1;width:10px;height:10px;margin-top:5px;flex:none;border-radius:50%;background:#1e5fc2}.trip-detail-timeline span{min-width:0;display:grid;flex:1}.trip-detail-timeline strong{text-transform:capitalize}.trip-detail-timeline small{color:#637a9b}.trip-detail-timeline p{margin:4px 0;color:#34445d;text-transform:capitalize}.trip-detail-timeline em{color:#637a9b;font-size:.78rem}.trip-detail-actions{display:grid;gap:9px}.trip-detail-actions .button{width:100%}[data-theme=dark] :is(.leave-request-card,.leave-detail-card){color:#e4eaf4;background:#111a2b}.leave-detail-page{color:#0e1b32}[data-theme=dark] .leave-detail-page{color:#e4eaf4}[data-theme=dark] :is(.leave-detail-copy,.leave-detail-review){background:#16213a}[data-theme=dark] .leave-detail-card>header,[data-theme=dark] .trip-detail-main dl{border-color:#26344f}[data-theme=dark] .leave-filter-row button{background:#16213a}[data-theme=dark] .leave-filter-row button.active{background:#1c3152}@media(max-width:380px){.leave-filter-row{gap:3px}.leave-filter-row button{font-size:.61rem}}