/* Swift Max · Bright workspace v2. Presentation only; existing routes and actions retained. */
@media screen {
:root,html[data-theme=light]{--sidebar:232px;--bg:#f4f5f7;--paper:#fff;--panel:#fff;--ink:#202b3c;--muted:#647184;--line:#e4ebef;--brand:#0877da;--brand-dark:#0663b9;--accent:#0877da;--sm-mint:#e7f8ed;--sm-blue:#e9f3ff;--sm-peach:#fff0e8;--sm-lilac:#f3edff;--sm-hover:#eef5ff;--sm-shadow:0 5px 22px #202b3c05}
body{font-family:'Segoe UI',Arial,sans-serif;background:var(--bg);color:var(--ink);line-height:1.5;-webkit-font-smoothing:antialiased}
#sidebar{width:var(--sidebar);padding:30px 16px 20px;background:var(--paper);border-right:1px solid var(--line)}
.brand{gap:12px;color:var(--ink);font-size:21px;margin:0 8px 34px}.brand-icon{background:linear-gradient(145deg,#202b3c,#088bf8);width:43px;height:46px;border-radius:14px;box-shadow:0 6px 14px #0877da18;color:white}.brand strong{font-size:8px;letter-spacing:2px;color:var(--muted)}.nav-label{color:var(--muted);font-size:9px;letter-spacing:1.5px}
#sidebar nav{gap:6px}.nav-item{color:var(--muted);min-height:44px;border-radius:12px;font-size:12px;padding:11px 13px}.nav-item:hover{background:var(--sm-hover);color:var(--brand)}.nav-item.active{background:var(--brand);color:white;box-shadow:0 5px 13px #0877da22}.nav-item svg{width:18px;height:18px}.sidebar-bottom{color:var(--muted);border-color:var(--line);line-height:1.7}.app-shell{margin-left:var(--sidebar)}
.topbar{min-height:76px;padding:16px 32px;background:var(--paper);border-color:var(--line)}.breadcrumb{color:var(--muted)}.breadcrumb b{color:var(--ink)}.account-menu{color:var(--muted)}.avatar{background:var(--sm-mint);color:var(--brand)}.theme-icon-toggle,.icon-button{background:var(--bg);border-color:var(--line);color:var(--ink);border-radius:11px}.theme-icon-toggle:hover{background:var(--sm-mint);color:var(--brand)}
#main,.unified-main{max-width:1600px;padding:28px 32px;margin:0 auto}.page-heading{margin-bottom:22px;gap:18px}.page-heading h1{font-size:28px;letter-spacing:-.8px;font-weight:700;color:var(--ink)}.eyebrow{color:var(--brand);font-size:9px;letter-spacing:1.8px}.muted,.page-heading p{color:var(--muted)}
.panel{background:var(--paper);border:1px solid var(--line);border-radius:18px;padding:24px;box-shadow:var(--sm-shadow)}.panel h2{font-size:16px;color:var(--ink);letter-spacing:-.3px}.panel h3{color:var(--ink)}.panel-head{margin-bottom:18px}.panel-head h2{margin:0}.button,.btn{border-radius:10px;background:var(--paper);border-color:var(--line);color:var(--ink);font-size:12px;min-height:40px}.button.primary,.btn-primary{background:var(--brand);border-color:var(--brand);color:#fff;box-shadow:0 4px 10px #0877da15}.button.primary:hover{background:var(--brand-dark)}.button:not(.primary):not(.danger):hover{background:var(--sm-hover);border-color:#abcdd0}.button.danger{color:#b43643;background:#fff7f7}
.pro-tabs{display:flex;gap:4px;background:var(--paper);border:1px solid var(--line);border-radius:14px;padding:6px;box-shadow:var(--sm-shadow)}.pro-tabs a{padding:9px 12px;font-size:11px;color:var(--muted);border-radius:9px}.pro-tabs a.active{background:var(--brand);color:white}.pro-tabs a:hover:not(.active){background:var(--sm-hover);color:var(--brand)}
.uae-toolbar{background:var(--paper);border:1px solid var(--line);padding:17px 20px;border-radius:15px;margin:18px 0;gap:16px;align-items:end}.uae-toolbar label{margin:0;font-size:11px;color:var(--muted);gap:4px}.uae-toolbar input,.uae-toolbar select{margin:0;background:var(--bg);border-color:transparent;min-height:42px}.uae-toolbar .uae-search{flex:2}.uae-toolbar .button{min-height:42px}label{color:var(--ink)}input,select,textarea{border-color:var(--line);color:var(--ink);background:var(--paper);border-radius:10px}input:focus,select:focus,textarea:focus{outline:2px solid #0877da;outline-offset:1px}input::placeholder{color:var(--muted)}
.sm-welcome{display:flex;justify-content:space-between;align-items:center;gap:24px;position:relative;overflow:hidden;padding:27px 30px;border:1px solid #e1eaf5;background:linear-gradient(110deg,#e4f2ff 0%,#eef5fc 65%,#f3edff 100%);border-radius:20px;margin:22px 0 26px;color:#202b3c}.sm-welcome h2{font-size:29px;font-weight:650;letter-spacing:-.9px;margin:0 0 6px}.sm-welcome p{font-size:12px;color:#5d7381;margin-bottom:15px}.sm-welcome .eyebrow{margin-bottom:9px}.sm-welcome-links{display:flex;gap:10px}.sm-welcome-links a{display:flex;gap:20px;align-items:center;background:#ffffffb5;padding:8px 12px;border:1px solid #ffffffdb;border-radius:9px;font-size:11px;color:#0864b9;font-weight:600}.sm-welcome-links a:hover{background:white}.sm-welcome-date{text-align:right;font-size:9px;letter-spacing:1px;flex-shrink:0}.sm-welcome-date strong{display:block;font-size:15px;font-weight:600;letter-spacing:0;margin:10px 0 4px}.sm-welcome-date>span:last-child{font-size:11px;letter-spacing:0;color:#5d7381}.sm-live-dot{display:inline-block;width:6px;height:6px;border-radius:50%;background:#18a746;margin-right:7px}
.sm-section-title{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:14px}.sm-section-title h2{font-size:16px;letter-spacing:-.3px;margin:0}.sm-section-title>span,.sm-section-note{font-size:10px;color:var(--muted)}.uae-cards{gap:14px;margin:0 0 24px}.uae-card{position:relative;min-height:142px;border:1px solid transparent;border-radius:16px;padding:20px;color:var(--ink);background:var(--sm-blue);box-shadow:none;transition:transform .18s,box-shadow .18s}.uae-card:nth-child(4n+2){background:var(--sm-mint)}.uae-card:nth-child(4n+3){background:var(--sm-lilac)}.uae-card:nth-child(4n+4){background:var(--sm-peach)}.uae-card:hover{border-color:var(--brand);box-shadow:0 5px 15px #202b3c0a;transform:translateY(-2px)}.uae-card>span{font-size:12px;font-weight:600;max-width:95%;line-height:1.5}.uae-card strong{font-size:34px;font-weight:650;letter-spacing:-1px;line-height:1.4;margin:9px 0}.uae-card small{font-size:10px;color:var(--muted);display:flex;align-items:center;justify-content:space-between;gap:8px}.uae-card small span{font-size:16px;color:var(--brand)}
.uae-two{grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);gap:20px;margin-bottom:22px}.uae-two>.panel{margin-bottom:0;min-width:0}.uae-activity{border-color:var(--line);padding:13px 0 13px 17px;position:relative;font-size:12px}.uae-activity:before{content:'';position:absolute;left:0;top:20px;width:6px;height:6px;border-radius:50%;background:#23b954}.uae-activity span{font-size:11px;color:var(--muted)}.uae-activity small{font-size:10px;color:var(--muted)}.uae-two h3{margin-top:22px;font-size:12px}#uaeContent progress{height:7px;accent-color:var(--brand);margin:7px 0 12px}.sm-mini-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.sm-mini-grid .uae-card{min-height:120px;padding:16px}.sm-mini-grid .uae-card strong{font-size:28px}.sm-summary{margin-bottom:20px}
.table-wrap{border-radius:12px;border:1px solid var(--line)}th,#uaeContent th{background:var(--bg);color:var(--muted);font-size:9px;font-weight:650;letter-spacing:.7px;padding:12px;text-transform:uppercase}td,#uaeContent td{padding:15px 12px;font-size:12px;border-bottom:1px solid var(--line)}tbody tr:last-child td{border-bottom:0}tbody tr:hover{background:var(--sm-hover)}td small,#uaeContent td small{color:var(--muted)}.uae-name{color:var(--brand)}.uae-status,.badge{border-radius:7px;font-size:10px;font-weight:600;padding:5px 8px}.uae-empty,.design-empty{color:var(--muted);padding:36px 20px}.uae-profile-summary,.quick-link{background:var(--bg);border-color:var(--line);border-radius:14px}.design-hero{background:linear-gradient(110deg,#202b3c,#0877da);border-radius:18px}.design-hero .button{color:#0663b9}.design-stat,.metric{border-radius:16px;background:var(--paper);border-color:var(--line)}.design-stat strong,.metric strong{color:var(--ink)}.design-avatar,.initial{background:var(--sm-mint);color:var(--brand)}.design-profile-tabs button[aria-pressed=true]{background:var(--brand);color:white;border-color:var(--brand)}.design-progress span{background:var(--brand)}.design-summary a,.design-note{border-color:var(--line);background:var(--paper);color:var(--muted)}.tracker-summary button{background:var(--paper);border-color:var(--line);border-radius:14px}.tracker-progress{accent-color:var(--brand)}.app-footer{color:var(--muted);border-color:var(--line)}dialog{background:var(--paper);border:1px solid var(--line);border-radius:20px;box-shadow:0 24px 100px #102d4433;color:var(--ink)}.modal-header{border-color:var(--line)}.auth-card{border-radius:22px;border-color:var(--line);box-shadow:0 16px 60px #202b3c0c}.hr-doc-sidebar{width:232px}.profile-actions.row-action-menu>.button:hover{background:var(--sm-hover)!important}
html[data-theme=dark]{--bg:#111d28;--paper:#1b2a38;--panel:#1b2a38;--ink:#e1edf4;--muted:#a2b6c4;--line:#304251;--brand:#70b9ff;--brand-dark:#95ceff;--sm-blue:#223b52;--sm-mint:#203f3e;--sm-lilac:#35334e;--sm-peach:#493c32;--sm-hover:#263b49}
html[data-theme=dark] #sidebar,html[data-theme=dark] .topbar,html[data-theme=dark] .panel,html[data-theme=dark] .pro-tabs{background:var(--paper);color:var(--ink);border-color:var(--line)}html[data-theme=dark] .nav-item.active,html[data-theme=dark] .pro-tabs a.active,html[data-theme=dark] .button.primary{background:#0877da!important;color:#fff!important}html[data-theme=dark] .sm-welcome{background:linear-gradient(110deg,#203d3e,#27334a);color:var(--ink);border-color:var(--line)}html[data-theme=dark] .sm-welcome p,html[data-theme=dark] .sm-welcome-date>span:last-child{color:var(--muted)}html[data-theme=dark] .sm-welcome-links a{background:#ffffff09;border-color:#ffffff16;color:var(--ink)}html[data-theme=dark] .uae-card{background:var(--sm-blue)}html[data-theme=dark] .uae-card:nth-child(4n+2){background:var(--sm-mint)}html[data-theme=dark] .uae-card:nth-child(4n+3){background:var(--sm-lilac)}html[data-theme=dark] .uae-card:nth-child(4n+4){background:var(--sm-peach)}html[data-theme=dark] th{background:var(--bg)}html[data-theme=dark] tbody tr:hover{background:var(--sm-hover)}html[data-theme=dark] .uae-name{color:var(--brand)}
:focus-visible{outline:2px solid var(--brand);outline-offset:3px}
@media(min-width:901px){#trackerMenu{display:none}}
@media(max-width:1100px){#main,.unified-main{padding:24px}.uae-cards{grid-template-columns:repeat(2,minmax(0,1fr))}.uae-two{grid-template-columns:1fr}.sm-mini-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.sm-welcome-date{max-width:190px;white-space:normal}}
@media(max-width:900px){.app-shell{margin-left:0}#sidebar{transform:translateX(-100%)}body.nav-open #sidebar{transform:translateX(0)}.hr-doc-sidebar{width:auto}.topbar{padding:15px 20px}#menuToggle{display:block}}
@media(max-width:600px){#main,.unified-main{padding:16px}.topbar{padding:12px 16px;gap:8px}.breadcrumb{display:none}.account-menu{gap:8px;margin-left:auto}.page-heading h1{font-size:24px}.page-heading{align-items:flex-start}.page-heading>.button{font-size:10px;padding:9px}.sm-welcome{padding:22px;flex-direction:column;align-items:flex-start;gap:18px}.sm-welcome h2{font-size:26px}.sm-welcome-date{text-align:left;max-width:none}.sm-welcome-date strong{font-size:12px;margin:5px 0}.sm-section-title{align-items:flex-start}.sm-section-title>span{max-width:110px;text-align:right}.uae-toolbar{padding:15px;gap:12px;flex-direction:column;align-items:stretch}.uae-toolbar label{width:100%}.uae-card{padding:15px;min-height:145px}.uae-card strong{font-size:30px}.uae-card>span{font-size:11px}.sm-mini-grid{gap:9px}.sm-mini-grid .uae-card{padding:13px}.panel{padding:16px}.uae-two{display:grid;gap:16px}.pro-tabs{gap:3px}.pro-tabs a{padding:8px 10px;font-size:10px}.sm-section-note{max-width:90px;text-align:right}.app-footer{padding:18px 16px}.sm-welcome-links a{min-height:40px}input,select,textarea{font-size:16px}}
@media(prefers-reduced-motion:reduce){.uae-card{transition:none}.uae-card:hover{transform:none}}
}
@media screen {
.pro-cards a{background:var(--paper);border-color:var(--line);border-radius:16px;box-shadow:var(--sm-shadow)}.pro-cards strong{color:var(--brand)}.pro-cards a:hover{border-color:var(--brand)}.hr-doc-sidebar{width:216px}.pro-tabs a{border-color:transparent}.pro-tabs a.active{border-color:transparent}#proModal .modal-actions{background:var(--paper);border-color:var(--line)}
html[data-theme=dark] body{background:var(--bg);color:var(--ink)}
@media(max-width:1000px){.hr-doc-sidebar{width:auto}}
@media(max-width:900px){#trackerMenu{display:block}}
}
/* v2: shared geometry, expressive two-tone icons and complete screen theme. */
@media screen {
:root,html[data-theme=light]{--sidebar:240px;--brand:#0877da;--brand-dark:#0564b9;--maroon:var(--brand);--maroon-dark:var(--brand-dark);--ink-soft:var(--muted);--sm-blue:#e9f3ff;--sm-mint:#e7f8ed;--sm-peach:#fff0e8;--sm-lilac:#f4ebff;--sm-shadow:0 4px 24px #24385805;--sm-radius:20px;--sm-icon-bg:#eaf3ff;--sm-icon-fg:#127fe4}
#sidebar{padding:28px 16px 20px}.brand{font-size:21px}.brand-icon{background:linear-gradient(145deg,#069fff,#146cde);box-shadow:0 5px 14px #1388eb25}.nav-item{min-height:48px;padding:9px 12px;gap:12px}.nav-item.active{background:var(--brand);color:#fff}.nav-item.active .sm-icon{color:#fff;background:#ffffff26;box-shadow:none}.nav-item>span:not(.sm-icon){min-width:0;line-height:1.35}.hr-doc-sidebar .nav-item{display:flex;gap:11px;align-items:center}
.sm-icon{display:inline-grid!important;place-items:center;vertical-align:middle;flex:0 0 auto;width:36px;height:36px;border-radius:12px;padding:7px;background:var(--sm-icon-bg);color:var(--sm-icon-fg);box-shadow:inset 0 1px 0 #ffffff80;line-height:1;transition:transform .18s ease}.sm-icon svg{width:100%!important;height:100%!important;display:block;flex:none}.sm-icon-employees,.sm-icon-users,.sm-icon-handover{--sm-icon-bg:#e2f7ed;--sm-icon-fg:#0a9363}.sm-icon-visa,.sm-icon-reports,.sm-icon-dashboard{--sm-icon-bg:#eceaff;--sm-icon-fg:#6540e9}.sm-icon-labour,.sm-icon-leave,.sm-icon-staff{--sm-icon-bg:#def5ff;--sm-icon-fg:#0587bd}.sm-icon-cases,.sm-icon-documents{--sm-icon-bg:#fff0d9;--sm-icon-fg:#bd7100}.sm-icon-expiry,.sm-icon-trash,.sm-icon-notices{--sm-icon-bg:#ffe7ed;--sm-icon-fg:#d93666}.sm-icon-settings,.sm-icon-account,.sm-icon-renewals{--sm-icon-bg:#ebedff;--sm-icon-fg:#5865d4}
#main,.unified-main{padding:28px 30px}.topbar{padding:16px 30px}.panel{border-radius:var(--sm-radius)}.uae-card{border-radius:var(--sm-radius);padding:20px;display:flex;flex-direction:column;align-items:flex-start;min-height:190px}.uae-card>.sm-icon{margin-bottom:14px;width:38px;height:38px}.uae-card>span:not(.sm-icon){font-size:12px;min-height:36px;display:flex;align-items:center}.uae-card strong{margin:6px 0;font-size:36px;font-variant-numeric:tabular-nums}.uae-card small{width:100%;margin-top:auto}.sm-mini-grid .uae-card{min-height:185px}.sm-mini-grid .uae-card>.sm-icon{width:32px;height:32px;margin-bottom:8px}.sm-mini-grid .uae-card strong{font-size:30px}.sm-top-cards .uae-card{background:#0877da;color:white}.sm-top-cards .uae-card:nth-child(2){background:#20c34c;color:#12341c}.sm-top-cards .uae-card:nth-child(3){background:#f062a1;color:#401428}.sm-top-cards .uae-card:nth-child(4){background:#ff6438;color:#401d12}.sm-top-cards .uae-card small,.sm-top-cards .uae-card small span{color:inherit}.sm-top-cards .sm-icon{color:inherit;background:#ffffff38;box-shadow:inset 0 1px 0 #ffffff45}.sm-top-cards .uae-card>span:not(.sm-icon){font-weight:650}.sm-top-cards .uae-card:hover{border-color:transparent;box-shadow:0 8px 22px #1e33551a}
.sm-welcome{border-radius:24px;min-height:182px;background:linear-gradient(110deg,#e2f2ff,#eef6ff 60%,#e9f7f3)}.sm-welcome-links a{min-height:40px}.sm-welcome-date{font-size:10px}.sm-section-title{margin-top:4px}.sm-section-title h2{font-size:17px}.sm-summary .panel-head{min-height:26px}.uae-two>.panel{height:100%}.uae-two .panel h2{margin-bottom:20px}.design-stat>.sm-icon,.pro-cards>a>.sm-icon{margin-bottom:12px}.design-stat>span:not(.sm-icon){display:block}.design-stat>.sm-icon{display:inline-grid}.metric .icon{background:transparent;padding:0}.metric .icon .sm-icon{width:34px;height:34px}.metric .label{padding-right:42px}.pro-cards a{display:flex;align-items:flex-start;flex-direction:column;gap:7px}.pro-cards a strong{font-variant-numeric:tabular-nums}.design-hero{background:linear-gradient(115deg,#0877da,#05a4da);color:white}.design-hero h2,.design-hero p{color:white}.design-hero .button{color:#0564b9}.design-hero .eyebrow{color:#e2f3ff}
.page-heading{align-items:center}.page-heading .actions{justify-content:flex-end}.panel-head,.uae-section-heading{flex-wrap:wrap}.panel-head a{font-size:12px;font-weight:600;color:var(--brand)}.two-col,.uae-two,.form-grid,.profile-details,.profile-documents,.account-grid{min-width:0}.two-col>*,.uae-two>*,.form-grid>*,.profile-details>*,.account-grid>*{min-width:0}.form-grid{align-items:start;gap:0 18px}.toolbar,.pro-toolbar,.uae-filters,.uae-actions{align-items:end;gap:12px}.toolbar>*{min-width:0}.pro-toolbar>label{margin-bottom:0}.uae-filters label{margin-bottom:0}.uae-filters{margin-bottom:20px}.uae-actions{align-items:center}.uae-toolbar label{margin-bottom:0}.toolbar input,.toolbar select,.pro-toolbar input,.pro-toolbar select{min-height:42px}.toolbar select{max-width:240px}.table-wrap{max-width:100%;overflow-x:auto;overscroll-behavior-x:contain}.table-wrap table{min-width:560px}.table-wrap td{line-height:1.5}.table-wrap th{vertical-align:middle}.uae-name{overflow-wrap:anywhere}.profile-hero{align-items:center;gap:22px}.profile-hero>div{min-width:0}.profile-hero h1{font-size:28px}.profile-details dd{line-height:1.6}.profile-documents .document-card{display:flex;flex-direction:column;gap:8px}.profile-documents .document-card h3{margin-bottom:0}.profile-photo{border:4px solid var(--paper);box-shadow:0 4px 16px #19345515}.profile-actions{gap:10px}.pagination{flex-wrap:wrap;min-height:40px;gap:10px}.pagination button{min-height:40px}
.button,.btn,button.nav-item{font-weight:600}.button.small{min-height:34px}.button:disabled,.btn:disabled{cursor:not-allowed}.button:active:not(:disabled),.btn:active:not(:disabled){transform:translateY(1px)}.button.primary,.btn-primary{background:var(--brand);border-color:var(--brand);color:#fff}.button.primary:hover,.btn-primary:hover{background:var(--brand-dark)}.icon-button,.theme-icon-toggle,.row-action-trigger{min-width:40px;min-height:40px;display:inline-grid;place-items:center}dialog{max-width:calc(100vw - 24px);max-height:90dvh}#modalBody,#proModalBody{overflow:auto;max-height:calc(90dvh - 90px)}.modal-header{gap:16px}.modal-header h2{overflow-wrap:anywhere}.modal-header>button{flex-shrink:0}.modal-actions{gap:10px;flex-wrap:wrap}.pro-notice-panel{max-width:calc(100vw - 24px);border-radius:16px}.pro-notice-panel .pro-meta{flex-wrap:wrap;gap:8px}.pro-notice-panel button{border-radius:8px;min-height:34px}.pro-notice-panel article{padding:14px}.row-action-menu{background:var(--paper);color:var(--ink);border-color:var(--line);border-radius:12px}.row-action-menu :is(button,a){min-height:38px}.row-action-trigger{background:var(--bg);border-color:var(--line);color:var(--ink)}.app-footer{gap:16px;flex-wrap:wrap}.loading{padding:60px 20px;color:var(--muted)}
.auth-page{background:var(--bg)}.auth-brand{background:linear-gradient(140deg,#0877da,#078fec 55%,#09adc5);padding:44px}.auth-brand h1,.auth-brand .brand{color:white}.auth-brand :is(p,small,.eyebrow,.brand strong){color:#e8f5ff}.auth-card{background:var(--paper);padding:30px;border:1px solid var(--line);max-width:445px}.auth-card .theme-control{display:flex!important;margin-left:auto;width:fit-content}.auth-note{color:var(--muted)}.auth-main{padding:32px}
/* Document workspace retains its own 216px rail and print canvas. */
body:has(>.hr-doc-sidebar){--sidebar:216px}.hr-doc-sidebar{background:var(--paper);border-color:var(--line);width:216px}.hr-doc-sidebar .hr-doc-brand{color:var(--ink)}.hr-doc-sidebar .nav-item.active{background:var(--brand);color:#fff}.hr-doc-sidebar>a:not(.hr-doc-brand){min-height:44px}.shell{padding-bottom:130px!important}.agreement-actions{left:246px;right:30px;box-sizing:border-box;background:var(--paper)!important;border-color:var(--line)!important;gap:10px}.agreement-actions #btnSaveOnly{background:var(--brand)!important;border-color:var(--brand)!important;color:#fff!important}.document-more-menu{background:var(--paper);border-color:var(--line)}.document-tabs>button.active,.topbar nav button.active{background:var(--brand)!important;color:white!important}.workspace-heading{background:var(--sm-blue);border-color:var(--line)}.document-chip,.step-num{background:var(--sm-blue);color:var(--brand)}
/* Mobile drawer is separate from main content and keyboard accessible. */
.sm-nav-backdrop{position:fixed;inset:0;background:#0b172d66;border:0;border-radius:0;z-index:35;backdrop-filter:blur(3px)}.sm-nav-backdrop[hidden]{display:none!important}
/* Theme surfaces override legacy fixed colours consistently. */
html[data-theme=dark]{--bg:#101722;--paper:#192333;--panel:#192333;--ink:#e8eff9;--muted:#a7b6ca;--line:#2b3a50;--brand:#71b7ff;--brand-dark:#91c9ff;--accent:#71b7ff;--maroon:var(--brand);--maroon-dark:var(--brand-dark);--sm-blue:#1d3553;--sm-mint:#1d3c33;--sm-peach:#423024;--sm-lilac:#302846;--sm-hover:#24344b;--sm-icon-bg:#233b5c;--sm-icon-fg:#85bdff;--sm-shadow:0 4px 24px #00000010;color-scheme:dark}
html[data-theme=dark] body{background:var(--bg);color:var(--ink)}
html[data-theme=dark] :is(#sidebar,.hr-doc-sidebar,.topbar,.panel,.metric,.metric-card,.quick-link,.quick-grid button,.pro-cards a,dialog,.modal-box,.modal-overlay .modal-head,.modal-foot,.auth-card,.document-card,.pro-notice-panel,.manage-item,.editor-starters,.hr-link-panel,.row-action-menu,.agreement-actions,.document-more-menu,.document-more summary){background:var(--paper)!important;color:var(--ink)!important;border-color:var(--line)!important}
html[data-theme=dark] :is(input,select,textarea,#view-new input,#view-new select){background:#121c2b!important;color:var(--ink)!important;border-color:#3a4e68!important}html[data-theme=dark] input::placeholder{color:#92a5bf!important}html[data-theme=dark] :is(label,.uae-toolbar label,.profile-details dt,.muted,.hint,.sub,.nav-label,.account-menu,.breadcrumb,.auth-note,td small,.uae-activity span,.uae-activity small){color:var(--muted)}
html[data-theme=dark] :is(.button,.btn,.icon-button,.icon-btn,.text-button,.pro-tabs a,.pro-notice-bell,.docs-menu-button,.theme-icon-toggle,.row-action-trigger){background:#243349;color:var(--ink)!important;border-color:#3a4e68}
html[data-theme=dark] :is(.button.primary,.btn-primary,.topbar nav button.active,.pro-tabs a.active,.nav-item.active,.hr-doc-sidebar a.active){background:#0877da!important;color:white!important;border-color:#2188e4!important}
html[data-theme=dark] :is(.nav-item:hover,.hr-doc-sidebar a:hover,.document-chip,.pro-notice-panel article.unread){background:#233952!important;color:#c6e3ff!important}html[data-theme=dark] .nav-item.active:hover{background:#0877da!important;color:white!important}html[data-theme=dark] :is(.nav-item.active,.hr-doc-sidebar a.active) .sm-icon{background:#ffffff25;color:white}
html[data-theme=dark] :is(th,thead,.dashboard-table th,.records th,.pro-stage-heading){background:#202f44!important;color:#bbcbe1!important}html[data-theme=dark] :is(td,th,.list-row,.pro-history,.pro-stage,.modal-header,.pro-notice-panel article,.section-divider,.uae-activity){border-color:var(--line)!important}html[data-theme=dark] tbody tr:hover{background:var(--sm-hover)!important}
html[data-theme=dark] :is(.permissions,.code-box,.custom-config,.uae-step,.tracker-summary button,.tracker-simple-tools,.uae-profile-summary,.design-note,.workspace-heading){background:#202e42;color:var(--ink);border-color:var(--line)}html[data-theme=dark] :is(.error-message,.pro-error,.uae-error){color:#ff9baf}html[data-theme=dark] .eyebrow{color:var(--brand)}html[data-theme=dark] :is(.notice,.pro-alert,.notice.info,.sync-error){background:#352d26!important;color:#f5d6a2!important;border-color:#67523b!important}
html[data-theme=dark] :is(.badge.green,.uae-status.green,.notice.success){background:#1e4435;color:#9ae3b4;border-color:#32614b}html[data-theme=dark] :is(.badge.amber,.uae-status.orange){background:#47391f;color:#f2d698}html[data-theme=dark] :is(.badge.red,.uae-status.red,.button.danger){background:#4a2732;color:#ffb0bf!important;border-color:#75404f}html[data-theme=dark] :is(.badge.blue,.uae-status.blue){background:#213e61;color:#a8d3ff}html[data-theme=dark] :is(.badge:not(.green):not(.amber):not(.red):not(.blue),.uae-status.grey){background:#303c50;color:#c5d2e4}
html[data-theme=dark] .sm-welcome{background:linear-gradient(115deg,#1a3855,#203247 65%,#1d3d3e);border-color:var(--line)}html[data-theme=dark] .sm-welcome :is(h2,p,.sm-welcome-date){color:var(--ink)}html[data-theme=dark] .sm-top-cards .uae-card{background:#1e4874;color:#eaf4ff}html[data-theme=dark] .sm-top-cards .uae-card:nth-child(2){background:#204d35;color:#d7fbe2}html[data-theme=dark] .sm-top-cards .uae-card:nth-child(3){background:#523047;color:#ffe4f1}html[data-theme=dark] .sm-top-cards .uae-card:nth-child(4){background:#563526;color:#ffeadf}html[data-theme=dark] .sm-top-cards .uae-card .sm-icon{color:inherit;background:#ffffff16}
html[data-theme=dark] .sm-icon{box-shadow:inset 0 1px 0 #ffffff10}html[data-theme=dark] :is(.sm-icon-employees,.sm-icon-users,.sm-icon-handover){--sm-icon-bg:#204938;--sm-icon-fg:#69dda8}html[data-theme=dark] :is(.sm-icon-visa,.sm-icon-reports,.sm-icon-dashboard){--sm-icon-bg:#36305c;--sm-icon-fg:#b2a1ff}html[data-theme=dark] :is(.sm-icon-labour,.sm-icon-leave,.sm-icon-staff){--sm-icon-bg:#1c4052;--sm-icon-fg:#6ed8ff}html[data-theme=dark] :is(.sm-icon-cases,.sm-icon-documents){--sm-icon-bg:#4a3b23;--sm-icon-fg:#f8cb7e}html[data-theme=dark] :is(.sm-icon-expiry,.sm-icon-trash,.sm-icon-notices){--sm-icon-bg:#4d2c3e;--sm-icon-fg:#ff9dbb}html[data-theme=dark] :is(.sm-icon-settings,.sm-icon-account,.sm-icon-renewals){--sm-icon-bg:#2f365c;--sm-icon-fg:#adb7ff}
html[data-theme=dark] :is(.print-page,.doc-page,#visualEditor,#letterVisualEditor){background:#fff!important;color:#222!important;color-scheme:light}html[data-theme=dark] :is(.print-page,.doc-page,#visualEditor,#letterVisualEditor) :is(h1,h2,h3,p,span,td,th,thead,label){color:inherit!important;background:transparent!important}html[data-theme=dark] .auth-brand .eyebrow{color:#e8f5ff}
/* Short, purposeful motion; no auto-running decorative loops. */
@keyframes sm-enter{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}
@keyframes sm-dialog{from{opacity:0;transform:translateY(12px) scale(.985)}to{opacity:1;transform:translateY(0) scale(1)}}
@media(prefers-reduced-motion:no-preference){.sm-welcome,.uae-cards,.uae-two,.sm-summary,.design-kpis,.page-heading{animation:sm-enter .3s ease-out both}.uae-cards{animation-delay:.035s}.uae-two{animation-delay:.07s}dialog[open]{animation:sm-dialog .2s ease-out}.nav-item,.button,.btn,.uae-card,.design-stat,.pro-cards a{transition:background-color .18s,color .18s,box-shadow .18s,transform .18s}.nav-item:hover .sm-icon{transform:translateY(-1px)}.uae-card:hover,.design-stat:hover,.pro-cards a:hover{transform:translateY(-2px)}.sm-nav-backdrop{animation:sm-enter .15s ease-out}#sidebar{transition:transform .22s ease-out}}
@media(max-width:1200px){.uae-two{grid-template-columns:1fr}.profile-details{grid-template-columns:repeat(2,minmax(0,1fr))}.pro-stage{grid-template-columns:1fr 1fr}.page-heading .actions{flex-wrap:wrap}}
@media(max-width:1000px){.hr-doc-sidebar{width:auto;position:static}.agreement-actions{left:16px;right:16px;max-width:none}.agreement-save-state{min-width:160px}.shell{padding-bottom:170px!important}.hr-doc-sidebar.docs-menu-open>a.nav-item{display:flex!important}}
@media(min-width:901px){#sidebar{transform:none}#menuToggle,#trackerMenu{display:none!important}}
@media(max-width:900px){#main,.unified-main{padding:22px}.topbar{padding:14px 22px}#menuToggle,#trackerMenu{display:inline-grid!important}.app-shell{margin-left:0}#sidebar{width:240px;transform:translateX(-100%);z-index:40}body.nav-open #sidebar{transform:translateX(0)}body.nav-open{overflow:hidden}.two-col,.account-grid{grid-template-columns:1fr}.sm-nav-backdrop{display:block}.pro-tabs{align-items:center}.page-heading{flex-wrap:wrap}.profile-hero{padding-right:65px!important}.auth-brand{padding:30px}.auth-brand h1{font-size:34px}}
@media(max-width:600px){#main,.unified-main{padding:16px}.topbar{padding:12px 16px}.sm-welcome{padding:22px;min-height:0}.sm-welcome-date{width:100%}.sm-top-cards,.sm-mini-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.uae-card{padding:16px;min-height:180px}.sm-mini-grid .uae-card{min-height:175px}.uae-card strong{font-size:32px}.uae-card>span:not(.sm-icon){min-height:36px;font-size:11px}.sm-top-cards .uae-card small{font-size:9px}.panel{padding:18px}.uae-two{gap:16px}.form-grid,.profile-details,.profile-documents,.pro-stage{grid-template-columns:1fr}.profile-hero{align-items:flex-start}.toolbar,.pro-toolbar{flex-wrap:wrap}.toolbar>*,.pro-toolbar>*{flex:1 1 100%;max-width:100%}.uae-filters label{flex:1 1 100%}.sm-section-title{gap:10px}.sm-section-title h2{font-size:16px}.sm-section-title>span{font-size:9px}.uae-toolbar .button{width:100%}.page-heading>.button{font-size:11px;min-height:40px}.uae-actions .button{min-height:40px}.auth-card{padding:24px}.auth-main{padding:22px 16px}.auth-brand{padding:22px}.agreement-save-state{flex:1 1 100%;min-width:0}.agreement-actions{padding:12px!important;gap:8px}.agreement-actions .btn{flex:1 1 auto;font-size:11px}.shell{padding-bottom:190px!important}.form-config-row{grid-template-columns:1fr 1fr}.field-row{grid-template-columns:1fr}.sm-icon{width:34px;height:34px}.pro-cards{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.uae-card:hover,.design-stat:hover,.pro-cards a:hover{transform:none}}
}
@media print{.sm-nav-backdrop,.sm-welcome,.sm-icon{display:none!important}.shell{padding-bottom:0!important}body{padding-left:0!important}.agreement-actions{display:none!important}}
@media screen {
.row-action-trigger:hover,.row-action-trigger[aria-expanded=true]{background:var(--sm-blue);border-color:var(--brand);color:var(--brand)}.row-action-trigger:focus-visible,.row-action-menu :focus-visible{outline:2px solid var(--brand);outline-offset:2px}.row-action-menu>:is(button,a):hover,.row-action-menu>:is(button,a):focus{background:var(--sm-hover)!important;color:var(--ink)!important}
}

/* Company-supplied logo, kept on its original white background in both themes. */
#sidebar .company-mark{display:grid;place-items:center;background:#fff!important;padding:3px!important;overflow:hidden;box-shadow:0 2px 8px #172a4310;flex:none}
#sidebar .company-mark img{display:block;width:100%;height:100%;object-fit:contain;border-radius:8px}