:root{--ys-color-brand-yellow:#fcbc00;--ys-color-brand-yellow-accent:#ffdb07;--ys-color-brand-yellow-subtle:#fff7cc;--ys-color-brand-crimson:#d10040;--ys-color-brand-crimson-hover:#b00036;--ys-color-brand-crimson-active:#8f002b;--ys-color-surface-base:#f6f6f6;--ys-color-surface-raised:#fff;--ys-color-surface-muted:#efefef;--ys-color-surface-overlay:#0009;--ys-color-text-primary:#000;--ys-color-text-secondary:#555;--ys-color-text-muted:#8e8e93;--ys-color-text-inverse:#fff;--ys-color-text-brand:#d10040;--ys-color-border-subtle:#e5e5ea;--ys-color-border-medium:#d1d1d6;--ys-color-border-strong:#8e8e93;--ys-color-border-brand:#d10040;--ys-color-status-success:#34c759;--ys-color-status-success-subtle:#e8f9ed;--ys-color-status-warning:#ff9500;--ys-color-status-warning-subtle:#fff4e5;--ys-color-status-danger:#d10040;--ys-color-status-danger-subtle:#ffebef;--ys-color-status-info:#007aff;--ys-color-status-info-subtle:#ebf5ff;--ys-space-2:2px;--ys-space-4:4px;--ys-space-6:6px;--ys-space-8:8px;--ys-space-10:10px;--ys-space-12:12px;--ys-space-14:14px;--ys-space-16:16px;--ys-space-20:20px;--ys-space-24:24px;--ys-space-32:32px;--ys-space-40:40px;--ys-space-48:48px;--ys-space-64:64px;--ys-radius-xs:4px;--ys-radius-sm:8px;--ys-radius-md:12px;--ys-radius-lg:16px;--ys-radius-xl:24px;--ys-radius-pill:9999px;--ys-shadow-subtle:0 1px 2px 0 #0000000d;--ys-shadow-raised:0 1px 3px 0 #0000001a, 0 1px 2px -1px #0000001a;--ys-shadow-card:0 2px 4px #0000000a, 0 1px 2px #0000000f;--ys-shadow-dropdown:0 4px 6px -1px #0000001a, 0 2px 4px -2px #0000001a;--ys-shadow-modal:0 20px 25px -5px #0000001a, 0 8px 10px -6px #0000001a;--ys-transition-fast:.15s cubic-bezier(.4, 0, .2, 1);--ys-transition-standard:.25s cubic-bezier(.4, 0, .2, 1)}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{font-family:var(--font-heebo), -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;background-color:var(--ys-color-surface-base);color:var(--ys-color-text-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-align:right;direction:rtl}body{background-color:var(--ys-color-surface-base);min-height:100vh}a{color:inherit;text-decoration:none}button{font-family:inherit}
.mobile-flow,.mobile-flow *{box-sizing:border-box}.mobile-flow{width:100%;min-height:100dvh;padding:max(16px, env(safe-area-inset-top)) max(16px, env(safe-area-inset-right)) max(16px, env(safe-area-inset-bottom)) max(16px, env(safe-area-inset-left));color:#172033;background:#f7f8fa;align-content:center;justify-items:center;display:grid}.login-panel{background:#fff;border:1px solid #e8ebef;border-radius:24px;width:min(100%,400px);padding:clamp(22px,5vw,32px);box-shadow:0 12px 48px #17203306}.mobile-brand{flex-direction:column;align-items:flex-start;gap:0;display:flex}.mobile-brand small{color:#687386;margin-top:2px;font-size:11px;font-weight:400;display:block}.login-heading{margin:25px 0 22px}.login-heading h1{letter-spacing:-.5px;margin:0 0 7px;font-size:clamp(23px,6vw,28px);line-height:1.3}.login-heading p,.login-help{color:#687386;margin:0;font-size:13px;line-height:1.65}.compact-login-form{gap:17px;display:grid}.compact-login-form label{gap:7px;min-width:0;font-size:13px;font-weight:600;display:grid}.compact-login-form input{color:#172033;width:100%;min-width:0;height:48px;font:inherit;background:#fff;border:1px solid #dbe1e9;border-radius:11px;padding:10px 13px;font-size:16px}.password-field{min-width:0;position:relative}.password-field input{padding-right:64px}.password-field button{min-width:55px;height:42px;font:inherit;color:#5e6878;cursor:pointer;background:0 0;border:0;border-radius:8px;font-size:12px;position:absolute;top:3px;right:3px}.mobile-primary,.mobile-secondary{width:100%;min-height:48px;font:inherit;cursor:pointer;border:0;border-radius:12px;justify-content:center;align-items:center;padding:10px 14px;font-size:15px;font-weight:600;text-decoration:none;display:flex}.mobile-primary{color:#fff;background:#c9003c}.mobile-primary:disabled{opacity:.65;cursor:wait}.mobile-secondary{color:#354154;background:#fff;border:1px solid #dbe1e9}.login-help{text-align:center;margin-top:20px;font-size:12px}.mobile-error{color:#9e2441;overflow-wrap:anywhere;background:#fff2f5;border-radius:10px;margin:0;padding:10px 12px;font-size:13px;font-weight:400;line-height:1.6}.mobile-flow :focus-visible{outline-offset:3px;outline:3px solid #a67c0c}@media (max-height:620px){.mobile-flow{align-content:start}.login-panel{padding:20px}.login-heading{margin:17px 0}.compact-login-form{gap:13px}.login-help{margin-top:15px}}@media (max-width:359px){.mobile-flow{padding-inline:12px}.login-panel{border-radius:18px;padding:20px}}@media (max-height:450px){.mobile-flow{padding-block:10px}.login-panel .mobile-brand,.login-help{display:none}.login-heading{margin:0 0 12px}.login-heading h1{font-size:22px}}.login-methods{isolation:isolate;background:#f3f5f8;border:1px solid #e8ebef;border-radius:14px;grid-template-columns:1fr 1fr;padding:4px;display:grid;position:relative}.login-methods:before{content:"";inset-block:4px;z-index:-1;background:#fff;border-radius:10px;width:calc(50% - 4px);transition:transform .28s cubic-bezier(.2,.8,.2,1);position:absolute;right:4px;box-shadow:0 2px 8px #17203312,inset 0 -2px #fcbc00}.login-methods[data-method=email]:before{transform:translate(-100%)}.login-methods button{color:#687386;min-height:44px;font:inherit;cursor:pointer;background:0 0;border:0;border-radius:10px;justify-content:center;align-items:center;gap:8px;font-size:14px;font-weight:600;transition:color .18s;display:flex}.login-methods button[aria-selected=true]{color:#172033}.login-methods button:disabled{cursor:wait}.login-identity{animation:.22s ease-out identity-enter}@keyframes identity-enter{0%{opacity:.4;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}.login-flow .login-heading{margin:18px 0}.login-flow .compact-login-form{gap:14px}.brand-splash,.brand-loading{box-sizing:border-box;color:#172033;background:radial-gradient(at 50% 40%,#fff 20%,#fff8de 100%);place-content:center;justify-items:center;padding:24px;display:grid}.brand-splash{z-index:1000;pointer-events:none;animation:1.1s both splash-finish;position:fixed;inset:0}.brand-loading{min-height:100dvh}.brand-loading>p{color:#687386;margin:18px 0 0;font-size:13px}.brand-entrance{justify-items:center;gap:14px;display:grid}.brand-entrance>img{animation:.7s both brand-wordmark}.brand-orbit{place-items:center;width:160px;height:160px;display:grid;position:relative}.brand-orbit>img{object-fit:contain;animation:.65s cubic-bezier(.16,1,.3,1) both brand-reveal;position:relative}.brand-orbit-ring{border:1px solid #fcbc0045;border-radius:50%;position:absolute;inset:0}.brand-orbit-ring:after{content:"";border:1px dashed #d1004026;border-radius:50%;position:absolute;inset:12px}.brand-orbit-dot{animation:1.1s cubic-bezier(.25,.65,.3,1) both brand-orbit;position:absolute;inset:0}.brand-orbit-dot:after{content:"";background:#fcbc00;border-radius:50%;width:10px;height:10px;position:absolute;top:-4px;left:calc(50% - 5px);box-shadow:0 0 20px #fcbc0080}.brand-entrance-caption{color:#687386;font-size:12px;animation:.8s both brand-wordmark}.brand-entrance-track{background:#fcbc0033;border-radius:3px;width:80px;height:3px;overflow:hidden}.brand-entrance-track>span{transform-origin:100%;background:#d10040;height:100%;animation:.95s both brand-progress;display:block}@keyframes splash-finish{0%{opacity:0}12%,72%{opacity:1}to{opacity:0;visibility:hidden}}@keyframes brand-reveal{0%{opacity:0;transform:translateY(16px)scale(.75)rotate(-12deg)}to{opacity:1;transform:none}}@keyframes brand-wordmark{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}@keyframes brand-orbit{0%{transform:rotate(-160deg)}to{transform:rotate(200deg)}}@keyframes brand-progress{0%{transform:scaleX(0)}to{transform:scaleX(1)}}@media (max-height:620px){.login-flow .login-heading{margin:12px 0}.login-flow .compact-login-form{gap:11px}.login-flow .login-help{margin-top:12px}}@media (max-height:450px){.login-flow .login-heading{margin:0 0 10px}.login-flow .login-heading p{display:none}.login-flow .login-panel{padding-block:12px}.login-flow .compact-login-form{gap:8px}}@media (prefers-reduced-motion:reduce){.brand-splash{display:none}.brand-entrance *,.login-identity{animation:none!important}.login-methods:before,.login-methods button{transition:none}}html{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;background:#fff}.app-shell{--app-safe-top:env(safe-area-inset-top,0px);--app-safe-bottom:env(safe-area-inset-bottom,0px)}.mobile-dock-space{display:none}@media (max-width:767px){.app-shell{padding-top:var(--app-safe-top);padding-left:env(safe-area-inset-left,0px);padding-right:env(safe-area-inset-right,0px)}.app-shell:before{content:"";height:var(--app-safe-top);z-index:90;pointer-events:none;background:#fff;position:fixed;inset:0 0 auto}.app-shell>main>header:first-child{background:#fff}.app-shell .mobile-flow{min-height:calc(100dvh - var(--app-safe-top));padding-top:16px}.app-shell:not(:has(.mobile-dock-space)){padding-bottom:var(--app-safe-bottom)}.app-shell:not(:has(.mobile-dock-space)) .mobile-flow{min-height:calc(100dvh - var(--app-safe-top) - var(--app-safe-bottom));padding-bottom:16px}.mobile-dock-space{height:0;display:block}.mobile-dock{box-sizing:border-box;z-index:80;padding:8px max(12px, env(safe-area-inset-right)) calc(8px + var(--app-safe-bottom)) max(12px, env(safe-area-inset-left));-webkit-backdrop-filter:blur(20px);background:#ffffffed;border-top:1px solid #e8ebef;gap:4px;display:flex;position:fixed;inset:auto 0 0;box-shadow:0 -4px 24px #17203306}.mobile-dock[hidden]{display:none}.mobile-dock a{color:#647084;-webkit-tap-highlight-color:transparent;border-radius:14px;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:4px;min-width:0;min-height:52px;font-size:11px;font-weight:600;text-decoration:none;transition:background .16s,color .16s,transform .16s;display:flex}.mobile-dock a[aria-current=page]{color:#684d00;background:#fff2bd}.mobile-dock a:active{transform:scale(.96)}.mobile-dock a:focus-visible{outline-offset:1px;outline:3px solid #b48a19}.app-shell{scroll-padding-bottom:calc(88px + var(--app-safe-bottom))}.app-shell input,.app-shell textarea,.app-shell select{scroll-margin-block:90px}}@media (display-mode:standalone){html{overscroll-behavior-y:none}}@media (prefers-reduced-motion:reduce){.mobile-dock a{transition:none}.mobile-dock a:active{transform:none}}@media (max-width:767px){html{scroll-padding-bottom:calc(88px + env(safe-area-inset-bottom,0px))}.app-shell main>header:first-child{border-bottom-width:2px!important;padding-block:12px!important}.app-shell main>header:first-child h2{font-size:16px!important;line-height:1.35!important}.app-shell main>header:first-child .ys-container>div{gap:10px!important}.app-shell .ys-page-header{gap:10px!important;padding:12px 0 18px!important}.app-shell .ys-page-header h1{margin-block:0;font-size:24px!important}.app-shell .ys-page-header p{margin-block:0;font-size:13px!important}.app-shell:after{content:"";height:var(--app-safe-bottom);pointer-events:none;z-index:81;background:#fff;position:fixed;inset:auto 0 0}}.navigation-pending{clip-path:inset(50%);width:1px;height:1px;position:absolute;overflow:hidden}a:has(>.navigation-pending[data-pending=true]){cursor:progress}.mobile-dock a:has(>.navigation-pending[data-pending=true]){color:#684d00;background:#fff2bd}body:has(.navigation-pending[data-pending=true]):before{content:"";top:var(--app-safe-top,0px);z-index:100;background:linear-gradient(90deg,#fcbc00,#d10040,#fcbc00) 0 0/200% 100%;height:3px;animation:.9s linear infinite navigation-progress;position:fixed;inset-inline:0}@keyframes navigation-progress{to{background-position:-200% 0}}.route-loading{box-sizing:border-box;color:#647084;width:min(100%,900px);min-height:55dvh;margin-inline:auto;padding:28px 20px}.route-loading>p{margin:0 0 20px;font-size:13px}.route-skeleton{background:#e8ebef;border-radius:12px;margin-bottom:14px;animation:1.4s ease-in-out infinite alternate route-pulse}.route-skeleton-title{width:42%;height:28px}.route-skeleton-subtitle{width:65%;height:14px;margin-bottom:28px}.route-skeleton-card{background:#eef0f4;border:1px solid #e5e7eb;border-radius:18px;height:150px}@keyframes route-pulse{to{opacity:.5}}@media (prefers-reduced-motion:reduce){.route-skeleton{animation:none}body:has(.navigation-pending[data-pending=true]):before{animation:none}}@media (max-width:767px){.app-shell:has(.mobile-dock-space){padding-bottom:calc(76px + var(--app-safe-bottom))}.app-shell:has(.mobile-dock-space) main:not(.route-loading):not(.mobile-flow){min-height:0!important;padding-bottom:0!important}.darb-footer{padding-block:16px 20px}}.route-loading-brand{align-items:center;gap:12px;margin-bottom:20px;display:flex}.route-loading-brand p{font-size:13px}
body{background-color:var(--ys-color-surface-base);min-height:100vh;color:var(--ys-color-text-primary);font-feature-settings:"cv02", "cv03", "cv04", "cv11";margin:0;padding:0}html{max-width:100%;overflow-x:clip}body{overflow-wrap:anywhere;min-width:0}.attendance-panel{text-align:center;background:#fff;border:1px solid #e8ebef;border-radius:24px;width:min(100%,420px);padding:clamp(22px,5vw,30px);box-shadow:0 12px 48px #17203306}.attendance-topline{text-align:start;align-items:center;gap:10px;font-size:14px;font-weight:600;display:flex}.attendance-topline>span:nth-child(2){flex:1;min-width:0}.attendance-topline small{color:#687386;margin-top:3px;font-size:12px;font-weight:400;display:block}.scan-chip{color:#866300;background:#fff7d7;border-radius:8px;align-items:center;gap:5px;padding:5px 8px;font-size:11px;display:flex}.attendance-symbol{color:#16824a;background:#e9f8ef;border-radius:50%;place-items:center;width:76px;height:76px;margin:26px auto 18px;font-size:32px;display:grid}.attendance-warning{color:#a46600;background:#fff3dd}.scan-processing{color:#8d6d13;background:#fff7d7;animation:1.4s ease-in-out infinite scan-pulse}.attendance-panel h1{letter-spacing:-.6px;margin:0 0 8px;font-size:clamp(23px,6vw,29px);line-height:1.3}.attendance-panel p{color:#687386;margin:0 0 18px;font-size:13px;line-height:1.7}.attendance-timer{gap:5px;margin:20px 0 17px;display:grid}.attendance-timer>span{color:#687386;font-size:12px}.attendance-timer strong{font-variant-numeric:tabular-nums;letter-spacing:1px;font-size:clamp(35px,10vw,44px);font-weight:500;line-height:1.2}.attendance-times{background:#f7f9fb;border-radius:12px;grid-template-columns:1fr 1fr;margin:0;padding:13px 0;display:grid}.attendance-times>div+div{border-inline-start:1px solid #e5e9ef}.attendance-times dt{color:#687386;font-size:11px}.attendance-times dd{font-variant-numeric:tabular-nums;margin:3px 0 0;font-size:16px;font-weight:600}.scan-instruction{text-align:start;color:#475569;align-items:center;gap:10px;padding:15px 0;font-size:13px;line-height:1.65;display:flex}.scan-instruction>svg{color:#907112;flex-shrink:0}.scan-instruction small{margin-top:4px;font-size:11px;display:block}.attendance-home{color:#536073;justify-content:center;align-items:center;min-height:44px;margin-top:6px;font-size:13px;text-decoration:none;display:flex}@keyframes scan-pulse{50%{opacity:.6;transform:scale(.95)}}@media (max-height:650px){.attendance-panel{padding:20px}.attendance-symbol{width:58px;height:58px;margin:17px auto 12px}.attendance-timer{margin:13px 0}.attendance-panel h1{font-size:24px}.scan-instruction{padding:12px 0 4px}}@media (prefers-reduced-motion:reduce){.scan-processing{animation:none}}*,:before,:after{box-sizing:border-box}.worker-details{min-width:0}.worker-week{background:#fff;border:1px solid #e5e7eb;border-radius:18px;padding:16px;box-shadow:0 1px 3px #00000008}.worker-week-nav{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.worker-week-date{text-align:center;grid-column:1/-1;gap:5px;min-width:0;padding:2px 0 4px;display:grid}.worker-week-date>span{color:#647084;font-size:12px}.worker-week-date strong{font-variant-numeric:tabular-nums;white-space:nowrap;color:#172033;font-size:clamp(13px,3.7vw,16px);line-height:1.5}.worker-week-nav button{color:#172033;min-width:0;min-height:44px;font:inherit;white-space:nowrap;cursor:pointer;background:#fff;border:1px solid #dbe1e9;border-radius:10px;justify-content:center;align-items:center;gap:6px;padding:8px;font-size:14px;font-weight:600;display:flex}.worker-week-nav button svg{flex-shrink:0}.worker-week-nav button:disabled{opacity:.45;cursor:not-allowed}.worker-week-nav button:focus-visible{outline-offset:3px;outline:3px solid #a67c0c}.worker-week-status{justify-content:center;margin-top:12px;font-size:12px;display:flex}.worker-availability-options{flex-wrap:wrap;gap:6px;width:100%;display:flex}.worker-availability-options button{flex:1;min-height:44px}.worker-details .ys-card-header>div{flex-wrap:wrap;min-width:0}.worker-details .ys-card-title{overflow-wrap:anywhere}.worker-details input,.worker-details textarea{min-width:0;max-width:100%}@media (min-width:640px){.worker-week-nav{grid-template-columns:minmax(110px,1fr) minmax(230px,2fr) minmax(110px,1fr);align-items:center}.worker-week-date{grid-area:1/2}.worker-week-previous{grid-area:1/1}.worker-week-next{grid-area:1/3}}.scan-instruction[hidden]{display:none}.attendance-confirmation .attendance-symbol{color:#8d6d13;background:#fff7d7}.attendance-confirmation .attendance-times{margin-bottom:16px}@media (max-height:700px){.attendance-confirmation{padding:16px}.attendance-confirmation .attendance-symbol{width:42px;height:42px;margin:12px auto 8px}.attendance-confirmation .attendance-symbol svg{width:26px;height:26px}.attendance-confirmation p{margin-bottom:8px}.attendance-confirmation .attendance-timer{margin:8px 0}.attendance-confirmation .attendance-timer strong{font-size:30px}.attendance-confirmation .attendance-times{margin-bottom:12px;padding:8px 0}}.worker-header-identity,.worker-header-identity>div{min-width:0}.worker-header-actions{align-items:end;gap:12px;min-width:0;max-width:100%;display:flex}.worker-header-actions>button{white-space:nowrap;flex-shrink:0;min-height:44px}.worker-station-selector{direction:rtl;flex:1;gap:6px;min-width:0;display:grid}.worker-station-selector label{white-space:nowrap}.worker-station-selector select{box-sizing:border-box;text-overflow:ellipsis;width:100%;min-width:0;max-width:100%;min-height:44px}.worker-station-selector select:focus-visible{outline-offset:2px;outline:3px solid #b48a19}@media (max-width:767px){.worker-header-actions{width:100%}.worker-station-selector select{font-size:16px!important}}@media (max-width:359px){.worker-header-actions{flex-wrap:wrap}.worker-station-selector{flex-basis:100%}.worker-header-actions>button{margin-inline-start:auto}}