:root{--ui-font:Inter,"Plus Jakarta Sans",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;--ui-ink:#162b45;--ui-muted:#60748b;--ui-line:#dce5ef}
.ui-icon{display:inline-block;width:20px;height:20px;flex-shrink:0;vertical-align:middle;max-width:none}
.workspace-body,.employee-experience{font-family:var(--ui-font);color:var(--ui-ink);background:#f3f6fb}
.workspace-body .workspace-brand img{filter:none}.workspace-body .workspace-nav-link{font-size:12px;min-height:43px}.workspace-nav-link>.ui-icon{width:18px;height:18px;color:var(--cat-on-dark)}
.workspace-body .workspace-nav-search>.ui-icon,.workspace-collapse>.ui-icon{width:16px;height:16px}.workspace-icon-button>.ui-icon{width:19px;height:19px}.workspace-body .bc>.ui-icon{width:12px;height:12px}
.workspace-body .workspace-nav-link.is-active>.ui-icon{color:var(--cat-on-dark)}.workspace-body .workspace-topbar{box-shadow:0 4px 24px #192f5006}.workspace-body .workspace-user .uav{background:#eef2ff;color:#5b45a9}
.workspace-body .page{padding-top:26px}.workspace-body .fin-panel,.employee-experience .fin-panel{border-radius:17px;border-color:var(--ui-line);box-shadow:0 5px 24px #24375505;animation:ui-enter .42s ease both}
.workspace-body .btn,.employee-experience .btn{font-family:inherit;font-size:12px;font-weight:700;min-height:40px;gap:8px;padding:10px 15px;border-radius:10px;transition:background .2s,box-shadow .2s,transform .2s;cursor:pointer;line-height:1.4;display:inline-flex;align-items:center;justify-content:center;text-decoration:none}
.workspace-body .btn>.ui-icon,.employee-experience .btn>.ui-icon{width:17px;height:17px}.workspace-body .btn-ol,.employee-experience .btn-ol{background:#fff;border:1px solid #d6dfec;color:#344b65;box-shadow:0 2px 7px #24375505}.workspace-body .btn-ol:hover,.employee-experience .btn-ol:hover{border-color:var(--cat-color,#0f766e);background:var(--cat-soft,#f0fdfa);color:var(--cat-color,#0f766e)}
.workspace-body .btn:disabled,.employee-experience .btn:disabled{opacity:.42;cursor:not-allowed;transform:none;box-shadow:none}.workspace-body .btn-pk:hover,.employee-experience .btn-pk:hover{box-shadow:0 6px 17px #24375520}
.workspace-body .fin-field label,.employee-experience .fin-field label{font-size:12px;color:#40536e;font-weight:700}.workspace-body .fin-field input:not([type=checkbox]):not([type=radio]):not([type=hidden]),.workspace-body .fin-field select,.workspace-body .fin-field textarea,.employee-experience .fin-field input:not([type=checkbox]):not([type=radio]):not([type=hidden]),.employee-experience .fin-field select,.employee-experience .fin-field textarea{font-family:inherit;font-size:14px;min-height:45px;border-color:#d7e1ee;border-radius:10px;color:#203854;padding:11px 13px}
.workspace-body .fin-field input:focus,.workspace-body .fin-field select:focus,.workspace-body .fin-field textarea:focus,.employee-experience input:focus,.employee-experience select:focus,.employee-experience textarea:focus{outline:3px solid #0d948822;outline-offset:1px;border-color:#5caaa4}
.workspace-body .fin-muted,.employee-experience .fin-muted{color:var(--ui-muted);font-size:12px;line-height:1.75}.workspace-body .fin-details dt,.employee-experience .fin-details dt{font-size:11px;font-weight:600;color:#718198}.workspace-body .fin-details dd{font-size:14px;color:#263d57;line-height:1.8}
.employee-experience table{border-collapse:collapse;width:100%;font-size:13px}.employee-experience .fin-table-wrap th,.workspace-body .fin-table-wrap th{font-size:10px;font-weight:800;color:var(--cat-color,#33506c);background:var(--cat-soft,#f0f5fa);padding:14px 12px;letter-spacing:.5px;visibility:visible}.employee-experience .fin-table-wrap td{font-size:12px;color:#344b65;line-height:1.8;padding:15px 12px}.employee-experience .fin-table-wrap tbody tr:hover{background:#f8fbff}
.workspace-body .fin-panel h2,.employee-experience .fin-panel h2{font-size:17px;font-weight:800;letter-spacing:-.4px}.ui-panel-title{display:flex;align-items:center;gap:12px;margin-bottom:21px;min-width:0}.ui-panel-title>div{flex:1;min-width:0}.ui-panel-title h2{margin:0 0 4px!important}.ui-panel-title p{margin:0}.ui-section-icon{display:inline-flex;align-items:center;justify-content:center;width:42px;height:42px;border-radius:12px;background:var(--cat-soft,#ecf9f5);color:var(--cat-color,#0f766e);flex-shrink:0}.ui-section-icon>.ui-icon{width:22px;height:22px}
.ui-eyebrow{display:flex;align-items:center;gap:7px;font-size:10px;letter-spacing:1.6px;font-weight:800;color:#138c86}.ui-eyebrow>.ui-icon{width:15px;height:15px}.ui-hero{position:relative;isolation:isolate;border-radius:21px;background:linear-gradient(120deg,#e9f8f8 0%,#f4f6ff 65%,#eef1ff 100%);border:1px solid #d9e7f0;padding:29px 32px;overflow:hidden;min-height:205px;display:flex;align-items:center;justify-content:space-between;gap:24px;margin-bottom:24px}.ui-hero:after{content:"";position:absolute;z-index:-1;width:230px;height:230px;border-radius:50%;background:#bfcffd30;right:3%;top:-110px}.ui-hero h1{font-size:32px;line-height:1.2;letter-spacing:-1px;font-weight:800;margin:13px 0 10px;color:#203454}.ui-hero p{font-size:13px;line-height:1.8;color:#60718b;margin:0}.ui-hero-scene{width:245px;height:auto;object-fit:contain;flex-shrink:0;animation:ui-enter .5s ease both}.ui-hero-actions{display:flex;flex-wrap:wrap;gap:9px;margin-top:20px}.workspace-welcome.ui-hero>.btn{position:absolute;left:32px;bottom:27px}.workspace-welcome.ui-hero>div{padding-bottom:58px}.workspace-welcome.ui-hero h1{font-size:30px}.workspace-welcome.ui-hero .workspace-eyebrow{color:#0f766e}
.workspace-body .workspace-kpi>span{font-size:12px;color:#586b83}.workspace-body .workspace-kpi>strong{font-size:29px}.workspace-body .workspace-kpi>small{font-size:11px}.workspace-kpi>span>.ui-icon{padding:7px;width:34px;height:34px;border-radius:10px;background:var(--cat-soft);color:var(--cat-color)}.workspace-priority-icon>.ui-icon{width:19px;height:19px}.workspace-priority>.ui-icon{margin-left:auto;width:13px;height:13px;color:#8ca0b6}.workspace-body .workspace-priority h3{font-size:12px}.workspace-body .workspace-priority p{font-size:11px;line-height:1.6}.category-icon>.ui-icon{width:24px;height:24px}.admin-shortcuts>a>.ui-icon{width:25px;height:25px;color:var(--cat-color)}
.ui-avatar{position:relative;display:inline-flex;align-items:center;justify-content:center;width:48px;height:48px;flex-shrink:0;border-radius:15px;background:linear-gradient(140deg,#d6fff2,#dce9ff);color:#127a75;overflow:hidden;border:3px solid #fff;box-shadow:0 3px 12px #1b426319}.ui-avatar>img{width:100%;height:100%;display:block;object-fit:cover}.ui-avatar-fallback{color:#147b76;width:100%;height:100%;display:flex;align-items:center;justify-content:center;position:relative}.ui-avatar-fallback>.ui-icon{width:60%;height:60%;opacity:.6}.ui-avatar-fallback>b{position:absolute;bottom:0;right:0;font-size:10px;line-height:1.7;background:#147b76;color:#fff;border-radius:6px 0 0 0;padding:0 4px}.ui-avatar [hidden],.ui-avatar>img[hidden],.employee-experience [hidden]{display:none!important}
.employee-shell{display:grid;grid-template-columns:258px minmax(0,1fr);min-height:100vh}.employee-rail{height:100dvh;position:sticky;top:0;background:linear-gradient(165deg,#132f43,#112d3a 62%,#183e44);padding:27px 17px 22px;display:flex;flex-direction:column;gap:24px;color:#d2e4ed;z-index:80;overflow:hidden;scrollbar-width:thin;scrollbar-color:#35606a transparent}.ui-brand{display:flex;align-items:center;gap:11px;text-decoration:none;color:#fff}.ui-brand>img{flex-shrink:0;border-radius:13px}.ui-brand>span{font-size:17px;font-weight:800;letter-spacing:-.4px}.ui-brand b{color:#7de0d6}.ui-brand small{display:block;font-size:8px;letter-spacing:1.7px;font-weight:600;margin-top:6px;color:#9ebecb}.employee-rail>.ui-brand{padding:0 4px}.employee-rail-identity{flex-shrink:0;text-align:center;padding:23px 8px 24px;border-radius:18px;background:linear-gradient(140deg,#ffffff0a,#ffffff04);border:1px solid #ffffff11}.ui-avatar-large{width:104px;height:104px;border-radius:28px;border:4px solid #ffffffd9;margin-bottom:14px}.ui-avatar-large .ui-avatar-fallback>b{font-size:17px;padding:0 7px}.employee-rail-identity>strong{display:block;font-size:18px;font-weight:700;color:#f6fcff;overflow-wrap:anywhere}.employee-rail-identity>span{font-size:12px;display:block;margin:7px 0;color:#c1d6df}.employee-rail-identity>small{display:block;font-size:10px;line-height:1.8;color:#85aab9}.ui-photo-prompt{display:inline-flex;align-items:center;gap:6px;color:#7de0d6!important;font-size:10px;text-decoration:none;margin-top:14px}.ui-photo-prompt>.ui-icon{width:15px;height:15px}.employee-navigation{display:flex;flex-direction:column;gap:7px;flex:1;min-height:0;overflow-y:auto;scrollbar-width:thin}.employee-navigation>a{display:flex;align-items:center;gap:11px;min-height:48px;padding:12px 13px;border-radius:11px;font-size:12px;font-weight:600;text-decoration:none;color:#b9d2de;border:1px solid transparent;line-height:1.6;transition:background .2s,color .2s}.employee-navigation>a>.ui-icon{width:19px;height:19px;color:var(--cat-on-dark,#6ee7d8)}.employee-navigation>a>span{flex:1}.employee-navigation .ui-nav-chevron{width:13px;height:13px;opacity:.5}.employee-navigation>a:hover{background:#ffffff08;color:#fff}.employee-navigation>a[aria-current]{color:#fff;background:#ffffff0e;border-color:#ffffff12;box-shadow:inset 3px 0 var(--cat-on-dark,#6ee7d8)}.employee-rail-footer{margin-top:auto;display:flex;align-items:center;gap:10px;padding:13px 9px 0;border-top:1px solid #ffffff12;font-size:10px;line-height:1.8;color:#84a7b6}.employee-rail-footer>.ui-icon{color:#6ac8b4}
.employee-workspace{min-width:0}.employee-experience .employee-header{position:sticky;top:0;z-index:70;min-height:87px;padding:16px 32px;background:#ffffffed;backdrop-filter:blur(18px);border-top:0;border-bottom:1px solid #dfe7f0;box-shadow:0 3px 15px #24375504}.employee-header-person .ui-avatar-small{width:45px;height:45px}.employee-experience .employee-header-person strong{font-size:15px;color:#213953;letter-spacing:-.2px}.employee-experience .employee-header-person span:not(.ui-avatar):not(.ui-avatar-fallback){font-size:11px;color:#72839a;display:block;margin-top:4px}.employee-header-end{display:flex;gap:21px;align-items:center}.ui-live-clock{font-variant-numeric:tabular-nums;font-size:13px!important;font-weight:700;text-align:right;color:#344b65!important}.ui-live-clock>small{display:block;font-size:9px;font-weight:500;color:#7b8ca4;margin-top:4px}.employee-experience .employee-main{max-width:none;margin:0 auto;padding:27px 32px 40px}.employee-experience .fin-head h1{font-size:27px;letter-spacing:-.7px}.employee-experience .employee-category-grid{gap:15px}.employee-experience .employee-category-card{padding:20px 18px;box-shadow:0 5px 16px #263a5b05;border-top-width:3px;border-radius:15px;animation:ui-enter .45s ease both}.employee-experience .employee-category-card:nth-child(2){animation-delay:.04s}.employee-experience .employee-category-card:nth-child(3){animation-delay:.08s}.employee-experience .employee-category-card:nth-child(4){animation-delay:.12s}.employee-experience .employee-category-card>span{display:flex;align-items:center;gap:8px;font-size:12px;line-height:1.6}.employee-experience .employee-category-card>span>.ui-icon{width:18px;height:18px}.employee-experience .employee-category-card>strong{font-size:29px;margin-top:14px;letter-spacing:-.8px}.employee-experience .employee-category-card>strong.ui-shift-status{font-size:24px}.employee-experience .employee-category-card>small{font-size:11px;margin-top:8px;line-height:1.7}.employee-experience .fin-panel{padding:24px}.ui-state-pill{display:inline-flex;align-items:center;gap:6px;font-size:10px;color:#0f766e;background:#e5f6f1;border:1px solid #c6e7dd;border-radius:20px;padding:7px 10px;font-weight:700;white-space:normal}.ui-state-pill.is-live:before{content:"";display:block;width:6px;height:6px;border-radius:50%;background:#10b981;box-shadow:0 0 0 4px #10b98115}
.ui-shift-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.ui-time-card{background:#f5f8fb;border:1px solid #e4ebf3;border-radius:12px;padding:19px;min-width:0}.ui-time-card>span{display:flex;align-items:center;gap:7px;font-size:11px;font-weight:700;color:#7a8b9f}.ui-time-card>span>.ui-icon{width:17px;height:17px;color:#4c9f99}.ui-time-card>strong{display:block;font-size:16px;font-weight:700;line-height:1.7;margin-top:12px;color:#203955;font-variant-numeric:tabular-nums;overflow-wrap:anywhere}.ui-shift-actions{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin-top:19px}.ui-shift-actions p{margin:0 0 0 auto;max-width:320px;font-size:11px!important}.ui-record-tag{background:#eef3fa;border-radius:6px;font-size:10px;padding:5px 8px;color:#526983}.ui-month-filter{display:flex;align-items:flex-end;gap:10px;margin-bottom:20px;flex-wrap:wrap}.ui-month-filter .fin-field{min-width:170px}.ui-attendance-calendar{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:7px}.ui-calendar-weekday{font-size:11px;color:#798aa1;font-weight:700;text-align:center;padding:8px}.ui-calendar-day{display:flex;flex-direction:column;gap:6px;padding:11px 12px;min-height:66px;border-radius:9px;border:1px solid #e6ecf3;background:#f9fbfd;color:#8090a4}.ui-calendar-day>b{font-size:13px}.ui-calendar-day>small{font-size:9px;line-height:1.5}.ui-calendar-day.is-recorded{background:#effaf6;border-color:#cae9da;color:#118765}.ui-calendar-day.is-open{background:#fff8ec;border-color:#f5dcb4;color:#ab6b20}.ui-calendar-day.is-today{box-shadow:inset 0 0 0 2px #14a999}.ui-leave-grid{display:grid;grid-template-columns:1.55fr 1fr;gap:20px}.ui-leave-grid>form .btn{margin-top:18px}.ui-help-panel{background:linear-gradient(145deg,#eff7ff,#f7f3ff)!important}.ui-help-panel>h2{margin-top:20px!important}.ui-help-panel>p{font-size:13px;line-height:1.9;color:#6b7e98}.ui-help-panel>a{display:flex;align-items:center;gap:10px;padding:18px 0;border-top:1px solid #dce3f0;color:#405f85;font-size:12px;text-decoration:none;font-weight:600}.ui-help-panel>a>.ui-icon:last-child{margin-left:auto;width:16px;height:16px}.employee-page-footer{padding:0 32px 24px;color:#8c9bb0;font-size:10px}
.ui-profile-page-head{display:flex;align-items:center;justify-content:space-between;gap:15px;margin:3px 0 24px}.ui-profile-page-head h1{font-size:27px;letter-spacing:-.8px;font-weight:800;margin:10px 0}.ui-profile-page-head p{font-size:12px;color:#6e819a;line-height:1.8}.ui-admin-profile-grid{display:grid;grid-template-columns:265px minmax(0,1fr);gap:23px;align-items:start}.ui-person-console{position:sticky;top:110px;border:1px solid #dce4f0;background:#fff;border-radius:19px;overflow:hidden;text-align:center;padding:0 21px 17px;box-shadow:0 6px 25px #24375507}.ui-person-cover{height:93px;margin:0 -21px 0;background:linear-gradient(125deg,#5a4ba0,#2b657e);padding:16px 19px;display:flex;align-items:flex-start;justify-content:space-between;color:#dcd6fa}.ui-person-cover>span{font-size:8px;letter-spacing:1.5px;font-weight:700}.ui-person-cover>.ui-icon{opacity:.65;width:18px}.ui-avatar-profile{width:98px;height:98px;border-radius:25px;border-width:5px;margin-top:-43px;margin-bottom:14px}.ui-avatar-profile .ui-avatar-fallback>b{font-size:16px}.ui-person-console>h2{font-size:20px;font-weight:800;margin:0 0 7px;letter-spacing:-.5px;overflow-wrap:anywhere}.ui-person-console>p{font-size:12px;color:#7889a1;margin:0 0 14px}.ui-person-console>.ui-state-pill{font-size:9px}.ui-person-facts{display:flex;flex-direction:column;gap:12px;margin:20px 0;text-align:left}.ui-person-facts>span{display:flex;align-items:flex-start;gap:8px;color:#73829a;font-size:11px;line-height:1.7;overflow-wrap:anywhere}.ui-person-facts .ui-icon{width:15px;height:15px;color:#8d80ba;margin-top:2px}.ui-person-console>.btn{width:100%;font-size:11px}.ui-person-console>.ui-field-hint{margin:12px 0}.ui-profile-contact{border-top:1px solid #e5eaf2;padding:15px 0 5px;margin-top:17px;text-align:left}.ui-profile-contact>span{display:flex;align-items:flex-start;gap:9px;font-size:11px;color:#697f98;margin:0 0 13px;overflow-wrap:anywhere}.ui-profile-contact>.ui-icon,.ui-profile-contact>span>.ui-icon{width:16px;height:16px;color:#8b7fb6;flex-shrink:0}.ui-profile-contact>span>span{min-width:0;overflow-wrap:anywhere}.ui-console-link{display:flex;align-items:center;gap:8px;padding:12px 0;border-top:1px solid #e8edf4;color:#506887;font-size:10px;font-weight:600;text-decoration:none;text-align:left}.ui-console-link>.ui-icon{width:16px;height:16px}.ui-console-link>.ui-icon:last-child{margin-left:auto;width:13px}.ui-profile-content{min-width:0}.ui-section-tabs{display:flex;flex-wrap:wrap;gap:7px;padding:9px;border-radius:13px;background:#fff;border:1px solid #dce5f0;margin-bottom:19px}.ui-section-tabs>a{display:flex;align-items:center;gap:6px;text-decoration:none;color:#687b95;padding:9px;border-radius:8px;font-size:10px;font-weight:700}.ui-section-tabs>a:hover,.ui-section-tabs>a:focus-visible{background:#f3effc;color:#6d28d9}.ui-section-tabs .ui-icon{width:15px;height:15px}.ui-profile-content section[id],#employee-login-access{scroll-margin-top:110px}.ui-profile-metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:11px;margin-bottom:19px}.ui-profile-metrics>div{position:relative;background:var(--cat-soft);border:1px solid var(--cat-border);border-radius:13px;padding:17px;min-width:0}.ui-profile-metrics>div>.ui-icon{width:20px;height:20px;color:var(--cat-color);margin-bottom:10px}.ui-profile-metrics>div>span{display:block;font-size:9px;color:#6f7f94}.ui-profile-metrics>div>strong{display:block;font-size:18px;color:#263a56;margin-top:7px;overflow-wrap:anywhere}.ui-private-note{display:flex;align-items:flex-start;gap:9px;background:#f5f3fa;border-radius:10px;padding:13px;margin:18px 0;font-size:11px;color:#7a698e}.ui-private-note>.ui-icon{width:17px;height:17px}.ui-private-note p{margin:7px 0 0;white-space:pre-line;line-height:1.8}.ui-profile-content .fin-actions{margin-top:20px}.ui-empty-state{padding:25px;text-align:center;color:#8393a9;display:flex;align-items:center;flex-direction:column;gap:12px}.ui-empty-state>.ui-icon{width:34px;height:34px;color:#a0acc4}.ui-empty-state>strong{font-size:13px;color:#596d89}.ui-empty-state>span{font-size:11px}.ui-archive-panel summary{display:flex;align-items:center;gap:8px;color:#8796aa;font-size:12px}.ui-archive-panel[open] p{margin-top:18px}.ui-preline{white-space:pre-line}.employee-login-status h2{display:flex;align-items:center;gap:10px}.employee-login-status h2>.ui-icon{color:#6d28d9}.workspace-body .employee-login-instructions{font-size:11px;line-height:2;background:#f7f5fc;border:1px solid #eae4f3;padding:17px}.workspace-body .employee-login-share{font-size:12px;line-height:1.8;background:#f7f9fc;border-color:#e0e7f1}.workspace-body #employee-login-access{border-top:3px solid #8b5cf6}
.ui-notice{display:flex;align-items:flex-start;gap:10px;background:#edf3fc;border:1px solid #d6e3f4;color:#506b8c;padding:14px 16px;border-radius:12px;font-size:12px;line-height:1.8;margin-bottom:18px}.ui-notice>.ui-icon{width:18px;height:18px;margin-top:2px}.ui-notice p{margin:0}.ui-notice-success{background:#ecfaf3;color:#247657;border-color:#c8ead9}.ui-notice-error{background:#fff1f3;color:#aa354d;border-color:#f2cdd6}.ui-field-hint{display:block;font-size:10px;color:#7c8ca3;line-height:1.8;margin-top:7px}.ui-field-error{display:block;font-size:11px;font-weight:600;color:#bf3653;line-height:1.7;margin-top:7px}.ui-input-invalid{border-color:#df8a9b!important;background:#fffafb!important}.ui-password-field{position:relative;display:flex;align-items:center;width:100%;min-width:0}.ui-password-field>input{width:100%;padding-right:52px!important}.ui-toggle-password{position:absolute;right:5px;top:50%;transform:translateY(-50%);width:35px;height:35px;border:0;border-radius:8px;background:transparent;color:#8595ac;display:flex;align-items:center;justify-content:center;cursor:pointer}.ui-toggle-password:hover,.ui-toggle-password:focus-visible{background:#eef4fa;color:#476988;outline:2px solid #97b9d5}.ui-toggle-password>.ui-icon{width:19px;height:19px}.ui-generate-password{border:0;background:none;color:#6d28d9;font-family:inherit;font-size:10px;font-weight:700;padding:8px 0;text-align:left;cursor:pointer;display:inline-flex;align-items:center;gap:6px}.ui-generate-password>.ui-icon{width:14px;height:14px}.ui-password-strength{display:flex;align-items:center;gap:9px;margin-top:8px}.ui-strength-track{width:68px;height:4px;border-radius:3px;background:#e6ecf4;overflow:hidden;flex-shrink:0}.ui-strength-track:before{content:"";display:block;width:calc(var(--password-score,0)*25%);height:100%;background:#d4a653;transition:width .2s}.ui-password-strength[data-score="3"] .ui-strength-track:before,.ui-password-strength[data-score="4"] .ui-strength-track:before{background:#20a883}.ui-password-strength>small{font-size:9px;color:#7b8ba2;line-height:1.7}.ui-is-submitting button[aria-busy=true]{opacity:.6;pointer-events:none;cursor:progress}
.auth-body{margin:0;background:#edf4f8;font-family:var(--ui-font);color:var(--ui-ink);min-height:100vh}.auth-body *{box-sizing:border-box}.auth-body [hidden]{display:none!important}.auth-shell{min-height:100dvh;display:grid;grid-template-columns:1.05fr 1fr}.auth-story{padding:40px clamp(30px,5vw,80px);background:radial-gradient(ellipse at 90% 10%,#1d657633,transparent 60%),linear-gradient(140deg,#102b40,#112c42 55%,#1c354e);display:flex;flex-direction:column;align-items:flex-start;position:relative;overflow:hidden}.auth-story:after{content:"";position:absolute;inset:auto -110px -230px auto;width:550px;height:550px;border:1px solid #ffffff0b;border-radius:50%;pointer-events:none}.auth-story-copy{margin-top:clamp(40px,9vh,100px);max-width:460px;z-index:1}.auth-story-copy .ui-eyebrow{color:#77dbd0;font-size:10px;letter-spacing:1.8px}.auth-story-copy h1{font-size:clamp(34px,3.6vw,55px);line-height:1.16;color:#f2f8ff;font-weight:750;letter-spacing:-1.8px;margin:20px 0}.auth-story-copy p{font-size:14px;line-height:1.95;color:#94b2c6;max-width:390px;margin:0}.auth-scene{width:min(420px,100%);height:auto;align-self:center;max-height:300px;object-fit:contain;margin:18px 0;animation:ui-float 8s ease-in-out infinite}.auth-story-points{display:flex;flex-wrap:wrap;gap:17px;margin-top:auto;padding-top:20px;z-index:1}.auth-story-points>span{display:flex;align-items:center;gap:6px;font-size:10px;color:#9cb9cc}.auth-story-points .ui-icon{width:15px;height:15px;color:#68c9bc}.auth-form-section{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:45px 30px;background:radial-gradient(ellipse at 100% 0,#dfe9fe60,transparent 65%),#f6f9fd}.auth-form-card{width:100%;max-width:430px;background:#fff;border:1px solid #e1e8f1;padding:34px;border-radius:23px;box-shadow:0 15px 65px #1c38540a;animation:ui-enter .5s ease both}.auth-card-icon{display:flex;align-items:center;justify-content:center;width:49px;height:49px;border-radius:14px;background:#edf8f5;color:#148779;margin-bottom:25px}.auth-card-icon>.ui-icon{width:24px;height:24px}.auth-form-card>h2{font-size:29px;letter-spacing:-1px;margin:0 0 10px;font-weight:750}.auth-subtitle{font-size:13px;color:#8392a8;line-height:1.8;margin:0 0 30px}.auth-form-card form{display:flex;flex-direction:column;gap:19px}.auth-form-card label{font-size:12px;font-weight:650;color:#4d6482;display:block;margin-bottom:8px}.auth-form-card input:not([type=checkbox]):not([type=hidden]),.auth-form-card select{font-family:inherit;font-size:14px;line-height:1.5;width:100%;padding:12px 14px;min-height:47px;border:1px solid #dbe4ef;border-radius:11px;background:#fbfcff;color:#25405f;outline:none;transition:border-color .2s,box-shadow .2s}.auth-form-card input:focus{border-color:#64b5aa!important;box-shadow:0 0 0 3px #28a48f13}.auth-form-card input::placeholder{color:#a6b1c2;font-size:12px}.ui-input-icon{position:relative}.ui-input-icon>.ui-icon{position:absolute;top:50%;transform:translateY(-50%);left:14px;width:18px;height:18px;color:#92a5ba}.auth-form-card .ui-input-icon>input{padding-left:43px!important}.auth-options{display:flex;justify-content:space-between;align-items:center;gap:13px}.auth-options .ui-checkbox{display:flex;align-items:center;gap:7px;font-size:10px;font-weight:500;margin:0;line-height:1.7}.ui-checkbox input{accent-color:#108879;width:15px;height:15px;margin:0;flex-shrink:0}.auth-form-card a{color:#138778;text-decoration:none;font-size:11px;font-weight:650}.auth-options>a{white-space:nowrap}.auth-form-card .btn,.auth-form-card button[type=submit],.auth-form-card .inline-flex{font-family:inherit;display:inline-flex;align-items:center;justify-content:center;gap:8px;font-size:13px;font-weight:700;min-height:46px;padding:12px 18px;background:#12897c;border:1px solid #12897c;color:#fff;border-radius:11px;text-decoration:none;cursor:pointer;box-shadow:0 5px 15px #12897c1c;transition:transform .2s,background .2s}.auth-form-card .ui-auth-submit{width:100%;justify-content:flex-start}.ui-auth-submit>.ui-icon:last-child{margin-left:auto}.auth-form-card button[type=submit]:hover{background:#0b766b;transform:translateY(-1px)}.auth-bottom-note{display:flex;justify-content:center;align-items:center;gap:7px;font-size:9px;line-height:1.8;color:#a0aebf;border-top:1px solid #edf0f6;padding-top:22px;margin-top:25px;margin-bottom:0}.auth-bottom-note>.ui-icon{width:13px;height:13px}.auth-help{font-size:10px;line-height:1.8;color:#9aabc0;max-width:400px;text-align:center;margin:20px 0 0}.auth-form-card .ui-notice{font-size:11px}.auth-form-card .text-red-600{color:#b8344f;font-size:11px;list-style:none;padding:0;margin-top:6px}.auth-form-card .mb-4{font-size:12px;line-height:1.9;color:#7e8fa5;margin-bottom:18px}
@keyframes ui-enter{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}@keyframes ui-float{0%,100%{transform:translateY(0)}50%{transform:translateY(-7px)}}
@media(hover:hover){.ui-stat:hover,.workspace-kpi:hover,.admin-shortcuts>a:hover{transform:translateY(-3px);box-shadow:0 10px 24px #2437550d}.ui-stat,.workspace-kpi,.admin-shortcuts>a{transition:transform .2s,box-shadow .2s}.workspace-body .btn:hover,.employee-experience .btn:hover{transform:translateY(-1px)}}
@media(min-width:1750px){.employee-shell{grid-template-columns:280px minmax(0,1fr)}.employee-experience .employee-main{max-width:none;padding:34px 42px}.employee-experience .employee-header{padding-left:42px;padding-right:42px}.employee-rail{padding-left:22px;padding-right:22px}.employee-rail-identity{padding-top:29px;padding-bottom:29px}.employee-rail-identity>strong{font-size:21px}}
@media(max-width:1250px){.employee-shell{grid-template-columns:225px minmax(0,1fr)}.employee-rail{padding:24px 13px}.employee-rail .ui-brand>span{font-size:14px}.employee-rail .ui-brand>img{width:36px;height:36px}.employee-experience .employee-main{padding:24px}.employee-experience .employee-header{padding:15px 24px}.employee-experience .employee-category-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.ui-admin-profile-grid{grid-template-columns:225px minmax(0,1fr);gap:18px}.ui-person-console{padding-left:16px;padding-right:16px}.ui-person-cover{margin-left:-16px;margin-right:-16px}.ui-profile-metrics>div{padding:13px}.ui-profile-metrics>div>strong{font-size:16px}.ui-profile-content .fin-details{grid-template-columns:repeat(2,minmax(0,1fr))}.ui-hero{padding:25px}.ui-hero h1{font-size:29px}.ui-hero-scene{width:190px}.ui-leave-grid{grid-template-columns:1fr}.ui-help-panel{display:none}.ui-time-card{padding:14px}.ui-time-card>strong{font-size:14px}}
@media(max-width:1050px){.ui-admin-profile-grid{display:block}.ui-person-console{position:sticky;top:89px;z-index:45;display:flex;align-items:center;gap:13px;padding:12px 15px;text-align:left;margin-bottom:18px;border-radius:13px;background:#fffffff5;backdrop-filter:blur(15px);overflow:visible;box-shadow:0 5px 20px #263e6610}.ui-person-console .ui-person-cover,.ui-person-console>p,.ui-person-console>.ui-state-pill,.ui-person-console>.ui-person-facts,.ui-person-console>.ui-field-hint,.ui-person-console>.ui-profile-contact,.ui-person-console>.ui-console-link{display:none}.ui-person-console>.ui-avatar-profile{width:52px;height:52px;border:2px solid #fff;border-radius:14px;margin:0}.ui-person-console>h2{font-size:17px;margin:0;flex:1;min-width:0}.ui-person-console>.btn{width:auto;font-size:10px;padding:9px 11px}.ui-person-console .ui-avatar-fallback>b{font-size:10px}.ui-profile-content section[id],#employee-login-access{scroll-margin-top:180px}.auth-story{padding:35px}.auth-story-copy h1{font-size:39px}.auth-story-points{gap:12px}.auth-story-points>span{font-size:9px}}
@media(max-width:800px){.employee-shell{display:block}.employee-rail{height:auto;position:relative;padding:0;background:transparent;color:inherit;z-index:60;overflow:visible}.employee-rail>.ui-brand,.employee-rail-identity,.employee-rail-footer{display:none}.employee-navigation{flex-direction:row;gap:6px;flex:none;overflow-y:hidden;overflow-x:auto;padding:10px 14px;background:#fff;border-bottom:1px solid #e0e8f1;scrollbar-width:thin}.employee-navigation>a{white-space:nowrap;flex-shrink:0;min-height:40px;font-size:10px;padding:9px 12px;color:#667c96;border-color:#e5edf5}.employee-navigation>a>.ui-icon{color:var(--cat-color);width:16px;height:16px}.employee-navigation>a .ui-nav-chevron{display:none}.employee-navigation>a[aria-current]{color:var(--cat-color);background:var(--cat-soft);border-color:var(--cat-border);box-shadow:none}.employee-experience .employee-header{position:fixed;top:0;left:0;right:0;min-height:75px;padding:12px 17px}.employee-shell{padding-top:75px}.employee-header-end{gap:11px}.employee-experience .employee-main{padding:21px 17px 30px}.ui-hero h1{font-size:27px}.ui-hero-scene{width:160px}.ui-shift-grid{gap:9px}.ui-time-card{padding:13px}.ui-time-card>strong{font-size:12px}.ui-calendar-day{padding:10px;min-height:62px}.ui-person-console{top:83px}.employee-page-footer{padding-left:17px;padding-right:17px}.auth-shell{grid-template-columns:1fr}.auth-story{padding:24px;min-height:0;background:linear-gradient(120deg,#112e43,#174352)}.auth-story-copy,.auth-scene,.auth-story-points{display:none}.auth-form-section{padding:32px 20px;min-height:calc(100dvh - 94px)}.auth-story .ui-brand{margin:auto;width:100%;max-width:430px}.auth-form-card{padding:29px}.auth-help{font-size:10px}}
@media(max-width:560px){.workspace-body .btn,.employee-experience .btn{font-size:11px;min-height:39px;padding:9px 11px}.employee-experience .employee-header-person strong{font-size:13px}.employee-experience .employee-header-person span:not(.ui-avatar):not(.ui-avatar-fallback){font-size:9px}.employee-header-end .ui-live-clock{display:none}.employee-header-person{gap:9px}.employee-header-person .ui-avatar-small{width:42px;height:42px}.employee-experience .employee-header .btn .ui-icon{width:15px;height:15px}.employee-experience .employee-main{padding:17px 12px}.ui-hero{padding:23px 20px;min-height:195px;gap:10px}.ui-hero h1{font-size:26px;letter-spacing:-.7px;max-width:220px}.ui-hero p{font-size:11px;max-width:230px}.ui-hero-scene{position:absolute;right:-15px;bottom:18px;width:145px;opacity:.24;z-index:-1}.ui-hero-actions{margin-top:18px}.ui-hero .ui-eyebrow{font-size:8px;letter-spacing:1.1px}.workspace-welcome.ui-hero>.btn{left:20px;bottom:22px}.workspace-welcome.ui-hero h1{font-size:25px;max-width:230px}.workspace-welcome.ui-hero>div{padding-bottom:50px}.employee-experience .employee-category-grid{gap:9px}.employee-experience .employee-category-card{padding:16px 12px}.employee-experience .employee-category-card>span{font-size:10px;gap:6px}.employee-experience .employee-category-card>span>.ui-icon{width:15px;height:15px}.employee-experience .employee-category-card>strong{font-size:25px;margin-top:11px}.employee-experience .employee-category-card>strong.ui-shift-status{font-size:21px}.employee-experience .employee-category-card>small{font-size:10px}.employee-experience .fin-panel{padding:18px 14px}.ui-panel-title{gap:9px;flex-wrap:wrap;margin-bottom:17px}.ui-section-icon{width:34px;height:34px;border-radius:10px}.ui-section-icon>.ui-icon{width:19px;height:19px}.employee-experience .fin-panel h2{font-size:16px}.ui-panel-title>.ui-state-pill{margin-left:43px;font-size:9px;padding:5px 9px}.ui-shift-grid{grid-template-columns:1fr}.ui-time-card{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:13px 12px}.ui-time-card>strong{margin-top:0;text-align:right;font-size:12px}.ui-time-card>span{font-size:10px}.ui-shift-actions{gap:8px}.ui-shift-actions>form{flex:1}.ui-shift-actions .btn{width:100%}.ui-shift-actions>p{max-width:none;margin:4px 0 0}.ui-calendar-day{min-height:55px;padding:7px 3px;text-align:center;gap:5px}.ui-calendar-day>small{font-size:7px}.ui-calendar-day>b{font-size:11px}.ui-attendance-calendar{gap:4px}.ui-calendar-weekday{font-size:9px;padding:7px 0}.ui-month-filter{gap:6px}.ui-month-filter .fin-field{min-width:0;flex:1}.ui-month-filter .fin-field input{padding:8px!important;font-size:12px!important}.ui-month-filter .btn{padding:9px;font-size:10px}.ui-month-filter>.btn:first-child,.ui-month-filter>.btn:last-child{width:32px;min-width:32px}.ui-profile-page-head{align-items:flex-start;gap:7px}.ui-profile-page-head h1{font-size:24px}.ui-profile-page-head .ui-eyebrow{font-size:8px}.ui-profile-page-head p{font-size:11px}.ui-profile-page-head>.btn{white-space:nowrap;font-size:9px;margin-top:5px}.ui-person-console{top:76px;padding:10px;gap:9px}.ui-person-console>h2{font-size:14px}.ui-person-console>.ui-avatar-profile{width:44px;height:44px;border-radius:12px}.ui-person-console>.btn{font-size:9px;padding:8px;max-width:113px}.ui-person-console>.btn>.ui-icon{width:14px}.ui-section-tabs{gap:3px;padding:6px}.ui-section-tabs>a{font-size:9px;padding:7px;gap:4px}.ui-section-tabs .ui-icon{width:13px;height:13px}.ui-profile-metrics{gap:7px}.ui-profile-metrics>div{padding:12px 9px}.ui-profile-metrics>div>span{font-size:8px;line-height:1.7}.ui-profile-metrics>div>strong{font-size:13px;line-height:1.7}.ui-profile-content .fin-details{grid-template-columns:1fr}.ui-password-strength{align-items:flex-start}.ui-strength-track{margin-top:5px;width:48px}.employee-login-status h2{font-size:15px!important}.employee-login-status h2>.ui-icon{width:17px}.ui-notice{font-size:11px;padding:12px}.auth-form-card{padding:26px 22px;border-radius:19px}.auth-form-card>h2{font-size:27px}.auth-options{align-items:flex-start}.auth-options .ui-checkbox{font-size:9px}.auth-options>a{font-size:10px}.auth-story{padding:20px}.auth-story .ui-brand>img{width:39px;height:39px}.auth-story .ui-brand>span{font-size:16px}.auth-subtitle{font-size:12px;margin-bottom:24px}.auth-bottom-note{font-size:8px}.ui-leave-grid{gap:0}}
@media(prefers-reduced-motion:reduce){.workspace-body *,.employee-experience *,.auth-body *{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
@media print{.employee-rail,.employee-header,.employee-page-footer,.ui-section-tabs,.ui-person-console>.btn,.ui-console-link,.ui-toggle-password,.ui-generate-password,.ui-hero-scene,.auth-story{display:none!important}.employee-shell{display:block;padding:0}.employee-experience .employee-main{padding:0}.ui-admin-profile-grid{display:block}.ui-person-console{position:static;box-shadow:none;break-inside:avoid}.workspace-body .fin-panel,.employee-experience .fin-panel{animation:none;box-shadow:none}.ui-hero{background:#fff}.ui-avatar-profile{margin-top:0}.ui-avatar{print-color-adjust:exact}}