@font-face{font-family:Manrope;src:url('./fonts/manrope-variable.ttf') format('truetype');font-weight:200 800;font-style:normal;font-display:swap}
@media screen{
:root,body[class]{--font-ui:Manrope,'Segoe UI Variable Text','Segoe UI',sans-serif;--navy:#213d4b;--blue:#117b80;--bg:#f4f6f8;--line:#e1e7ec;--muted:#637282;--green:#226b51;--yellow:#805b19;--red:#ae3a4a;--panel-border:#e1e7ec;--surface-alt:#f8fafb}
html{font-size:15px;scroll-padding-top:160px}body,body[class]{background:#f4f6f8!important;color:#283b4b;font:400 15px/1.65 var(--font-ui);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
body *,button,input,select,textarea,.sipers-toast{font-family:var(--font-ui)!important}body{margin:0}h1,h2,h3,h4{letter-spacing:-.035em;line-height:1.35;font-weight:650}strong,b{font-weight:650}p{line-height:1.7}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}button,a{transition:background-color .16s,color .16s,border-color .16s,box-shadow .16s}
body .main{width:100%;min-width:0}body[class] header{display:grid!important;grid-template-columns:minmax(260px,1fr) auto;grid-template-areas:'brand account' 'navigation navigation';gap:14px 20px;padding:20px clamp(18px,3vw,48px) 0;background:#fff!important;border-bottom:1px solid #e1e7ec!important;color:#283b4b;box-shadow:0 3px 20px #233d4b05;position:sticky;top:0;z-index:1000}
body[class] .app-brand{grid-area:brand;min-width:0;max-width:none;flex:none}body[class] .app-brand .brand{position:relative;padding-left:54px;color:#173e4a;font-size:22px;line-height:1.3;font-weight:750;letter-spacing:-.055em}body[class] .app-brand .brand:before{content:'S';position:absolute;left:0;top:1px;width:41px;height:41px;background:#147e83;color:#fff;border-radius:13px;display:grid;place-items:center;font-size:24px;font-weight:650;letter-spacing:-.06em}body[class] .app-brand .brand small{margin-top:3px;color:#637382;font-size:11px;line-height:1.45;font-weight:500;letter-spacing:.01em}body[class] header h2{font-size:12px;font-weight:500;color:#687785;margin:8px 0 0 54px;letter-spacing:0}
body[class] .header-user{grid-area:account;flex:none;justify-content:flex-end;gap:10px;min-width:0;max-width:100%}body[class] .header-identity{text-align:right;line-height:1.5;max-width:230px;min-width:0;padding-right:9px}body[class] .header-account-name{color:#304655;font-size:13px;font-weight:650}body[class] .header-account-role{font-size:10px;letter-spacing:.055em;color:#377d7c!important;font-weight:650;margin-top:3px}body[class] .role-dot{background:#3e9b8a!important;width:5px;height:5px}body[class] .header-account-unit{color:#73828f;font-size:10px;max-width:230px}body[class] .header-user .btn{background:#f3f6f8!important;color:#45586a!important;border:1px solid #e6ebef;padding:9px 13px;font-size:12px;min-height:39px;box-shadow:none}body[class] .header-user .btn:hover{background:#eaf3f3!important;border-color:#cadfdf}
body[class] .top-nav{grid-area:navigation;order:unset;flex:none;width:100%;justify-content:flex-start;gap:4px;padding:9px 0 10px;border-top:1px solid #edf0f3;flex-wrap:wrap;isolation:isolate}body[class] .top-nav>button,body[class] .top-nav .nav-trigger{color:#64717f!important;background:transparent;font-weight:600;font-size:12px;letter-spacing:0;padding:9px 13px;border-radius:9px;min-height:39px}body[class] .top-nav>button.active,body[class] .top-nav button:hover,body[class] .top-nav .nav-group.is-open>.nav-trigger{background:#eaf5f4!important;color:#146d73!important}body[class] .top-nav .nav-menu{background:#fff!important;border:1px solid #e1e8eb;box-shadow:0 15px 42px #183d4a18;padding:7px;border-radius:13px;min-width:210px;max-width:min(300px,calc(100vw - 32px))}body[class] .top-nav .nav-menu button{background:#fff;color:#435769;font-size:13px;line-height:1.6;font-weight:500;border:0;border-radius:8px;padding:11px 13px}body[class] .top-nav .nav-menu button:hover,body[class] .top-nav .nav-menu button.active{background:#eaf5f4!important;color:#146d73!important;font-weight:600}
body .content{padding:30px clamp(18px,3vw,48px) 54px;max-width:1640px;width:100%;margin:0 auto}.muted,body[class] .muted{font-size:13px;color:#6c7a88;font-weight:400}.section-head{gap:16px;flex-wrap:wrap;margin-bottom:22px;align-items:center}.section-head h3{font-size:19px;font-weight:650;color:#283f4e}.panel,.employee-search,.employee-card,body[class] .unit-dashboard .unit-panel{border:1px solid #e1e7ec!important;background:#fff!important;border-radius:16px!important;box-shadow:0 4px 16px #263a4903!important;min-height:0;padding:24px}.panel+.panel{margin-top:20px}.panel .panel{box-shadow:none!important}.btn{padding:11px 17px;border-radius:10px;font-size:13px;line-height:1.6;font-weight:600;min-height:42px;box-shadow:none}.btn.primary{background:#147b80!important;color:#fff!important;border:1px solid #147b80;box-shadow:0 3px 7px #147b8015}.btn.primary:hover{background:#10676d!important;border-color:#10676d}.btn.secondary,.mini,.dashboard-search-shortcuts button{background:#f4f7f9;color:#425b6b;border:1px solid #e1e7ec;border-radius:9px;font-weight:600}.btn.secondary:hover,.mini:hover{background:#eaf4f3;color:#166c72;border-color:#c8dfdc}.mini{padding:8px 11px;font-size:12px;min-height:34px}.btn.danger{background:#fff0f1;color:#a43c4c;border:1px solid #f3d6db}button:disabled{opacity:.45;cursor:not-allowed;box-shadow:none}.back{margin-bottom:22px}.status-line,.actions,.hero-actions{gap:9px;flex-wrap:wrap}
body input,body select,body textarea{font-size:14px!important;font-weight:450;color:#314b5d;background:#fff;border:1px solid #dce4e9;border-radius:10px;line-height:1.6;padding:11px 13px;max-width:100%}body input::placeholder,body textarea::placeholder{color:#8a98a4;font-weight:400}body input:focus,body select:focus,body textarea:focus{outline:none;border-color:#4d9d9c;box-shadow:0 0 0 3px #147b8010}body :focus-visible{outline:3px solid #4c9f9f!important;outline-offset:3px}.form-grid{gap:20px 24px}.form-grid label,.employee-search label,.login-card label{font-size:12px!important;font-weight:600;color:#536a7a!important;line-height:1.7}.form-grid input,.form-grid select,.form-grid textarea{margin-top:7px;padding:12px 13px}.form-grid textarea{min-height:94px}input[readonly],select:disabled{background:#f7f9fa;color:#73818d}.personal-section{border-color:#e3e9ed;border-radius:13px;margin:20px 0}.personal-section-title{background:#f8fafb;border-bottom-color:#e7edf0;padding:16px 19px;color:#3b5668}.personal-section-title span{font-size:12px}.personal-section .form-grid{padding:20px}.detail{border:1px solid #e6ebef;border-radius:10px;padding:14px 16px;box-shadow:none}.detail small{font-size:11px;text-transform:none;letter-spacing:0;color:#7b8792}.detail b{font-size:14px;font-weight:550}.detail-grid{gap:12px}.notice{background:#eef6f6!important;border:1px solid #d6e7e7!important;border-radius:10px;padding:15px 18px!important;color:#466576!important;font-size:13px;line-height:1.7}.error-notice{background:#fff2f4!important;color:#a23c4b!important;border-color:#f1d4db!important}
body .dashboard-v46{gap:23px}.dashboard-page-heading h3{font-size:28px;letter-spacing:-.055em;font-weight:650;color:#293e4c}.dashboard-page-heading .muted{font-size:13px;margin-top:5px}.dashboard-search-strip,body.role-admin-unit .dashboard-search-strip{background:#edf4f5;border:1px solid #dce8e8;border-radius:17px;padding:21px}.dashboard-v46 .dashboard-search-strip .employee-search{padding:0!important;background:transparent!important;border:0!important;box-shadow:none!important}.dashboard-search-strip .section-head{margin-bottom:16px}.dashboard-search-strip .section-head h3{font-size:16px}.dashboard-v46 .quick-search-categories,.dashboard-v46 .quick-search-list{border:1px solid #dce5e8!important;box-shadow:none;border-radius:10px}.dashboard-v46 .quick-search-categories button.active,.dashboard-v46 .quick-search-result:hover{background:#e4f0ef!important;color:#296a6c}.quick-search-categories button,.quick-search-result{font-weight:500;padding:13px}.quick-search-empty{padding:17px;font-size:12px}.dashboard-card,body[class] .dashboard-chart-panel{border:1px solid #e1e7ec!important;border-radius:16px!important;box-shadow:0 4px 18px #233b4a03!important;background:#fff!important}.dashboard-card-head,body[class] .dashboard-card-head,body[class] .dashboard-chart-panel h3{background:#fff!important;color:#425c6d!important;border-bottom:1px solid #edf1f3!important;padding:18px 21px!important;min-height:56px}.dashboard-card-head h3,body[class] .dashboard-chart-panel h3{font-size:14px;font-weight:650;letter-spacing:-.02em}.dashboard-card-head>span:first-child{color:#3a9294;font-size:17px;font-weight:500}.dashboard-head-spacer{background:#dce9e9;height:2px}.dashboard-card-body,.dashboard-chart-panel .dashboard-card-body{padding:20px}.dashboard-card-help{font-size:13px;line-height:1.8;color:#73818d}.dashboard-total-stat{background:#f3f8f8;border:0;padding:18px;border-radius:12px}.dashboard-total-stat strong{font-size:40px;font-weight:600;color:#246d72}.dashboard-total-stat span{font-size:13px;font-weight:550}.dashboard-total-stat small{font-size:11px;color:#7c9098}.dashboard-mini-stat{background:#f8fafb;border-color:#e9eef1;padding:12px;border-left-width:2px!important}.dashboard-mini-stat span{font-size:11px}.dashboard-mini-stat b{font-size:18px;font-weight:600}.dashboard-active-line{border-top-color:#edf1f3;font-size:12px;padding-top:15px}.dashboard-monitor-tile{padding:15px;border-width:0!important;border-radius:12px}.dashboard-monitor-tile span{font-size:11px;font-weight:600}.dashboard-monitor-tile b{font-size:29px;font-weight:600;margin:6px 0}.dashboard-monitor-tile small{font-size:11px;opacity:.8}.tile-blue{background:#eef4fa;color:#3c6789}.tile-green{background:#edf6f2;color:#3a7961}.tile-amber{background:#fcf5e9;color:#956c2a}.tile-purple{background:#f3f0f8;color:#776096}.dashboard-bar-track{height:7px;border:0;background:#edf2f4}.dashboard-bar-fill{background:#5daba7}.dashboard-bar-label{font-size:12px;color:#627885}.dashboard-status-row{font-size:12px;border-bottom-color:#edf1f3}.dashboard-status-row b{font-size:17px;font-weight:600}.dashboard-summary-number{background:#f4f8f9;border:0;border-radius:10px;padding:15px}.dashboard-summary-number strong{font-size:32px;font-weight:600}.dashboard-empty{background:#f8fafb;border-color:#e2e9ed;color:#7b8a95}.summary{gap:16px}.summary .stat,body[class] .unit-dashboard .summary .stat{background:#fff!important;border:1px solid #e1e7ec!important;border-top:1px solid #e1e7ec!important;padding:20px;border-radius:14px!important;box-shadow:none!important}.stat b{font-size:28px;font-weight:600;color:#296e73!important;margin-top:10px;font-variant-numeric:tabular-nums}body[class] .unit-dashboard .unit-hero{background:#e8f3f2!important;border:1px solid #d3e6e4!important;border-radius:16px!important;box-shadow:none!important;color:#2b5962!important}body[class] .unit-hero h2,body[class] .unit-hero p{color:#2b5962!important}
body[class] .profile-layout{grid-template-columns:216px minmax(0,1fr);gap:24px;align-items:start}body[class] .profile-layout .tabs{display:flex;flex-direction:column;gap:3px;background:#fff!important;border:1px solid #e1e7ec!important;border-radius:14px;padding:8px;box-shadow:none;position:sticky;top:166px;overflow:visible}body[class] .profile-layout .tab{width:100%;background:transparent!important;border:0!important;border-radius:8px;color:#687b88!important;font-size:12px;font-weight:550;padding:12px 14px;text-align:left;box-shadow:none;line-height:1.5}body[class] .profile-layout .tab:hover{background:#f2f7f7!important;color:#32747b!important}body[class] .profile-layout .tab.active{background:#e9f4f2!important;color:#1b777a!important;font-weight:650;box-shadow:none}.profile-main .profile-hero{margin-bottom:23px}body[class] .profile-hero{padding:26px;background:#fff!important;border:1px solid #e1e7ec!important;border-radius:16px;box-shadow:none;gap:20px;flex-wrap:wrap}body[class] .photo{width:100px;height:116px;flex:0 0 100px;background:#e7f2f1;color:#3f8e8b;border-radius:14px;font-size:29px;font-weight:600}.hero h1{font-size:25px;font-weight:650;color:#2c4352}.hero p{font-size:13px;color:#7c8a94;margin:6px 0}.hero-actions{flex-direction:column;align-items:flex-end}.hero-actions .btn{font-size:12px}.badge{font-size:11px;font-weight:600;border-radius:6px;padding:4px 8px;line-height:1.6;letter-spacing:0}.green{background:#eaf5ef;color:#2f795c}.red{background:#fbebef;color:#a54459}.yellow{background:#fbf3e2;color:#866525}.blue{background:#eaf2f6;color:#3f7293}.employee-card{border-left:1px solid #e1e7ec!important;gap:22px;padding:23px}.employee-card-photo{border:0;border-radius:12px;background:#edf5f4;color:#47918b}.employee-card-main h3{font-size:18px;font-weight:650}.employee-card-main p{font-size:13px}.employee-card-actions .mini{font-size:12px}.stat-type{background:#fff;border-color:#e5ebef;border-radius:12px;padding:15px}.stat-type b{font-size:24px;font-weight:600}
body .table,body[class] .unit-dashboard .table{border:1px solid #e4eaed!important;border-radius:12px;box-shadow:none;overflow:auto;max-width:100%;background:#fff}table{font-variant-numeric:tabular-nums}body th,body[class] .unit-dashboard th{background:#f6f9fa!important;color:#607582!important;font-size:11px;font-weight:650;text-transform:none;letter-spacing:.015em;padding:15px 16px;border-bottom:1px solid #e7edef!important;line-height:1.7}body td{font-size:13px;padding:15px 16px;border-bottom:1px solid #edf1f3;line-height:1.7;color:#435a6b}tbody tr:last-child td{border-bottom:0}tbody tr:nth-child(even){background:#fcfdfd}tbody tr:hover{background:#f4f9f9}.unit-recap-meta{font-size:11px;color:#8a97a0}.unit-recap-details summary{font-size:12px;font-weight:600;color:#258083}.empty{font-size:13px;background:#fafcfc;border:1px dashed #e0e8eb;border-radius:12px;padding:32px;color:#82919c}
body .modal,#sdmWorkspaceModal{background:#233c526b;backdrop-filter:blur(4px);padding:24px}body .modal>div{border:1px solid #e7edf0;border-radius:19px;padding:27px;box-shadow:0 25px 90px #213e4a22}body .modal-head{gap:18px;margin-bottom:20px}body .modal-head h2,body .modal-head h3{font-size:21px;font-weight:650;color:#2b4655}body .modal-foot{padding-top:18px;border-top:1px solid #edf1f3;margin-top:24px}#sdmWorkspaceModal .sdm-workspace{background:#f5f8f9;border-radius:20px;padding:26px}#sdmWorkspaceModal .sdm-workspace-head{background:#f5f8f9;border-bottom-color:#e1e8ec;padding-bottom:20px}#sdmWorkspaceModal .sdm-workspace-nav .btn{border:1px solid #e1e7eb;background:#fff;color:#6b7c89;font-size:12px}#sdmWorkspaceModal .sdm-workspace-nav .btn.active{background:#147b80;color:#fff;border-color:#147b80;box-shadow:none}.sipers-toast{border-radius:14px;box-shadow:0 12px 32px #1d3f4d18;font-size:13px;font-weight:450}#staffingModal .modal-head,#staffingModal .modal-foot{background:#fff}
body .login{grid-template-columns:minmax(0,1.1fr) minmax(360px,.9fr);align-items:center;gap:80px;padding:clamp(28px,7vw,110px);min-height:100dvh;background:#f3f7f8}.login-intro{max-width:570px;margin:auto}.login-eyebrow{display:inline-block;color:#477f83;font-size:12px;font-weight:650;letter-spacing:.075em;text-transform:uppercase;margin-bottom:24px}.login-intro h2{font-size:clamp(32px,4vw,54px);line-height:1.2;color:#294b58;letter-spacing:-.065em;margin:0 0 24px;font-weight:600}.login-intro p{max-width:440px;color:#7b8d97;font-size:15px;line-height:1.9}.login-intro .login-tagline{margin-top:50px;padding-top:22px;border-top:1px solid #dce7eb;font-size:12px}.login-card{width:100%;max-width:460px;padding:36px;border:1px solid #e4eaee;border-radius:22px;box-shadow:0 15px 55px #25465707;margin:auto}.login-card h1{font-size:32px;letter-spacing:-.06em;color:#246d72;font-weight:700;margin-bottom:8px}.login-card>p{font-size:13px;line-height:1.7;color:#8a97a0}.login-card label{margin:20px 0}.login-card .btn{font-size:13px;min-height:44px}.login-card input,.login-card select{min-height:46px}.login-card a{color:#1c7b7c!important;text-decoration:none}.login-card a:hover{text-decoration:underline}.login-card .role-note{font-size:11px;line-height:1.7;color:#7c8b96;margin-top:8px}.login-card #loginError{color:#a43f53;font-size:13px}.login-card .muted{font-size:11px}#passwordResetMessage:empty,#loginError:empty{display:none}
@media(min-width:1280px){.dashboard-top-grid{grid-template-columns:1fr 1.1fr 1fr;gap:22px}.dashboard-charts-v46{gap:22px}}
@media(max-width:1080px){body[class] header{padding:16px 22px 0;gap:14px;grid-template-columns:minmax(220px,1fr) auto}body[class] .header-user{flex-basis:auto;justify-content:flex-end}body[class] .header-account-unit{display:none}body[class] .top-nav{gap:2px}body[class] .top-nav>button,body[class] .top-nav .nav-trigger{padding:9px 10px;font-size:11px}.content{padding:24px}.hero-actions{width:100%;margin-left:0;flex-direction:row;align-items:center}.profile-hero .hero{flex:1}body .login{gap:36px;padding:44px}.login-intro h2{font-size:38px}}
@media(max-width:900px){body[class] .profile-layout{grid-template-columns:minmax(0,1fr)}body[class] .profile-layout .tabs{position:static;display:flex;flex-direction:row;flex-wrap:wrap;gap:4px;padding:8px}body[class] .profile-layout .tab{width:auto;flex:1 0 auto;text-align:center;padding:11px 13px}.dashboard-top-grid,.dashboard-charts-v46{grid-template-columns:repeat(2,minmax(0,1fr))}.dashboard-top-grid>.dashboard-card:last-child{grid-column:1/-1}.form-grid,.detail-grid{gap:17px}.header-identity{max-width:180px}.login-intro{display:none}body .login{grid-template-columns:1fr;padding:30px}.login-card{max-width:460px}}
@media(max-width:620px){html{font-size:14px}body,body[class]{font-size:14px}body[class] header{position:relative;padding:18px 16px 0;grid-template-columns:1fr;grid-template-areas:'brand' 'account' 'navigation';gap:16px}body[class] .app-brand .brand{font-size:21px}body[class] .app-brand .brand small{font-size:10px}body[class] header h2{font-size:11px;margin-top:5px}body[class] .header-user{justify-content:flex-start;gap:7px;flex-wrap:wrap}body[class] .header-identity{text-align:left;padding-right:7px;margin-right:auto;max-width:190px}body[class] .header-account-role{justify-content:flex-start}body[class] .header-user .btn{padding:8px 11px;font-size:11px}body[class] .top-nav{gap:4px;padding:10px 0 13px;justify-content:flex-start}body[class] .top-nav>button,body[class] .top-nav .nav-trigger{font-size:11px;min-height:41px;padding:9px 11px;background:#f7f9fa}body[class] .top-nav .nav-menu{max-width:calc(100vw - 32px);min-width:200px}.content,body .content{padding:23px 15px 40px}.panel,.employee-search,.employee-card{padding:19px!important;border-radius:13px!important}.section-head{align-items:flex-start;gap:13px;margin-bottom:18px}.section-head h3{font-size:18px}.section-head .btn{white-space:normal}.dashboard-page-heading h3{font-size:24px}.dashboard-top-grid,.dashboard-charts-v46{grid-template-columns:1fr}.dashboard-top-grid>.dashboard-card:last-child{grid-column:auto}.dashboard-search-strip{padding:16px}.quick-search-input-row,.quick-search-results,.employee-search-grid,.form-grid,.detail-grid{grid-template-columns:1fr!important}.summary,.stat-type-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:11px}.summary .stat{padding:16px}.stat b{font-size:25px}.profile-hero{padding:20px!important;gap:15px!important}.hero h1{font-size:21px}.hero p{font-size:12px}body[class] .photo{width:76px;height:90px;flex-basis:76px;font-size:25px}.hero-actions{width:100%}.hero-actions .status-line{width:100%}.hero-actions .btn{flex:1;padding:10px;font-size:11px}.employee-card{flex-wrap:wrap}.employee-card-actions{width:100%;flex-direction:row;flex-wrap:wrap}.personal-section .form-grid{padding:16px}.personal-section-title{padding:15px;flex-wrap:wrap}.personal-section-title span{font-size:11px}.modal,#sdmWorkspaceModal{padding:10px!important}.modal>div{padding:20px!important;border-radius:16px!important;max-height:94dvh}.modal-foot{flex-wrap:wrap}.modal-foot .btn{flex:1;white-space:normal}body th,body td{padding:12px;font-size:12px}.login-card{padding:27px;border-radius:18px}body .login{padding:20px}.login-card h1{font-size:30px}.login-card label{margin:18px 0}}
body[class] .dashboard-card-head h3{color:#425c6d!important}body[class] .top-nav>button,body[class] .top-nav .nav-trigger{font-size:13px}.dashboard-card-help,.hero p,.login-intro p,.login-card>p,.login-card .role-note,.muted,body[class] .muted{color:#5e6f7c}.header-account-unit{color:#5e6f7c}body input::placeholder,body textarea::placeholder{color:#71818e}.dashboard-total-stat small{color:#647a85}.dashboard-empty,.empty{color:#5e6f7c}
body.registration-page .wrap{max-width:1120px;margin:34px auto;padding:22px}body.registration-page header.hero{display:block!important;position:static;padding:30px!important;border:1px solid #e1e7ec!important;border-radius:17px;margin-bottom:23px}body.registration-page .hero h1{font-size:29px;font-weight:650;color:#294854}body.registration-page .hero p{font-size:13px;color:#5e6f7c}body.registration-page .required-warning{background:#fbf7ec;border-color:#eee1c5;color:#7c6534;border-radius:13px;padding:20px;margin:20px 0}body.registration-page .required-warning h3{color:#7c6534}body.registration-page .field label{font-size:12px;font-weight:600;color:#536a7a}body.registration-page .field input,body.registration-page .field select{margin-top:7px;min-height:44px}body.registration-page button{min-height:42px;border-radius:10px}body.registration-page button[type=submit]{background:#147b80;color:#fff}
@media(max-width:620px){body.registration-page .wrap{padding:15px;margin:8px auto}body.registration-page .grid{grid-template-columns:1fr}body.registration-page header.hero{padding:22px!important}body.registration-page .hero h1{font-size:24px}}
@media(max-width:620px){body[class] .top-nav>button,body[class] .top-nav .nav-trigger{font-size:12px}body[class] .top-nav .nav-group.is-open>.nav-menu{position:fixed!important;left:15px!important;right:15px!important;top:auto!important;bottom:15px;width:auto;min-width:0;max-width:none;max-height:60dvh;border-radius:16px;padding:10px;box-shadow:0 8px 45px #1a384b26}body[class] .top-nav .nav-menu button{min-height:44px;padding:13px 15px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
}

/* SIPERS readability revision — 22 October 2026. Screen only; shared by all roles. */
@media screen {
:root,body[class]{--navy:#263b32;--blue:#3d6251;--bg:#f3f4ef;--muted:#4e5c53;--line:#d1d8cf;--panel-border:#d1d8cf}
body,body[class]{background:#f3f4ef!important;color:#27372e;font-size:16px;line-height:1.7}
body:not(.registration-page)[class] header{background:#3e5144!important;color:#fff!important;border-bottom:3px solid #c8ad69!important;box-shadow:0 4px 18px #25372c12}
body[class] .app-brand .brand.sipers-wordmark{display:inline-block;background:#fffdf7;border:1px solid #e8dfca;border-radius:12px;padding:8px 14px!important}
body[class] header h2{color:#f0f2e8!important;font-size:14px;font-weight:550;margin-left:0!important}
body[class] .header-account-name{color:#fffdf7!important;font-size:15px}
body[class] .header-account-role{color:#f1dfaa!important;font-size:12px}
body[class] .header-account-unit{color:#e4eade!important;font-size:12px}
body[class] .role-dot{background:#e4ca81!important}
body[class] .header-user .btn{background:#f7f6ed!important;border-color:#dddccf!important;color:#304333!important;font-size:14px}
body[class] .header-user .btn:hover{background:#e7ecdf!important}
body[class] .top-nav{border-top-color:#748374;padding-top:10px}
body[class] .top-nav>button,body[class] .top-nav .nav-trigger{color:#fffdf4!important;background:transparent!important;font-size:14px;font-weight:600}
body[class] .top-nav>button.active,body[class] .top-nav button:hover,body[class] .top-nav .nav-group.is-open>.nav-trigger{background:#e9e3d0!important;color:#304333!important}
body[class] .top-nav .nav-menu button{color:#304333!important;font-size:14px;background:#fff!important}
body[class] .top-nav .nav-menu button:hover{background:#edf1e6!important;color:#253b2a!important}
body[class] .profile-layout .tab{font-size:14px;color:#455447!important;font-weight:550}
body[class] .profile-layout .tab.active{background:#e5ebdb!important;color:#294831!important;font-weight:750}
body[class] .profile-layout .tab:hover{background:#f0f2e9!important;color:#294831!important}
body .muted,body[class] .muted,.hero p,.dashboard-empty,.empty,.dashboard-card-help,.login-intro p,.login-card>p,.login-card .role-note,.unit-recap-meta{color:#4e5c53!important;font-size:14px}
body h1,body h2,body h3,body h4,.hero h1{color:#293d30}
body .hero p{font-size:14px}
body th,body[class] .unit-dashboard th{color:#354a3b!important;background:#edf0e8!important;font-size:13px}
body td{color:#34463a;font-size:14px}
body label,body .field label,body.registration-page .field label{color:#36473b;font-size:14px}
body input,body select,body textarea{color:#263b2e!important;background-color:#fff!important;font-size:15px!important;border-color:#a9b5a5}
body input::placeholder,body textarea::placeholder{color:#616f62!important;opacity:1}
body .btn{font-size:14px}
body .btn.primary{background:#3d6251!important;color:#fff!important;border-color:#3d6251!important}
body .btn.primary:hover{background:#304e40!important}
body .photo{background:#e9eddf!important;color:#3d5b43!important}
body .badge{font-size:12px;font-weight:650}
body .green{background:#e8f1e5;color:#305337}body .red{background:#f8e9e6;color:#91382d}body .yellow{background:#f5eed9;color:#70531c}body .blue{background:#e9ede3;color:#3e533b}
body button:focus-visible,body a:focus-visible,body input:focus-visible,body select:focus-visible,body textarea:focus-visible{outline:3px solid #a47c2f;outline-offset:3px}
body button:disabled{opacity:1!important;color:#667064!important;background:#f0f1eb!important;border-color:#d5d9cf!important;cursor:not-allowed}
body.registration-page header.hero{background:#edf0e5!important}body.registration-page header.hero h1{color:#293d30!important}body.registration-page header.hero p{color:#4e5c53!important}
@media(max-width:620px){body[class] .header-user .btn{font-size:13px}body[class] .top-nav>button,body[class] .top-nav .nav-trigger{font-size:13px}body[class] .profile-layout .tab{font-size:13px}.sipers-wordmark img{width:230px}}
}

@media screen{body[class] .header-user{flex-wrap:wrap}body[class] .header-user .btn{flex-shrink:0}body[class] .header-identity{flex-shrink:0}}

/* Stronger text contrast, shared across roles. */
@media screen{
body,body[class]{color:#202b23!important;font-weight:450}
body h1,body h2,body h3,body h4,body .hero h1,body[class] .dashboard-card-head h3{color:#203326!important;font-weight:750}
body p,body .muted,body[class] .muted,body .hero p,body .empty,body .dashboard-empty,body .dashboard-card-help,body .unit-recap-meta,body .login-intro p,body .login-card>p,body .login-card .role-note,body .dashboard-total-stat small,body .employee-card-main p{color:#37463b!important;font-weight:500}
body label,body .field label,body.registration-page .field label,body .personal-section-title{color:#263b2d!important;font-weight:650}
body td{color:#293b2e!important;font-weight:500}body th,body[class] .unit-dashboard th{color:#263b2d!important;font-weight:750}
body input::placeholder,body textarea::placeholder{color:#4d5c50!important;opacity:1}
body[class] .profile-layout .tab{color:#304535!important;font-weight:650}
body .btn:not(.primary){color:#304333!important;font-weight:650}
body .dashboard-search-strip p,body .quick-search-empty,body .quick-search-status,body .quick-search-hint{color:#37463b!important}
body:not(.registration-page)[class] header h2,body[class] .header-account-name{color:#fffdf7!important;font-weight:650}
body[class] .header-account-unit{color:#f2f4ed!important;font-weight:550}
body[class] .header-account-role{color:#ffe8a8!important;font-weight:750}
body[class] .top-nav>button,body[class] .top-nav .nav-trigger{color:#fffdf7!important;font-weight:700}
body[class] .top-nav>button.active,body[class] .top-nav button:hover,body[class] .top-nav .nav-group.is-open>.nav-trigger{color:#263b2d!important}
body button:disabled{color:#52604f!important}
}

/* Selected brighter maroon header, 22 October 2026. */
@media screen{body:not(.registration-page)[class] header{background:#803e50!important;border-bottom-color:#e1c38a!important}body[class] .top-nav{border-top-color:#ae7b87!important}body[class] .header-account-role{color:#ffe5ac!important}body[class] .header-user .btn{color:#683044!important}body[class] .top-nav>button.active,body[class] .top-nav button:hover,body[class] .top-nav .nav-group.is-open>.nav-trigger{background:#f4e4dc!important;color:#642b3d!important}body[class] .top-nav .nav-menu button{color:#642b3d!important}body[class] .top-nav .nav-menu button:hover{background:#f8ece8!important}}

/* Slightly larger interface typography, shared by all roles. */
@media screen{body,body[class]{font-size:17px}body p,body .muted,body[class] .muted,body .hero p,body .empty,body .dashboard-empty,body .dashboard-card-help,body .unit-recap-meta,body .employee-card-main p{font-size:15px}body[class] .top-nav>button,body[class] .top-nav .nav-trigger,body[class] .top-nav .nav-menu button{font-size:15px}body[class] .header-account-name{font-size:16px}body[class] .header-account-role,body[class] .header-account-unit{font-size:13px}body[class] .header-user .btn,body .btn,body[class] .profile-layout .tab{font-size:15px}body label,body .field label,body.registration-page .field label{font-size:15px}body input,body select,body textarea{font-size:16px!important}body td{font-size:15px}body th,body[class] .unit-dashboard th{font-size:14px}body .badge{font-size:13px}body[class] header h2{font-size:15px}body[class] .top-nav{row-gap:8px}body .btn{white-space:normal;line-height:1.5}@media(max-width:620px){body,body[class]{font-size:16px}body[class] .top-nav>button,body[class] .top-nav .nav-trigger,body[class] .header-user .btn,body[class] .profile-layout .tab{font-size:14px}}}