:root{color:var(--otos-text-26342b,#26342b);background:var(--otos-surface-f4f8f5,#f4f8f5);font-synthesis:none;text-rendering:optimizelegibility;font-family:Inter,Segoe UI,Arial,sans-serif}html,body,#root{min-width:320px;min-height:100%;margin:0}body{min-height:100vh}button,input{font:inherit}.portal-home{max-width:1350px;margin:auto}.portal-welcome{justify-content:space-between;align-items:center;gap:24px;padding:12px 0 30px;display:flex}.portal-eyebrow{letter-spacing:1.6px;color:var(--otos-text-174c2d,#216d45);margin:0 0 12px;font-size:11px;font-weight:700}.portal-welcome h1{margin:0 0 10px;font-size:29px;font-weight:400;line-height:1.35}.portal-welcome h1 strong{font-weight:700}.portal-welcome p:last-child,.portal-section-heading p{color:var(--otos-text-6b776f,#6b776f);margin:0;font-size:14px;line-height:1.6}.portal-service-label{border:1px solid var(--otos-border-dfe9e2,#dfe9e2);white-space:nowrap;background:var(--otos-surface-ffffff,#fff);border-radius:30px;padding:9px 16px;font-size:12px;font-weight:600}.portal-section-heading{margin:0 0 18px}.portal-section-heading h2{margin:0 0 6px;font-size:19px}.portal-service-grid{grid-template-columns:1.4fr 1fr;gap:22px;display:grid}.portal-service-card{border:1px solid var(--otos-border-dfe9e2,#dfe9e2);background:var(--otos-surface-ffffff,#fff);border-radius:16px;flex-direction:column;align-items:flex-start;padding:30px;display:flex;position:relative;box-shadow:0 4px 20px #173e2a05}.portal-travel-card{border-top:4px solid #277447}.portal-card-icon{background:var(--otos-surface-e7f0e9,#e7f0e9);width:54px;height:54px;color:var(--otos-text-174c2d,#216d45);border-radius:14px;place-items:center;margin-bottom:20px;display:grid}.portal-module-code{letter-spacing:1px;color:var(--otos-text-6b776f,#6b776f);font-size:11px;font-weight:700;position:absolute;top:30px;right:28px}.portal-service-card h3{margin:0 0 9px;font-size:22px;line-height:1.4}.portal-service-card>p{color:var(--otos-text-6b776f,#6b776f);max-width:520px;margin:0 0 24px;font-size:14px;line-height:1.7}.portal-open-service{color:#fff;background:#216d45;border-radius:9px;align-items:center;gap:14px;margin-top:auto;padding:12px 18px;font-size:14px;font-weight:600;text-decoration:none;display:inline-flex}.portal-open-service:hover{background:#185332}.portal-open-service:focus-visible,.portal-quick-links a:focus-visible,.portal-admin-card:focus-visible{outline-offset:4px;outline:3px solid #88b99a}.portal-quick-links{border-top:1px solid var(--otos-border-dfe9e2,#dfe9e2);flex-wrap:wrap;gap:12px 20px;width:100%;margin-top:24px;padding-top:20px;display:flex}.portal-quick-links a{color:var(--otos-text-174c2d,#216d45);font-size:13px;text-decoration:none}.portal-quick-links a:hover{text-decoration:underline}.portal-action-callout{border:1px solid var(--otos-border-dfe9e2,#dfe9e2);background:var(--otos-surface-ffffff,#fff);border-radius:12px;align-items:center;gap:18px;margin-top:24px;padding:22px 26px;display:flex}.portal-action-callout>svg{color:var(--otos-text-174c2d,#216d45);flex-shrink:0}.portal-action-callout h2{margin:0 0 5px;font-size:16px}.portal-action-callout p{color:var(--otos-text-6b776f,#6b776f);margin:0;font-size:13px}.portal-action-callout a{color:var(--otos-text-174c2d,#216d45);white-space:nowrap;align-items:center;gap:10px;margin-left:auto;font-size:13px;font-weight:600;display:inline-flex}.portal-home section+section,.portal-action-callout+section{margin-top:32px}.portal-admin-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.portal-admin-card{border:1px solid var(--otos-border-dfe9e2,#dfe9e2);background:var(--otos-surface-ffffff,#fff);color:inherit;border-radius:12px;align-items:center;gap:15px;padding:20px;text-decoration:none;display:flex}.portal-admin-card>svg{color:var(--otos-text-174c2d,#216d45);flex-shrink:0}.portal-admin-card>svg:last-child{margin-left:auto}.portal-admin-card h3{margin:0 0 5px;font-size:14px}.portal-admin-card p{color:var(--otos-text-6b776f,#6b776f);margin:0;font-size:12px;line-height:1.5}.portal-home-footer{text-align:center;color:var(--otos-text-6b776f,#6b776f);margin-top:36px;font-size:12px}.sidebar-brand .portal-brand-title{font-size:17px;line-height:1.3;display:block}.portal-brand-office{opacity:.8;letter-spacing:.7px;margin-top:4px;font-size:11px;display:block}.portal-sidebar-label{letter-spacing:1.2px;color:#c6dfce;padding:20px 16px 7px;font-size:10px;font-weight:700;display:block}.topbar .portal-topbar-module{border-left:1px solid var(--otos-border-dfe9e2,#dfe9e2);color:var(--otos-text-6b776f,#6b776f);margin-left:14px;padding-left:14px;font-size:12px}@media (width<=800px){.portal-service-grid,.portal-admin-grid{grid-template-columns:1fr}.portal-welcome{align-items:flex-start}.portal-service-label{display:none}.portal-welcome h1{font-size:25px}.portal-service-card{padding:24px}.portal-action-callout{flex-wrap:wrap}.portal-action-callout a{margin-left:41px}.topbar .portal-topbar-module{display:none}}.iesh-name-short{display:none}.topbar-left{min-width:0}.iesh-name-full{font-size:18px}@media (width<=1100px){.iesh-name-full{display:none}.iesh-name-short{font-size:16px;display:inline}}.tour-help{border:1px solid var(--otos-border-dfe9e2,#dfe9e2);background:var(--otos-surface-ffffff,#fff);color:#236b43;cursor:pointer;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:42px;height:42px;display:inline-flex}.tour-layer{z-index:20000;isolation:isolate;position:fixed;inset:0}.tour-shade{background:#232d288f;position:absolute;inset:0}.tour-spotlight{pointer-events:none;border:2px solid #8bd1a5;border-radius:12px;position:fixed;box-shadow:0 0 0 3px #fff6}.tour-dialog{box-sizing:border-box;background:var(--otos-surface-ffffff,#fff);width:380px;max-width:calc(100vw - 24px);max-height:calc(100dvh - 24px);color:var(--otos-text-26342b,#26342b);border:1px solid var(--otos-border-dfe9e2,#dfe9e2);border-radius:18px;outline:none;padding:24px;position:fixed;overflow:auto;box-shadow:0 16px 60px #0004}.tour-progress{color:var(--otos-text-6b776f,#6b776f);font-size:12px;font-weight:600}.tour-dialog h2{margin:12px 0;font-size:22px}.tour-dialog p{margin:0 0 20px;font-size:15px;line-height:1.65}.tour-options,.tour-controls{justify-content:space-between;gap:12px;display:flex}.tour-options{margin-bottom:16px}.tour-dialog button{font:inherit;cursor:pointer;border:1px solid var(--otos-border-dfe9e2,#dfe9e2);background:var(--otos-surface-ffffff,#fff);color:inherit;border-radius:9px;padding:10px 14px;font-size:14px}.tour-options button{border:0;padding:4px 0;font-size:13px}.tour-dialog button.tour-next{color:#fff;background:#206b40;border-color:#206b40;font-weight:600}.tour-dialog button:disabled{opacity:.4;cursor:default}.tour-dialog button:focus-visible,.tour-help:focus-visible{outline-offset:3px;outline:3px solid #79b791}@media (width<=768px){.tour-dialog{width:calc(100vw - 24px);bottom:16px;top:auto!important;left:12px!important}.tour-help{width:36px;height:36px}}.sidebar .tour-help{color:#fff;width:100%;height:auto;min-height:44px;font:inherit;text-align:left;background:0 0;border:1px solid #ffffff40;border-radius:6px;justify-content:flex-start;align-items:center;gap:12px;margin-top:20px;padding:11px 14px;font-weight:600;display:flex}.sidebar .tour-help:hover{background:#ffffff1a}.sidebar .tour-help svg{flex-shrink:0}.sidebar .tour-help+.sidebar-logout{margin-top:8px}.app-layout .topbar-user>.notification-bell{flex-shrink:0;display:block;position:relative}.notification-trigger{position:relative;overflow:visible}.topbar-user .notification-count{box-sizing:border-box;border:2px solid var(--otos-surface-ffffff,#fff);color:#fff;background:#b73c3c;border-radius:10px;justify-content:center;align-items:center;min-width:18px;height:18px;padding:0 4px;font-size:10px;font-weight:700;line-height:1;display:inline-flex;position:absolute;top:-5px;right:-5px}.notification-panel{z-index:110;width:min(420px,100vw - 28px);max-height:min(650px,100dvh - 110px);color:var(--otos-text-26342b,#26342b);background:var(--otos-surface-ffffff,#fff);border:1px solid var(--otos-border-dfe9e2,#dfe9e2);text-align:left;border-radius:16px;flex-direction:column;display:flex;position:absolute;top:calc(100% + 14px);right:0;overflow:hidden;box-shadow:0 14px 48px #00000029}.notification-heading{justify-content:space-between;align-items:flex-start;gap:16px;padding:20px 20px 14px;display:flex}.notification-heading h2{margin:0;font-size:18px;line-height:1.4}.notification-heading p{color:var(--otos-text-6b776f,#6b776f);margin:5px 0 0;font-size:12px;line-height:1.5}.notification-icon-button,.notification-toolbar button{color:var(--otos-text-3f5949,#3f5949);cursor:pointer;background:0 0;border:0;border-radius:8px;justify-content:center;align-items:center;gap:6px;display:inline-flex}.notification-icon-button{flex-shrink:0;width:32px;height:32px}.notification-toolbar{border-bottom:1px solid var(--otos-border-dfe9e2,#dfe9e2);justify-content:space-between;align-items:center;gap:10px;padding:0 14px 12px;display:flex}.notification-toolbar button{font:inherit;padding:7px;font-size:12px}.notification-toolbar button:hover:not(:disabled),.notification-icon-button:hover{background:var(--otos-surface-eef7f1,#eef7f1)}.notification-panel button:disabled{opacity:.5;cursor:default}.notification-panel button:focus-visible,.notification-trigger:focus-visible{outline-offset:-2px;outline:2px solid #29804f}.notification-list{overscroll-behavior:contain;margin:0;padding:0;list-style:none;overflow-y:auto}.notification-list>li+li{border-top:1px solid var(--otos-border-dfe9e2,#dfe9e2)}.notification-item{text-align:left;width:100%;color:inherit;cursor:pointer;font:inherit;background:0 0;border:0;grid-template-columns:36px minmax(0,1fr) 16px;align-items:start;gap:12px;padding:16px 18px;display:grid}.notification-item.is-unread{background:var(--otos-surface-eef7f1,#eef7f1);box-shadow:inset 3px 0 #29804f}.notification-item:hover{background:var(--otos-surface-e8f5ec,#e8f5ec)}.notification-panel .notification-kind-icon{border:1px solid var(--otos-border-dfe9e2,#dfe9e2);width:36px;height:36px;color:var(--otos-text-166534,#166534);background:var(--otos-surface-ffffff,#fff);border-radius:10px;justify-content:center;align-items:center;display:inline-flex}.notification-panel .notification-content{overflow-wrap:anywhere;flex-direction:column;gap:4px;min-width:0;display:flex}.notification-panel .notification-content strong{color:inherit;font-size:13px;line-height:1.5}.notification-panel .notification-content>span{color:var(--otos-text-6b776f,#6b776f);font-size:12px;line-height:1.5}.notification-panel .notification-content>.notification-kind{color:var(--otos-text-166534,#166534);letter-spacing:.04em;text-transform:uppercase;font-size:10px;font-weight:700}.notification-content time{color:var(--otos-text-829087,#829087);font-size:11px;line-height:1.5}.notification-chevron{color:var(--otos-text-829087,#829087);align-self:center}.notification-empty{text-align:center;color:var(--otos-text-6b776f,#6b776f);margin:0;padding:32px 24px}.notification-empty>svg{margin-bottom:12px}.notification-panel .notification-empty strong{color:var(--otos-text-3f5949,#3f5949);font-size:14px;display:block}.notification-empty p{margin:8px 0 0;font-size:12px;line-height:1.7}.notification-footer{border-top:1px solid var(--otos-border-dfe9e2,#dfe9e2);color:var(--otos-text-6b776f,#6b776f);margin:0;padding:12px 18px;font-size:11px;line-height:1.6}.notification-error{color:var(--otos-text-92400e,#92400e);margin:0;padding:12px 18px;font-size:12px;line-height:1.6}@media (width<=768px){.notification-panel{top:calc(var(--otos-header-height,72px) + 8px);width:calc(100vw - 28px);max-height:calc(100dvh - var(--otos-header-height,72px) - 26px);position:fixed;right:14px}}.topbar .topbar-user>.user-account-menu{min-width:0;display:block;position:relative}.user-account-trigger{color:inherit;font:inherit;cursor:pointer;text-align:left;background:0 0;border:1px solid #0000;border-radius:10px;align-items:center;gap:12px;padding:6px 9px;display:flex}.user-account-trigger:hover,.user-account-trigger[aria-expanded=true]{background:var(--otos-surface-e7f0e9,#e7f0e9)}.user-account-identity{gap:4px;display:grid}.topbar-user .user-account-identity>strong{font-size:14px}.topbar-user .user-account-identity>span{color:var(--otos-text-6b776f,#6b776f);font-size:12px}.user-account-chevron{color:var(--otos-text-6b776f,#6b776f);flex-shrink:0}.user-account-dropdown{z-index:1100;border:1px solid var(--otos-border-dfe9e2,#dfe9e2);background:var(--otos-surface-ffffff,#fff);border-radius:12px;min-width:220px;max-width:calc(100vw - 32px);padding:7px;position:absolute;top:calc(100% + 10px);right:0;box-shadow:0 12px 32px #12372322}.user-account-dropdown button{width:100%;color:var(--otos-text-26342b,#26342b);text-align:left;font:inherit;cursor:pointer;background:0 0;border:0;border-radius:7px;align-items:center;gap:11px;padding:12px;font-size:13px;display:flex}.user-account-dropdown button:hover,.user-account-dropdown button:focus-visible{background:var(--otos-surface-e7f0e9,#e7f0e9)}.user-account-dropdown .user-account-logout{border-top:1px solid var(--otos-border-dfe9e2,#dfe9e2);color:#bd4747;border-radius:0 0 7px 7px}.user-account-dropdown button:disabled{opacity:.6;cursor:wait}.user-account-trigger:focus-visible,.user-account-dropdown button:focus-visible{outline-offset:2px;outline:2px solid #82ad91}@media (width<=768px){.topbar .topbar-user>.user-account-menu{display:block}.user-account-identity{display:none}.user-account-trigger{gap:5px;padding:3px}.user-account-trigger .user-avatar{flex-shrink:0}.user-account-dropdown{min-width:210px}}.coe-shell{background:var(--otos-surface-f5f8f6,#f5f8f6);min-height:100vh;color:var(--otos-text-26342b,#26342b)}.coe-header{color:#fff;background:#195c3a;align-items:center;gap:14px;padding:22px max(24px,50vw - 580px);display:flex}.coe-header div{gap:4px;display:grid}.coe-header strong{font-size:19px}.coe-header span{font-size:14px}.coe-main{max-width:1200px;margin:auto}.coe-navigation,.coe-actions{flex-wrap:wrap;gap:12px;margin:20px 0;display:flex}.coe-shell button{justify-content:center;align-items:center;gap:8px;display:inline-flex}.coe-panel{padding:24px}.coe-panel h2{margin-top:0}.coe-panel fieldset{border:0;min-width:0;padding:0}.coe-panel textarea,.coe-filters select,.coe-panel select{width:100%;font:inherit;border:1px solid var(--otos-border-dfe9e2,#dfe9e2);background:var(--otos-surface-ffffff,#fff);color:inherit;box-sizing:border-box;border-radius:9px;padding:12px 14px}.coe-panel textarea{resize:vertical}.coe-detail-heading{justify-content:space-between;gap:16px;display:flex}.coe-facts{grid-template-columns:1fr 1fr;gap:20px;margin-bottom:24px;display:grid}.coe-facts div:last-child{grid-column:1/-1}.coe-facts dt{color:var(--otos-text-6b776f,#6b776f);margin-bottom:5px;font-size:12px}.coe-facts dd{overflow-wrap:anywhere;margin:0}.coe-review{border:1px solid var(--otos-border-dfe9e2,#dfe9e2);border-radius:12px;margin-top:24px;padding:20px}.coe-notice{background:var(--otos-surface-eef7f1,#eef7f1);padding:14px;line-height:1.6}.coe-verify{align-items:flex-start;gap:12px;margin:18px 0;line-height:1.6;display:flex}.coe-verify input{flex-shrink:0;width:18px;height:18px;margin-top:4px}.coe-preview{border:1px solid var(--otos-border-dfe9e2,#dfe9e2);width:100%;height:650px;margin:20px 0}.coe-history{padding-left:20px}.coe-history li{padding:10px 0}.coe-history span{color:var(--otos-text-6b776f,#6b776f);margin-top:5px;font-size:12px;display:block}.coe-filters{grid-template-columns:2fr 1fr;gap:16px;display:grid}.coe-filters select{min-height:44px}.coe-shell .content-card{margin-bottom:24px}.coe-panel p{line-height:1.6}@media (width<=650px){.coe-main{padding:20px}.coe-panel{padding:18px}.coe-filters,.coe-facts{grid-template-columns:1fr}.coe-shell .page-heading{flex-direction:column;align-items:flex-start}.coe-preview{height:440px}}.coe-compensation-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.coe-compensation-grid dt{color:var(--otos-text-6b776f,#6b776f);font-size:12px}.coe-compensation-grid dd{margin:6px 0 0;font-weight:600}.coe-review fieldset{border:1px solid var(--otos-border-dfe9e2,#dfe9e2);border-radius:10px;padding:18px}.coe-review input:not([type=checkbox]){box-sizing:border-box;width:100%;font:inherit;border:1px solid var(--otos-border-dfe9e2,#dfe9e2);background:var(--otos-surface-ffffff,#fff);color:inherit;border-radius:8px;padding:12px 14px}@media (width<=650px){.coe-compensation-grid{grid-template-columns:1fr}}.portal-settings{max-width:1120px}.portal-settings-panel{border:1px solid var(--otos-border-dfe9e2,#dfe9e2);background:var(--otos-surface-ffffff,#fff);border-radius:16px;margin:0 0 24px;padding:clamp(16px,3vw,28px)}.portal-settings-heading{align-items:flex-start;gap:12px;margin-bottom:18px;display:flex}.portal-settings-heading>svg{color:var(--otos-text-166534,#166534);flex:none;margin-top:2px}.portal-settings-heading h2{margin:0 0 5px;font-size:20px}.portal-settings-heading p,.portal-settings-help{color:var(--otos-text-6b776f,#6b776f);overflow-wrap:anywhere;margin:0;font-size:14px;line-height:1.5}.portal-settings-branding,.portal-settings-fields{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;gap:18px;display:grid}.portal-branding-preview{aspect-ratio:16/9;color:#fff;background:linear-gradient(135deg,#2c8051,#103624);border-radius:10px;place-items:center;width:100%;display:grid;overflow:hidden}.portal-branding-preview img{object-fit:cover;width:100%;height:100%}.portal-settings label{font-weight:600}.portal-settings input[type=file]{max-width:100%;margin:8px 0;display:block}.portal-settings-actions{flex-wrap:wrap;gap:10px;margin-top:16px;display:flex}.portal-settings-modes{border:0;gap:8px;min-width:0;margin:16px 0;padding:0;display:grid}.portal-settings-modes legend{padding:0 0 8px;font-weight:600}.portal-settings-modes label{border:1px solid var(--otos-border-dfe9e2,#dfe9e2);cursor:pointer;border-radius:9px;align-items:flex-start;gap:10px;padding:13px;display:flex}.portal-settings-modes label:has(:checked){background:var(--otos-surface-eef7f1,#eef7f1);border-color:#388d5a}.portal-settings-modes input{accent-color:#226b3d;margin-top:4px}.portal-settings-modes small{margin-top:4px;font-weight:400;line-height:1.4;display:block}.portal-settings-fields textarea{resize:vertical;border:1px solid var(--otos-border-ccd8cf,#ccd8cf);background:var(--otos-surface-ffffff,#fff);width:100%;min-height:80px;color:inherit;font:inherit;border-radius:9px;padding:10px 14px;display:block}.portal-access-banner{color:#fff;background:#9e2929;border-radius:9px;margin:0 0 18px;padding:10px 14px;font-size:14px;line-height:1.5}.portal-access-banner a{color:inherit;margin-left:8px;font-weight:700;text-decoration:underline}@media (width<=650px){.portal-settings-branding,.portal-settings-fields{grid-template-columns:minmax(0,1fr)}}.iesh-login{background:var(--otos-surface-ffffff,#fff);grid-template-columns:minmax(0,1fr) minmax(360px,38%);min-height:100dvh;display:grid}.iesh-login-hero{color:#fff;background-image:linear-gradient(150deg, #0c312061, #082417e6), var(--login-branding,linear-gradient(135deg, #2c8051, #103624));background-position:50%;background-size:cover;align-items:flex-end;padding:clamp(26px,6vw,96px);display:flex}.iesh-login-hero img{object-fit:contain;width:76px;height:76px;margin-bottom:16px}.iesh-login-eyebrow{color:#d0e9d8;letter-spacing:.12em;margin:0 0 12px;font-size:.76rem;font-weight:700}.iesh-login-hero h1{max-width:12ch;margin:0 0 14px;font-size:clamp(2rem,4.5vw,4.75rem);line-height:1.05}.iesh-login-agency{color:#e0f0e6;max-width:38ch;margin:0;line-height:1.5}.iesh-login-side{align-items:center;padding:clamp(20px,4vw,56px);display:grid}.iesh-login-content{width:100%;min-width:0;max-width:390px;margin:auto}.iesh-login .login-form-section{padding:0}.iesh-login .login-form-section h2{font-size:clamp(1.35rem,2vw,1.75rem);line-height:1.25}.iesh-login .login-subtitle{overflow-wrap:anywhere;margin:6px 0 18px;line-height:1.45}.iesh-login .form-group{margin-bottom:13px}.iesh-login input{font-size:16px}.iesh-login .passkey-divider{margin:12px 0 9px}.iesh-login .passkey-login>p{margin:6px 0 0}.iesh-login .login-footer{background:0 0;margin-top:18px;padding:12px 0 0}.iesh-login-forgot{justify-content:flex-end;margin:0 0 9px;display:flex}.iesh-login-link{color:var(--otos-text-166534,#166534);font:inherit;cursor:pointer;background:0 0;border:0;padding:4px 0;font-size:13px;font-weight:600}.iesh-login-back{width:100%;margin-top:12px}.iesh-login-access-notice{color:#724313;background:#fff7e7;border:1px solid #e3bc7c;border-radius:8px;margin:0 0 14px;padding:10px 12px;font-size:13px;line-height:1.4}@media (width<=700px){.iesh-login{grid-template-rows:auto 1fr;grid-template-columns:minmax(0,1fr)}.iesh-login-hero{padding:15px 20px}.iesh-login-hero>div{grid-template-columns:48px minmax(0,1fr);align-items:center;gap:3px 12px;display:grid}.iesh-login-hero img{grid-row:1/3;width:48px;height:48px;margin:0}.iesh-login-eyebrow{margin:0;font-size:.65rem}.iesh-login-hero h1{max-width:none;margin:0;font-size:clamp(1rem,4.4vw,1.3rem);line-height:1.2}.iesh-login-agency{display:none}.iesh-login-side{padding:16px 20px}}@media (width>=701px) and (height<=650px){.iesh-login-side{padding-block:16px}.iesh-login-hero{padding-block:24px}}@media (width<=700px) and (height<=660px){.iesh-login-hero{padding-block:10px}.iesh-login-side{padding-block:12px}.iesh-login .iesh-login-credentials-note{display:none}.iesh-login .login-form-section h2{margin-bottom:12px}.iesh-login .form-group{margin-bottom:9px}.iesh-login .passkey-divider{margin-block:7px}.iesh-login .login-footer{margin-top:12px;padding-top:8px}}.passkey-panel{margin-top:24px;padding:28px}.passkey-panel-heading{flex-wrap:wrap;align-items:center;gap:14px;display:flex}.passkey-panel-heading>svg{color:var(--otos-text-174c2d,#216d45);flex-shrink:0}.passkey-panel-heading h2{margin:0;font-size:22px}.passkey-panel-heading p{color:var(--otos-text-6b776f,#6b776f);margin:5px 0 0;font-size:13px}.passkey-panel-heading>button{margin-left:auto}.passkey-panel button{font:inherit;cursor:pointer;border-radius:8px;justify-content:center;align-items:center;gap:8px;padding:11px 15px;font-size:13px;display:inline-flex}.passkey-panel .secondary-button{border:1px solid var(--otos-border-dfe9e2,#dfe9e2);background:var(--otos-surface-ffffff,#fff);color:inherit}.passkey-security-note{background:var(--otos-surface-e7f0e9,#e7f0e9);border-radius:9px;align-items:flex-start;gap:10px;margin-top:24px;padding:15px;font-size:13px;line-height:1.6;display:flex}.passkey-security-note svg{flex-shrink:0;margin-top:2px}.passkey-list article{border-bottom:1px solid var(--otos-border-dfe9e2,#dfe9e2);align-items:center;gap:14px;padding:18px 0;display:flex}.passkey-list article>button{margin-left:auto}.passkey-list strong{font-size:14px}.passkey-list p,.passkey-help{color:var(--otos-text-6b776f,#6b776f);font-size:12px;line-height:1.6}.passkey-list p{margin:5px 0}.passkey-help{margin-top:18px}.passkey-enrollment{border:1px solid var(--otos-border-dfe9e2,#dfe9e2);border-radius:12px;margin-top:22px;padding:22px}.passkey-enrollment h3{margin-top:0}.passkey-enrollment p{font-size:13px;line-height:1.6}.passkey-enrollment form{max-width:540px}.passkey-enrollment label{margin-bottom:8px;font-size:13px;font-weight:600;display:block}.passkey-enrollment input{box-sizing:border-box;width:100%;font:inherit;border:1px solid var(--otos-border-ccd8cf,#ccd8cf);background:var(--otos-surface-ffffff,#fff);color:inherit;border-radius:8px;padding:12px}.passkey-form-actions{flex-wrap:wrap;gap:10px;margin-top:18px;display:flex}.passkey-panel button:disabled{opacity:.55;cursor:not-allowed}.passkey-panel button:focus-visible,.passkey-enrollment input:focus-visible,.passkey-login-button:focus-visible{outline-offset:3px;outline:3px solid #8bb99b}.passkey-divider{color:#86958b;align-items:center;gap:15px;margin:22px 0 16px;font-size:12px;display:flex}.passkey-divider:before,.passkey-divider:after{content:"";background:var(--otos-border-dfe9e2,#dfe9e2);flex:1;height:1px}.passkey-login-button{border:1px solid var(--otos-border-ccd8cf,#ccd8cf);background:var(--otos-surface-ffffff,#fff);width:100%;color:var(--otos-text-174c2d,#216d45);font:inherit;cursor:pointer;border-radius:9px;justify-content:center;align-items:center;gap:10px;padding:14px;font-size:14px;font-weight:600;display:flex}.passkey-login-button:disabled{opacity:.55;cursor:not-allowed}.passkey-login>p{color:var(--otos-text-6b776f,#6b776f);text-align:center;font-size:12px;line-height:1.6}@media (width<=650px){.passkey-panel{padding:20px}.passkey-panel-heading>button{margin-left:0}.passkey-list article{flex-wrap:wrap}.passkey-list article>div{flex:1;min-width:0}.passkey-list strong,.passkey-list p{overflow-wrap:anywhere}.passkey-enrollment{padding:16px}}*{box-sizing:border-box}.login-page{background:radial-gradient(circle at top left, #228b4a24, transparent 35%), linear-gradient(135deg, var(--otos-surface-f4f8f5,#f4f8f5) 0%, var(--otos-surface-e7f0e9,#e7f0e9) 100%);justify-content:center;align-items:center;min-height:100vh;padding:24px;display:flex}.login-card{background:var(--otos-surface-ffffff,#fff);border:1px solid var(--otos-border-dfe9e2,#dfe9e2);border-radius:18px;width:100%;max-width:440px;overflow:hidden;box-shadow:0 20px 50px #19412824}.login-brand{text-align:center;color:#fff;background:linear-gradient(135deg,#174c2d,#267a46);padding:36px 38px 28px}.brand-mark{letter-spacing:2px;background:#ffffff1f;border:1px solid #ffffff59;border-radius:12px;justify-content:center;align-items:center;min-width:92px;height:42px;margin-bottom:18px;padding:0 18px;font-size:20px;font-weight:800;display:inline-flex}.login-brand h1{margin:0 0 12px;font-size:25px;line-height:1.25}.agency{opacity:.9;margin:0;font-size:13px;line-height:1.5}.region{opacity:.9;margin:3px 0 0;font-size:13px;font-weight:600}.login-form-section{padding:32px 38px 28px}.login-form-section h2{color:var(--otos-text-1d3024,#1d3024);margin:0;font-size:21px}.login-subtitle{color:var(--otos-text-6b776f,#6b776f);margin:7px 0 25px;font-size:14px}.form-group{margin-bottom:19px}.form-group label{color:var(--otos-text-35483c,#35483c);margin-bottom:7px;font-size:13px;font-weight:600;display:block}.form-group input{border:1px solid var(--otos-border-ccd8cf,#ccd8cf);background:var(--otos-surface-ffffff,#fff);width:100%;height:46px;color:var(--otos-text-26342b,#26342b);border-radius:9px;outline:none;padding:0 14px;font-size:14px;transition:all .2s}.form-group input:focus{border-color:#267a46;box-shadow:0 0 0 3px #267a461f}.form-group input::placeholder{color:var(--otos-text-a2aba5,#a2aba5)}.login-button{color:#fff;cursor:pointer;background:#226b3d;border:0;border-radius:9px;width:100%;height:47px;margin-top:4px;font-size:14px;font-weight:700;transition:all .2s}.login-button:hover{background:#195a31;transform:translateY(-1px)}.login-button:active{transform:translateY(0)}.login-footer{border-top:1px solid var(--otos-border-e7ede9,#e7ede9);background:var(--otos-surface-fafcfb,#fafcfb);color:var(--otos-text-849087,#849087);justify-content:space-between;padding:16px 38px;font-size:11px;display:flex}@media (width<=520px){.login-page{padding:14px}.login-brand,.login-form-section,.login-footer{padding-left:25px;padding-right:25px}}.app-layout{background:var(--otos-surface-f4f7f5,#f4f7f5);min-height:100vh;display:flex}.sidebar{color:#fff;z-index:10;background:#174c2d;flex-direction:column;width:250px;display:flex;position:fixed;inset:0 auto 0 0}.sidebar-brand{border-bottom:1px solid #ffffff1f;align-items:center;gap:12px;min-height:82px;padding:18px 22px;display:flex}.sidebar-logo{letter-spacing:1px;background:#ffffff24;border-radius:9px;justify-content:center;align-items:center;width:54px;height:42px;font-size:13px;font-weight:800;display:flex}.sidebar-brand strong,.sidebar-brand span{display:block}.sidebar-brand strong{font-size:17px}.sidebar-brand span{opacity:.75;margin-top:2px;font-size:12px}.sidebar-nav{flex:1;padding:22px 14px}.sidebar-nav a{color:#ffffffc7;border-radius:8px;margin-bottom:6px;padding:12px 14px;font-size:16px;font-weight:500;text-decoration:none;transition:all .2s;display:block}.sidebar-nav a:hover{color:#fff;background:#ffffff14}.sidebar-nav a.active{background:var(--otos-surface-ffffff,#fff);color:var(--otos-text-174c2d,#174c2d);font-weight:700}.sidebar-footer{opacity:.65;border-top:1px solid #ffffff1f;padding:20px 22px;font-size:12px}.main-content{width:calc(100% - 250px);min-height:100vh;margin-left:250px}.topbar{background:var(--otos-surface-ffffff,#fff);border-bottom:1px solid var(--otos-border-e3eae5,#e3eae5);justify-content:space-between;align-items:center;height:74px;padding:0 32px;display:flex}.topbar-system{color:var(--otos-text-5f6d64,#5f6d64);font-size:13px;font-weight:600}.topbar-user{align-items:center;gap:10px;display:flex}.user-avatar{background:var(--otos-surface-e3f0e7,#e3f0e7);width:38px;height:38px;color:var(--otos-text-1c6438,#1c6438);border-radius:50%;justify-content:center;align-items:center;font-weight:800;display:flex}.topbar-user strong,.topbar-user span{display:block}.topbar-user strong{color:var(--otos-text-27372d,#27372d);font-size:14px}.topbar-user span{max-width:240px;color:var(--otos-text-849087,#849087);text-overflow:ellipsis;white-space:nowrap;margin-top:2px;font-size:11px;overflow:hidden}.page-content{padding:32px}.page-heading{justify-content:space-between;align-items:center;margin-bottom:28px;display:flex}.page-heading h1{color:var(--otos-text-1d3024,#1d3024);margin:0;font-size:26px}.page-heading p{color:var(--otos-text-718078,#718078);margin:6px 0 0;font-size:14px}.dashboard-cards{grid-template-columns:repeat(3,1fr);gap:18px;margin-bottom:28px;display:grid}.dashboard-card{background:var(--otos-surface-ffffff,#fff);border:1px solid var(--otos-border-e0e8e2,#e0e8e2);border-radius:12px;padding:23px;position:relative;box-shadow:0 4px 14px #22492f0a}.card-label{color:var(--otos-text-65746a,#65746a);margin-bottom:12px;font-size:17px;font-weight:600;display:block}.dashboard-card strong{color:var(--otos-text-1c6438,#1c6438);font-size:30px;display:block}.dashboard-card p{color:var(--otos-text-8a968e,#8a968e);margin:8px 0 0;font-size:15px}.dashboard-section{background:var(--otos-surface-ffffff,#fff);border:1px solid var(--otos-border-e0e8e2,#e0e8e2);border-radius:12px;padding:24px;box-shadow:0 4px 14px #22492f0a}.dashboard-section h2{color:var(--otos-text-27372d,#27372d);margin:0 0 20px;font-size:17px}.empty-state{border:1px dashed var(--otos-border-d5dfd8,#d5dfd8);background:var(--otos-surface-fafcfb,#fafcfb);color:var(--otos-text-8a968e,#8a968e);text-align:center;border-radius:9px;padding:45px 20px;font-size:15px}@media (width<=800px){.page-heading{flex-direction:column}.page-actions{margin-left:0}}@media (width<=900px){.sidebar{width:210px}.main-content{width:calc(100% - 210px);margin-left:210px}.dashboard-cards{grid-template-columns:1fr}}body{font-size:17px;line-height:1.5}.content-card{background:var(--otos-surface-ffffff,#fff);border:1px solid var(--otos-border-e0e8e2,#e0e8e2);border-radius:12px;overflow:hidden;box-shadow:0 4px 14px #22492f0a}.primary-button{color:#fff;cursor:pointer;background:#226b3d;border:0;border-radius:8px;padding:11px 18px;font-size:15px;font-weight:700;transition:all .2s}.primary-button:hover{background:#195a31;transform:translateY(-1px)}.table-responsive{width:100%;overflow-x:auto}.data-table{border-collapse:collapse;width:100%;font-size:.95rem}.data-table th{background:var(--otos-surface-f5f8f6,#f5f8f6);border-bottom:1px solid var(--otos-border-dfe7e1,#dfe7e1);color:var(--otos-text-526159,#526159);letter-spacing:.35px;text-align:left;text-transform:uppercase;white-space:nowrap;padding:14px 18px;font-size:.85rem;font-weight:600}.data-table td{border-bottom:1px solid var(--otos-border-edf1ee,#edf1ee);color:var(--otos-text-35443a,#35443a);padding:16px 18px;font-size:15px;line-height:1.45}.data-table tbody tr{transition:background .15s}.data-table tbody tr:hover{background:var(--otos-surface-fafcfb,#fafcfb)}.data-table tbody tr:last-child td{border-bottom:0}.data-table td:first-child{color:var(--otos-text-1f5f38,#1f5f38);font-weight:600}.table-empty{text-align:center;color:var(--otos-text-87938b,#87938b)!important;padding:45px!important}.status-badge{letter-spacing:.25px;white-space:nowrap;border-radius:20px;padding:5px 9px;font-size:12px;font-weight:800;display:inline-block}.status-draft{background:var(--otos-surface-eef1ef,#eef1ef);color:var(--otos-text-667069,#667069)}.status-in_process{background:var(--otos-surface-e8f1fb,#e8f1fb);color:var(--otos-text-245b8f,#245b8f)}.status-recommended{background:var(--otos-surface-fff3d8,#fff3d8);color:var(--otos-text-8a641b,#8a641b)}.status-approved{background:var(--otos-surface-e3f3e8,#e3f3e8);color:var(--otos-text-21673a,#21673a)}.status-returned{background:var(--otos-surface-fff3dc,#fff3dc);color:var(--otos-text-a35c00,#a35c00);border:1px solid var(--otos-border-f0d19d,#f0d19d)}.status-disapproved{background:var(--otos-surface-fde8e8,#fde8e8);color:var(--otos-text-b42318,#b42318)}.status-cell{flex-direction:column;align-items:flex-start;gap:5px;display:flex}.status-attention{color:var(--otos-text-a35c00,#a35c00);letter-spacing:.2px;font-size:12px;font-weight:700}.action-badge{letter-spacing:.3px;white-space:nowrap;border-radius:6px;padding:5px 10px;font-size:12px;font-weight:700;display:inline-block}.action-review{background:var(--otos-surface-e8f1fb,#e8f1fb);color:var(--otos-text-245b8f,#245b8f)}.action-recommend{background:var(--otos-surface-fff4d6,#fff4d6);color:var(--otos-text-8a6418,#8a6418)}.action-approve{background:var(--otos-surface-e7f5eb,#e7f5eb);color:var(--otos-text-246b3a,#246b3a)}.employee-info-card{margin-bottom:20px}.form-section{padding:28px}.form-section-heading{border-bottom:1px solid var(--otos-border-e7ede9,#e7ede9);margin-bottom:24px;padding-bottom:16px}.form-section-heading h2{color:var(--otos-text-26382d,#26382d);margin:0;font-size:17px}.form-section-heading p{color:var(--otos-text-7b8980,#7b8980);margin:5px 0 0;font-size:13px}.employee-info-grid{grid-template-columns:repeat(3,1fr);gap:22px;display:grid}.info-item span{color:var(--otos-text-7b8980,#7b8980);text-transform:uppercase;margin-bottom:6px;font-size:13px;font-weight:600;display:block}.info-item strong{color:var(--otos-text-2b3b31,#2b3b31);font-size:13px;font-weight:600}.travel-detail-block{margin-top:20px}.form-grid{grid-template-columns:repeat(2,1fr);gap:20px;display:grid}.form-field-full{grid-column:1/-1}.form-field label{color:var(--otos-text-405047,#405047);margin-bottom:7px;font-size:13px;font-weight:700;display:block}.form-field input,.form-field textarea{border:1px solid var(--otos-border-ccd8cf,#ccd8cf);background:var(--otos-surface-ffffff,#fff);width:100%;color:var(--otos-text-29372e,#29372e);border-radius:8px;outline:none;padding:11px 13px;font-size:13px;transition:all .2s}.form-field input{height:44px}.form-field textarea{resize:vertical;line-height:1.5}.form-field input:focus,.form-field textarea:focus{border-color:#267a46;box-shadow:0 0 0 3px #267a461a}.form-field input::placeholder,.form-field textarea::placeholder{color:var(--otos-text-a3ada6,#a3ada6)}.form-field-hint,.field-helper-text{color:var(--otos-text-718096,#718096);margin:6px 0 14px;font-size:14px;line-height:1.5}.form-actions{border-top:1px solid var(--otos-border-e7ede9,#e7ede9);justify-content:flex-end;gap:10px;margin-top:28px;padding-top:20px;display:flex}.secondary-button{border:1px solid var(--otos-border-ccd8cf,#ccd8cf);background:var(--otos-surface-ffffff,#fff);color:var(--otos-text-526159,#526159);cursor:pointer;border-radius:8px;padding:11px 18px;font-size:15px;font-weight:700}.secondary-button:hover{background:var(--otos-surface-f4f7f5,#f4f7f5)}.confirm-modal-overlay{z-index:1000;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#12261b73;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.confirm-modal{background:var(--otos-surface-ffffff,#fff);border:1px solid var(--otos-border-dbe4de,#dbe4de);border-radius:12px;width:100%;max-width:460px;overflow:hidden;box-shadow:0 20px 50px #1630202e}.confirm-modal-header{border-bottom:1px solid var(--otos-border-edf1ee,#edf1ee);justify-content:space-between;align-items:center;padding:20px 22px 16px;display:flex}.confirm-modal-header h3{color:var(--otos-text-173d28,#173d28);margin:0;font-size:18px;font-weight:700}.confirm-modal-close{width:32px;height:32px;color:var(--otos-text-738078,#738078);cursor:pointer;background:0 0;border:0;border-radius:6px;padding:0;font-size:22px;line-height:1}.confirm-modal-close:hover{background:var(--otos-surface-f2f5f3,#f2f5f3);color:var(--otos-text-243d2e,#243d2e)}.confirm-modal-body{padding:20px 22px}.confirm-modal-body p{color:var(--otos-text-526159,#526159);margin:0;font-size:14px;line-height:1.6}.confirm-modal-actions{background:var(--otos-surface-fafcfb,#fafcfb);border-top:1px solid var(--otos-border-edf1ee,#edf1ee);justify-content:flex-end;gap:10px;padding:16px 22px 20px;display:flex}.confirm-modal-actions button:disabled{opacity:.45;cursor:not-allowed;box-shadow:none}.confirm-modal-actions button:disabled:hover{transform:none}.confirm-modal-actions .warning-button{color:#fff;background-color:#d97706;border:1px solid #d97706}.confirm-modal-actions .warning-button:hover:not(:disabled){background-color:#b45309;border-color:#b45309}.confirm-modal-actions .warning-button:disabled{opacity:.45;cursor:not-allowed}.confirm-modal-actions button{border-radius:10px;padding:12px 20px;font-weight:600;transition:background-color .2s,opacity .2s}.confirm-modal-actions .warning-button,.confirm-modal-actions .danger-button,.confirm-modal-actions .primary-button,.confirm-modal-actions .secondary-button{border-radius:10px}.danger-button{color:#fff;cursor:pointer;background:#b83a3a;border:0;border-radius:8px;padding:11px 18px;font-size:13px;font-weight:700;transition:all .2s}.danger-button:hover{background:#9f3030}.primary-button:disabled,.secondary-button:disabled,.danger-button:disabled,.confirm-modal-close:disabled{opacity:.6;cursor:not-allowed}@media (width<=800px){.employee-info-grid,.form-grid{grid-template-columns:1fr}.form-field-full{grid-column:auto}}.page-actions{align-items:center;gap:10px;display:flex}.table-sort-button{font:inherit;cursor:pointer;color:inherit;background:0 0;border:none;padding:0;font-weight:600}.table-sort-button:hover{text-decoration:underline}.table-toolbar{align-items:end;gap:16px;margin-bottom:20px;display:flex}.table-filter{flex-direction:column;gap:6px;display:flex}.table-filter label{font-size:.85rem;font-weight:600}.table-filter select{border:1px solid var(--otos-border-d1d5db,#d1d5db);background:var(--otos-surface-ffffff,#fff);min-width:260px;font:inherit;border-radius:6px;padding:9px 12px}.signature-status{background:var(--otos-surface-f8faf9,#f8faf9);border:1px solid var(--otos-border-e1e7e3,#e1e7e3);border-radius:8px;justify-content:space-between;align-items:center;gap:20px;margin-bottom:20px;padding:16px;display:flex}.signature-status>div{flex-direction:column;gap:4px;display:flex}.signature-status-label{color:var(--otos-text-64748b,#64748b);font-size:.8rem}.signature-status small{color:var(--otos-text-64748b,#64748b)}.signature-available{background:var(--otos-surface-e8f5e9,#e8f5e9);border-radius:20px;padding:6px 10px;font-size:.8rem;font-weight:600}.form-success{background:var(--otos-surface-e8f5e9,#e8f5e9);border-radius:6px;margin-top:14px;padding:12px 14px;font-weight:500}.signature-preview{border:1px solid var(--otos-border-e1e7e3,#e1e7e3);background:var(--otos-surface-ffffff,#fff);border-radius:8px;flex-direction:column;align-items:flex-start;gap:10px;margin-bottom:20px;padding:20px;display:flex}.signature-preview>span{font-size:.85rem;font-weight:600}.signature-preview img{object-fit:contain;max-width:320px;max-height:120px;display:block}.sidebar-logout{color:#fff;width:100%;font:inherit;text-align:left;cursor:pointer;background:0 0;border:1px solid #ffffff40;border-radius:6px;margin-top:20px;padding:11px 14px;font-weight:600}.sidebar-logout:hover{background:#ffffff1a}.sidebar-logout:disabled{opacity:.6;cursor:not-allowed}.action-filters{align-items:flex-end;gap:16px;margin-bottom:24px;display:flex}.action-filter-group{flex-direction:column;gap:6px;width:260px;display:flex}.action-filter-group label{color:var(--otos-text-294536,#294536);font-size:13px;font-weight:700}.action-filter-group select{width:100%}@media (width<=700px){.action-filters{flex-direction:column;align-items:stretch}.action-filter-group{width:100%}}.action-search-group{min-width:260px}.waiting-time{color:var(--otos-text-7a867f,#7a867f);margin-top:3px;font-size:12px;font-weight:600}.action-filter-group select,.action-filter-group input{box-sizing:border-box;border:1px solid var(--otos-border-ccd8cf,#ccd8cf);background:var(--otos-surface-ffffff,#fff);width:100%;height:42px;color:var(--otos-text-243d2e,#243d2e);border-radius:8px;padding:0 12px;font-family:inherit;font-size:14px}.action-results-summary{color:var(--otos-text-6b786f,#6b786f);margin:-10px 0 16px;font-size:13px}.action-filter-clear{align-items:flex-end;display:flex}.clear-filter-button{border:1px solid var(--otos-border-ccd8cf,#ccd8cf);background:var(--otos-surface-ffffff,#fff);height:42px;color:var(--otos-text-526159,#526159);cursor:pointer;white-space:nowrap;border-radius:8px;padding:0 16px;font-size:13px;font-weight:700;transition:all .2s}.clear-filter-button:hover:not(:disabled){background:var(--otos-surface-f2f5f3,#f2f5f3);color:var(--otos-text-226b3d,#226b3d);border-color:var(--otos-border-aebdb2,#aebdb2)}.clear-filter-button:disabled{opacity:.45;cursor:not-allowed}.table-action-button{background:var(--otos-surface-ffffff,#fff);min-width:100px;height:36px;color:var(--otos-text-226b3d,#226b3d);cursor:pointer;white-space:nowrap;border:1px solid #226b3d;border-radius:7px;padding:0 14px;font-family:inherit;font-size:15px;font-weight:700;transition:all .2s}.table-action-button:hover{color:#fff;background:#226b3d;transform:translateY(-1px);box-shadow:0 3px 8px #226b3d2e}.table-action-button:active{box-shadow:none;transform:translateY(0)}.table-action-button:focus-visible{outline-offset:2px;outline:3px solid #226b3d2e}.to-number{color:var(--otos-text-176b3a,#176b3a);font-weight:700}.to-number-pending{color:var(--otos-text-7a867f,#7a867f);font-size:15px;font-weight:500}.dashboard-card-clickable{cursor:pointer;transition:transform .2s,box-shadow .2s,border-color .2s}.dashboard-card-clickable:hover{border-color:var(--otos-border-b8cbbd,#b8cbbd);transform:translateY(-2px);box-shadow:0 6px 18px #1630201a}.dashboard-card-clickable:focus-visible{outline-offset:2px;outline:3px solid #226b3d2e}.summary-card-icon{border-radius:14px;justify-content:center;align-items:center;width:48px;height:48px;font-size:22px;font-weight:700;display:flex;position:absolute;top:18px;right:18px;box-shadow:0 6px 16px #226b3d1f}.dashboard-card-travel{color:#fff;border:none;border-radius:18px;position:relative;overflow:hidden;box-shadow:0 10px 24px #176b3a2e;background:linear-gradient(135deg,#176b3a 0%,#23834b 50%,#57b66f 100%)!important}.dashboard-card-travel:after{content:"";background:#ffffff14;border-radius:50%;width:130px;height:130px;position:absolute;bottom:-65px;right:-45px}.dashboard-card-travel .card-label{color:#ffffffe0}.dashboard-card-travel strong{color:#fff}.dashboard-card-travel p{color:#ffffffc7}.dashboard-card-travel .summary-card-icons{color:#fff;background:#ffffff29;border:1px solid #fff3;border-radius:14px;justify-content:center;align-items:center;width:48px;height:48px;font-size:22px;display:flex;position:absolute;top:20px;right:20px;box-shadow:inset 0 1px #ffffff2e,0 6px 14px #00000014}.dashboard-card-action{color:#fff;border-radius:18px;position:relative;overflow:hidden;box-shadow:0 10px 24px #b86b162e;background:radial-gradient(circle at 85% 20%, #ffffff38, transparent 32%), linear-gradient(135deg, #b86b16 0%, #d68b24 50%, var(--otos-surface-efb64e,#efb64e) 100%)!important;border:none!important}.dashboard-card-action:after{content:"";background:#ffffff14;border-radius:50%;width:130px;height:130px;position:absolute;bottom:-65px;right:-45px}.dashboard-card-action .card-label,.dashboard-card-action strong{color:#fff}.dashboard-card-action p{color:#ffffffd1}.dashboard-card-approved{color:#fff;border-radius:18px;position:relative;overflow:hidden;box-shadow:0 10px 24px #176b732e;background:radial-gradient(circle at 85% 20%,#ffffff38,#0000 32%),linear-gradient(135deg,#176b73 0%,#218b91 50%,#4eb6ae 100%)!important;border:none!important}.dashboard-card-approved:after{content:"";background:#ffffff14;border-radius:50%;width:130px;height:130px;position:absolute;bottom:-65px;right:-45px}.dashboard-card-approved .card-label,.dashboard-card-approved strong{color:#fff}.dashboard-card-approved p{color:#ffffffd1}.recent-orders-header{justify-content:space-between;align-items:center;gap:20px;margin-bottom:18px;display:flex}.recent-orders-header h2{color:var(--otos-text-294536,#294536);margin:0 0 4px;font-size:20px;font-weight:700}.recent-orders-header p{color:var(--otos-text-7a867f,#7a867f);margin:0;font-size:15px}.recent-orders-view-all{border:1px solid var(--otos-border-cbd8cf,#cbd8cf);background:var(--otos-surface-ffffff,#fff);color:var(--otos-text-226b3d,#226b3d);cursor:pointer;border-radius:8px;align-items:center;gap:7px;padding:9px 14px;font-family:inherit;font-size:15px;font-weight:700;transition:all .2s;display:inline-flex}@media (width<=768px){.recent-orders-header{flex-direction:column;align-items:stretch;gap:16px;display:flex}.recent-orders-header>div{width:100%;min-width:0}.recent-orders-header h2{margin-bottom:6px;font-size:20px;line-height:1.3}.recent-orders-header p{margin:0;font-size:14px;line-height:1.5}.recent-orders-view-all{white-space:nowrap;justify-content:center;align-self:flex-start;align-items:center;gap:8px;width:auto;padding:10px 16px;font-size:14px;display:inline-flex}}.recent-orders-view-all:hover{background:var(--otos-surface-f1f7f3,#f1f7f3);border-color:var(--otos-border-9eb8a6,#9eb8a6)}.recent-orders-view-all span{font-size:15px;transition:transform .2s}.recent-orders-view-all:hover span{transform:translate(3px)}.dashboard-section .data-table{border-collapse:separate;border-spacing:0;width:100%}.dashboard-section .data-table thead th{background:var(--otos-surface-f5f8f6,#f5f8f6);color:var(--otos-text-607066,#607066);letter-spacing:.45px;text-transform:uppercase;border-top:1px solid var(--otos-border-e3ebe5,#e3ebe5);border-bottom:1px solid var(--otos-border-dce6df,#dce6df);padding:13px 16px;font-size:15px;font-weight:700}.dashboard-section .data-table tbody td{color:var(--otos-text-33483b,#33483b);border-bottom:1px solid var(--otos-border-edf1ee,#edf1ee);vertical-align:middle;padding:16px;font-size:15px}.dashboard-section .data-table tbody tr{background:var(--otos-surface-ffffff,#fff);transition:background .18s,box-shadow .18s}.dashboard-section .data-table tbody tr:hover{background:var(--otos-surface-f8fbf9,#f8fbf9)}.dashboard-section .data-table tbody tr:last-child td{border-bottom:none}.dashboard-section .data-table tbody tr.returned-order-row{background:var(--otos-surface-fffbf3,#fffbf3)}.dashboard-section .data-table tbody tr.returned-order-row:hover{background:var(--otos-surface-fff7e8,#fff7e8)}.dashboard-icon-button{cursor:pointer;border-radius:9px;justify-content:center;align-items:center;width:40px;min-width:40px;height:40px;padding:0;display:inline-flex}.dashboard-icon-view{color:var(--otos-text-2563eb,#2563eb);background:var(--otos-surface-eff6ff,#eff6ff);border:1px solid #2563eb}.dashboard-icon-edit{color:var(--otos-text-d97706,#d97706);background:var(--otos-surface-fff7ed,#fff7ed);border:1px solid #d97706}.dashboard-icon-button:hover{filter:brightness(.95)}.travel-order-detail-field{align-items:flex-start;gap:12px;margin-bottom:12px;display:flex}.travel-order-detail-field strong{min-width:100px;color:var(--otos-text-173d28,#173d28)}.travel-order-detail-value{color:var(--otos-text-34483b,#34483b);line-height:1.7}.print-travel-order-button{color:#fff;cursor:pointer;background:linear-gradient(135deg,#176b3a 0%,#23834b 55%,#319756 100%);border:none;border-radius:9px;justify-content:center;align-items:center;gap:9px;min-height:42px;padding:0 18px;font-family:inherit;font-size:15px;font-weight:700;transition:transform .18s,box-shadow .18s,filter .18s;display:inline-flex;box-shadow:0 5px 14px #176b3a33}.print-travel-order-button:hover{filter:brightness(1.04);transform:translateY(-1px);box-shadow:0 7px 18px #176b3a42}.print-travel-order-button:active{transform:translateY(0);box-shadow:0 3px 8px #176b3a2e}.print-travel-order-button:focus-visible{outline-offset:2px;outline:3px solid #226b3d33}.print-travel-order-button svg{flex-shrink:0}.print-travel-order-button:disabled{cursor:wait;opacity:.85;transform:none}.print-spinner{border:2px solid #fff6;border-top-color:var(--otos-border-ffffff,#fff);border-radius:50%;width:16px;height:16px;animation:.7s linear infinite print-spinner-rotate}@keyframes print-spinner-rotate{to{transform:rotate(360deg)}}.field-character-count{text-align:right;color:var(--otos-text-7a7a7a,#7a7a7a);margin-top:5px;font-size:12px}.travel-date-section{margin-top:8px}.travel-date-header{margin-bottom:16px}.travel-date-header h3{color:var(--otos-text-1f2937,#1f2937);margin:0 0 4px;font-size:16px;font-weight:700}.travel-date-header p{color:var(--otos-text-6b7280,#6b7280);margin:0;font-size:13px;line-height:1.5}.travel-period-list{flex-direction:column;gap:12px;display:flex}.travel-date-range{border:1px solid var(--otos-border-e5e7eb,#e5e7eb);background:var(--otos-surface-fafafa,#fafafa);border-radius:8px;padding:16px}.travel-period-header{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.travel-period-title{color:var(--otos-text-374151,#374151);font-size:13px;font-weight:700}.travel-date-range-fields{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.remove-travel-date-button{color:var(--otos-text-b42318,#b42318);cursor:pointer;background:0 0;border:0;padding:0;font-family:inherit;font-size:13px;font-weight:600}.remove-travel-date-button:hover{text-decoration:underline}.add-travel-date-button{border:1px solid var(--otos-border-d1d5db,#d1d5db);background:var(--otos-surface-ffffff,#fff);color:var(--otos-text-374151,#374151);cursor:pointer;border-radius:6px;justify-content:center;align-items:center;gap:6px;margin-top:12px;padding:9px 14px;font-family:inherit;font-size:13px;font-weight:600;transition:background-color .15s,border-color .15s;display:inline-flex}.add-travel-date-button:hover{background:var(--otos-surface-f9fafb,#f9fafb);border-color:var(--otos-border-9ca3af,#9ca3af)}.add-travel-date-button span{font-size:16px;line-height:1}@media (width<=700px){.travel-date-range-fields{grid-template-columns:1fr;gap:12px}.travel-date-range{padding:14px}.add-travel-date-button{width:100%}}.destination-section{margin-top:8px}.destination-header{margin-bottom:16px}.destination-header h3{color:var(--otos-text-1f2937,#1f2937);margin:0 0 4px;font-size:16px;font-weight:700}.destination-header p{color:var(--otos-text-6b7280,#6b7280);margin:0;font-size:13px;line-height:1.5}.destination-list{flex-direction:column;gap:12px;display:flex}.destination-item{border:1px solid var(--otos-border-e5e7eb,#e5e7eb);background:var(--otos-surface-fafafa,#fafafa);border-radius:8px;padding:16px}.destination-item-header{justify-content:space-between;align-items:center;margin-bottom:8px;display:flex}.destination-item-header label{color:var(--otos-text-374151,#374151);margin:0;font-size:13px;font-weight:700}.destination-item input{box-sizing:border-box;width:100%}.destination-input{box-sizing:border-box;border:1px solid var(--otos-border-cbd8cf,#cbd8cf);border-radius:10px;width:100%;max-width:100%;padding:12px 14px;font-size:14px;line-height:1.5}.destination-input::placeholder{color:var(--otos-text-94a3a0,#94a3a0);font-size:14px}.remove-destination-button{color:var(--otos-text-b42318,#b42318);cursor:pointer;background:0 0;border:0;padding:0;font-family:inherit;font-size:13px;font-weight:600}.remove-destination-button:hover{text-decoration:underline}.add-destination-button{border:1px solid var(--otos-border-d1d5db,#d1d5db);background:var(--otos-surface-ffffff,#fff);color:var(--otos-text-374151,#374151);cursor:pointer;border-radius:6px;justify-content:center;align-items:center;gap:6px;margin-top:12px;padding:9px 14px;font-family:inherit;font-size:13px;font-weight:600;transition:background-color .15s,border-color .15s;display:inline-flex}.add-destination-button:hover{background:var(--otos-surface-f9fafb,#f9fafb);border-color:var(--otos-border-9ca3af,#9ca3af)}.add-destination-button span{font-size:16px;line-height:1}@media (width<=700px){.destination-item{padding:14px}.add-destination-button{width:100%}}.table-multi-value{flex-direction:column;gap:4px;line-height:1.4;display:flex}.personnel-record{flex-direction:column;gap:28px;display:flex}.record-section{flex-direction:column;gap:18px;padding-bottom:20px;padding-left:20px;padding-right:20px;display:flex}.record-section+.record-section{border-top:1px solid var(--otos-border-d8e0dc,#d8e0dc);margin-top:8px;padding-top:28px}.section-heading{margin-bottom:4px}.section-heading h2{margin:0 0 6px}.section-heading p{color:var(--otos-text-68756f,#68756f);margin:0}.record-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px 32px;display:grid}.record-field{flex-direction:column;gap:6px;display:flex}.record-label{color:var(--otos-text-68756f,#68756f);font-size:.85rem;font-weight:600}.record-field strong{font-size:1rem;font-weight:600}@media (width<=800px){.record-grid{grid-template-columns:1fr}.page-actions{flex-wrap:wrap}}.profile-content .form-section-heading h2{font-size:1.5rem;font-weight:700;line-height:1.3}.profile-content .form-section-heading p{font-size:1rem;line-height:1.5}.profile-content .info-item span{font-size:.9rem;font-weight:600;line-height:1.4}.profile-content .info-item strong{font-size:1rem;font-weight:600;line-height:1.5}.personnel-edit-content .form-section-heading h2{font-size:1.5rem;font-weight:700;line-height:1.3}.personnel-edit-content .form-section-heading p{font-size:1rem;line-height:1.5}.personnel-edit-content .form-group label{font-size:.9rem;font-weight:600;line-height:1.4}.personnel-edit-content .form-group input,.personnel-edit-content .form-group select,.personnel-edit-content .form-group textarea{font-size:1rem;line-height:1.5}.personnel-edit-content .form-group select{width:100%;min-height:52px;padding:10px 14px}.section-heading-with-action{justify-content:space-between;align-items:flex-start;gap:20px;display:flex}.section-heading-with-action>div{min-width:0}@media (width<=800px){.section-heading-with-action{flex-direction:column}}.assignment-form .form-group select{width:100%;min-height:52px;color:var(--otos-text-1f2d27,#1f2d27);background-color:var(--otos-surface-ffffff,#fff);border:1px solid var(--otos-border-cfd8d3,#cfd8d3);cursor:pointer;border-radius:8px;padding:10px 42px 10px 14px;font-family:inherit;font-size:1rem;line-height:1.5;transition:border-color .2s,box-shadow .2s,background-color .2s}.assignment-form .form-group select:hover{border-color:var(--otos-border-9eaaa4,#9eaaa4)}.assignment-form .form-group select:focus{border-color:#28784a;outline:none;box-shadow:0 0 0 3px #28784a1f}.assignment-form .form-group select:disabled{background-color:var(--otos-surface-f2f5f3,#f2f5f3);color:var(--otos-text-7a8580,#7a8580);cursor:not-allowed}.searchable-select{width:100%;position:relative}.searchable-select-trigger{background:var(--otos-surface-ffffff,#fff);border:1px solid var(--otos-border-d5ddd8,#d5ddd8);width:100%;min-height:46px;font:inherit;text-align:left;cursor:pointer;border-radius:8px;justify-content:space-between;align-items:center;gap:12px;padding:10px 14px;transition:border-color .2s,box-shadow .2s;display:flex}.searchable-select-trigger:hover{border-color:var(--otos-border-aab8b0,#aab8b0)}.searchable-select-trigger:focus,.searchable-select-trigger.is-open{border-color:#28784a;outline:none;box-shadow:0 0 0 3px #28784a1f}.searchable-select-value{color:var(--otos-text-1f2d27,#1f2d27);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.searchable-select-placeholder{color:var(--otos-text-7c8982,#7c8982)}.searchable-select-arrow{color:var(--otos-text-66736c,#66736c);flex-shrink:0;font-size:.85rem}.searchable-select-menu{z-index:1000;background:var(--otos-surface-ffffff,#fff);border:1px solid var(--otos-border-d5ddd8,#d5ddd8);border-radius:10px;position:absolute;top:calc(100% + 6px);left:0;right:0;overflow:hidden;box-shadow:0 10px 30px #0000001f}.searchable-select-search{border-bottom:1px solid var(--otos-border-edf0ee,#edf0ee);padding:10px}.searchable-select-search input{width:100%;min-height:40px;font:inherit;border:1px solid var(--otos-border-d5ddd8,#d5ddd8);border-radius:7px;outline:none;padding:8px 11px}.searchable-select-search input:focus{border-color:#28784a;box-shadow:0 0 0 3px #28784a1a}.searchable-select-options{max-height:260px;padding:5px;overflow-y:auto}.searchable-select-option{width:100%;font:inherit;color:var(--otos-text-26332c,#26332c);text-align:left;cursor:pointer;background:0 0;border:0;border-radius:6px;padding:10px 12px}.searchable-select-option:hover{background:var(--otos-surface-f1f6f3,#f1f6f3)}.searchable-select-option.is-selected{background:var(--otos-surface-e8f3ec,#e8f3ec);font-weight:600}.searchable-select-empty{color:var(--otos-text-7c8982,#7c8982);text-align:center;padding:18px 12px;font-size:.92rem}.directory-toolbar{justify-content:space-between;align-items:center;gap:16px;margin-bottom:18px;display:flex}.directory-search{width:min(300px,100%)}.directory-search input{width:100%;min-height:44px;font:inherit;color:var(--otos-text-1f2d27,#1f2d27);background:var(--otos-surface-ffffff,#fff);border:1px solid var(--otos-border-d5ddd8,#d5ddd8);border-radius:8px;outline:none;padding:10px 14px;transition:border-color .2s,box-shadow .2s}.directory-search input:focus{border-color:#28784a;box-shadow:0 0 0 3px #28784a1f}.directory-search input::placeholder{color:var(--otos-text-8a9690,#8a9690)}.directory-status-filter{background:var(--otos-surface-f1f4f2,#f1f4f2);border:1px solid var(--otos-border-dce3df,#dce3df);border-radius:9px;padding:4px;display:inline-flex}.directory-status-filter button{font:inherit;color:var(--otos-text-66736c,#66736c);cursor:pointer;background:0 0;border:0;border-radius:6px;padding:8px 14px;font-size:.9rem}.directory-status-filter button:hover{color:var(--otos-text-28784a,#28784a)}.directory-status-filter button.active{background:var(--otos-surface-ffffff,#fff);color:var(--otos-text-28784a,#28784a);font-weight:600;box-shadow:0 1px 3px #00000014}.organization-tree{flex-direction:column;gap:6px;display:flex}.organization-tree-item{border:1px solid var(--otos-border-e1e7e3,#e1e7e3);background:var(--otos-surface-ffffff,#fff);border-radius:8px;align-items:center;gap:12px;padding:12px 14px;display:flex}.organization-tree-marker{width:20px;color:var(--otos-text-28784a,#28784a);flex-shrink:0;font-weight:700}.form-group select{width:100%;min-height:56px;font:inherit;color:var(--otos-text-1f2d27,#1f2d27);background-color:var(--otos-surface-ffffff,#fff);border:1px solid var(--otos-border-d5ddd8,#d5ddd8);cursor:pointer;border-radius:8px;padding:12px 42px 12px 16px;transition:border-color .2s,box-shadow .2s}.form-group select:hover{border-color:var(--otos-border-aab8b0,#aab8b0)}.form-group select:focus{border-color:#28784a;outline:none;box-shadow:0 0 0 3px #28784a1f}.organization-tree-content{flex:1;min-width:0}.organization-tree-item>.secondary-button{flex-shrink:0;margin-left:auto}.organization-tree-name{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.organization-tree-name .status-badge.inactive{background:var(--otos-surface-f1f3f2,#f1f3f2);color:var(--otos-text-66706a,#66706a);border:1px solid var(--otos-border-d9dfdb,#d9dfdb);border-radius:999px;align-items:center;padding:2px 8px;font-size:.72rem;font-weight:600;display:inline-flex}.table-action-icons{justify-content:center;align-items:center;gap:8px;display:flex}.table-action-icon{cursor:pointer;border:1px solid #0000;border-radius:8px;justify-content:center;align-items:center;width:34px;height:34px;padding:0;font-size:18px;font-weight:700;transition:background-color .2s,transform .2s;display:inline-flex}.table-action-icon:hover{transform:translateY(-2px)}.table-action-icon:focus-visible{outline-offset:2px;outline:2px solid #2563eb}.action-proceed{background-color:var(--otos-surface-dcfce7,#dcfce7);color:var(--otos-text-15803d,#15803d);border-color:var(--otos-border-bbf7d0,#bbf7d0)}.action-proceed:hover{background-color:var(--otos-surface-bbf7d0,#bbf7d0)}.action-view{background-color:var(--otos-surface-dbeafe,#dbeafe);color:var(--otos-text-1d4ed8,#1d4ed8);border-color:var(--otos-border-bfdbfe,#bfdbfe)}.action-view:hover{background-color:var(--otos-surface-bfdbfe,#bfdbfe)}.action-return{background-color:var(--otos-surface-ffedd5,#ffedd5);color:var(--otos-text-c2410c,#c2410c);border-color:var(--otos-border-fed7aa,#fed7aa)}.action-return:hover{background-color:var(--otos-surface-fed7aa,#fed7aa)}.action-disapprove{background-color:var(--otos-surface-fee2e2,#fee2e2);color:var(--otos-text-b91c1c,#b91c1c);border-color:var(--otos-border-fecaca,#fecaca)}.action-disapprove:hover{background-color:var(--otos-surface-fecaca,#fecaca)}.mobile-menu-toggle{display:none}.topbar-left{align-items:center;gap:12px;display:flex}@media (width<=768px){.main-content{width:100%;min-width:0;margin-left:0!important}.sidebar{z-index:1100;width:270px;max-width:85vw;height:100dvh;transition:transform .25s;position:fixed;top:0;left:0;overflow-y:auto;transform:translate(-100%)}.sidebar.sidebar-mobile-open{transform:translate(0)}.mobile-menu-toggle{width:40px;height:40px;color:var(--otos-text-174c32,#174c32);cursor:pointer;background:0 0;border:none;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;padding:0;display:inline-flex}.mobile-menu-toggle:hover{background:var(--otos-surface-e7f1eb,#e7f1eb)}.topbar{gap:12px;min-width:0;padding:12px 16px}.topbar-left{flex:1;min-width:0}.topbar-system{font-size:13px;line-height:1.3}.topbar-user{flex-shrink:0;min-width:0}.topbar-user>div:not(.user-avatar){display:none}.page-content{min-width:0;padding:20px 16px}}.mobile-sidebar-backdrop{display:none}@media (width<=768px){.mobile-sidebar-backdrop{z-index:1099;background:#00000073;display:block;position:fixed;inset:0}}.for-action-desktop-table{width:100%;display:block;overflow-x:auto}@media (width<=768px){.for-action-desktop-table{display:none}}.for-action-mobile-cards{display:none}@media (width<=768px){.for-action-mobile-cards{gap:16px;width:100%;min-width:0;display:grid}.for-action-mobile-card{background:var(--otos-surface-fff,#fff);border:1px solid var(--otos-border-e1e9e4,#e1e9e4);border-radius:14px;min-width:0;padding:16px;box-shadow:0 3px 12px #0000000a}.mobile-card-header{border-bottom:1px solid var(--otos-border-edf1ee,#edf1ee);flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:12px;padding-bottom:14px;display:flex}.mobile-card-header strong{color:var(--otos-text-173d28,#173d28);font-size:16px}.mobile-card-header p{color:var(--otos-text-738279,#738279);margin:5px 0 0;font-size:13px}.mobile-card-details{gap:14px;padding:16px 0;display:grid}.mobile-card-field{grid-template-columns:110px minmax(0,1fr);align-items:start;gap:12px;font-size:13px;display:grid}.mobile-card-field>span{color:var(--otos-text-75847b,#75847b);font-weight:600}.mobile-card-field>div{color:var(--otos-text-243e30,#243e30);overflow-wrap:anywhere;min-width:0;line-height:1.6}.mobile-card-actions{border-top:1px solid var(--otos-border-edf1ee,#edf1ee);flex-wrap:wrap;justify-content:flex-end;gap:10px;padding-top:14px;display:flex}.mobile-card-actions .table-action-icon{justify-content:center;align-items:center;width:44px;min-width:44px;height:44px;display:inline-flex}.for-action-mobile-empty{background:var(--otos-surface-fff,#fff);border:1px solid var(--otos-border-e1e9e4,#e1e9e4);color:var(--otos-text-63776a,#63776a);text-align:center;border-radius:12px;padding:24px 16px}.travel-order-detail-field{flex-direction:column;align-items:stretch;gap:6px;margin-bottom:18px;display:flex}.travel-order-detail-field strong{min-width:0;color:var(--otos-text-173d28,#173d28);font-size:14px}.travel-order-detail-value{overflow-wrap:anywhere;font-size:14px;line-height:1.7}}.travel-order-return-notice{background:var(--otos-surface-fff8eb,#fff8eb);border:1px solid var(--otos-border-f2d6a2,#f2d6a2);overflow-wrap:anywhere;border-left:4px solid #d58a19;border-radius:10px;margin:20px 0;padding:16px 20px}.travel-order-return-title{color:var(--otos-text-965600,#965600);align-items:center;gap:10px;font-size:16px;display:flex}.travel-order-return-message{color:var(--otos-text-624b2d,#624b2d);white-space:pre-wrap;margin:10px 0 0;font-size:14px;line-height:1.6}@media (width<=768px){.travel-order-return-notice{margin:16px 0;padding:14px 16px}.travel-order-return-title{font-size:15px}.page-heading{flex-direction:column;align-items:stretch;gap:16px;display:flex}.page-heading h1{margin-bottom:8px;font-size:24px;line-height:1.3}.page-heading p{font-size:14px;line-height:1.6}.page-heading>.secondary-button{align-self:flex-start;width:auto;max-width:100%;padding:10px 14px;font-size:13px}.action-employee-name{overflow-wrap:anywhere;margin-bottom:16px;font-size:20px;font-weight:700;line-height:1.4}}.my-travel-orders-desktop-table{width:100%;display:block;overflow-x:auto}@media (width<=768px){.my-travel-orders-desktop-table{display:none}}.my-travel-orders-mobile-cards{display:none}@media (width<=768px){.my-travel-orders-mobile-cards{gap:16px;width:100%;min-width:0;display:grid}.my-travel-orders-mobile-card{background:var(--otos-surface-fff,#fff);border:1px solid var(--otos-border-e1e9e4,#e1e9e4);border-radius:14px;min-width:0;padding:16px;box-shadow:0 3px 12px #0000000a}.my-travel-orders-mobile-card .mobile-card-actions{justify-content:flex-end}.my-travel-orders-mobile-card .dashboard-icon-button{width:44px;min-width:44px;height:44px}.mobile-new-travel-order{white-space:nowrap;align-self:flex-start;width:auto;max-width:100%;padding:12px 18px;font-size:14px}.form-actions{flex-direction:column-reverse;align-items:stretch;gap:12px;width:100%;display:flex}.form-actions .primary-button,.form-actions .secondary-button{text-align:center;box-sizing:border-box;width:100%;min-height:48px;padding:12px 16px;font-size:14px}}.routing-history-mobile{display:none}@media (width<=768px){.routing-history-desktop{display:none}.routing-history-mobile{gap:14px;min-width:0;display:grid}.routing-history-card{background:var(--otos-surface-ffffff,#fff);border:1px solid var(--otos-border-e1e9e4,#e1e9e4);border-radius:12px;min-width:0;padding:16px}.routing-history-card-header{border-bottom:1px solid var(--otos-border-edf1ee,#edf1ee);flex-direction:column;gap:6px;padding-bottom:12px;display:flex}.routing-history-card-header strong{color:var(--otos-text-17683b,#17683b);font-size:15px}.routing-history-date{color:var(--otos-text-718078,#718078);font-size:12px}.routing-history-card-details{gap:14px;padding-top:14px;display:grid}.routing-history-card-details>div{gap:4px;min-width:0;display:grid}.routing-history-card-details span{color:var(--otos-text-75847b,#75847b);font-size:12px;font-weight:600}.routing-history-card-details strong,.routing-history-card-details p{color:var(--otos-text-243e30,#243e30);overflow-wrap:anywhere;margin:0;font-size:14px;line-height:1.5}.routing-history-empty{color:var(--otos-text-718078,#718078);text-align:center;font-size:14px}}textarea{font-family:inherit;font-size:14px;font-weight:400;line-height:1.6}textarea::placeholder{font-family:inherit;font-size:14px}.recent-orders-mobile{display:none}@media (width<=768px){.recent-orders-desktop{display:none}.recent-orders-mobile{gap:14px;min-width:0;display:grid}.recent-orders-mobile .mobile-travel-card{background:var(--otos-surface-ffffff,#fff);border:1px solid var(--otos-border-dce7df,#dce7df);border-radius:14px;min-width:0;padding:16px}.recent-orders-mobile .mobile-travel-card-returned{background:var(--otos-surface-fffaf1,#fffaf1);border-color:var(--otos-border-f0d7ac,#f0d7ac)}.recent-orders-mobile .mobile-travel-card-header{border-bottom:1px solid var(--otos-border-e7eee9,#e7eee9);flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:12px;padding-bottom:14px;display:flex}.recent-orders-mobile .mobile-travel-card-details{gap:16px;padding:16px 0;display:grid}.recent-orders-mobile .mobile-travel-card-field{grid-template-columns:120px minmax(0,1fr);gap:12px;font-size:14px;line-height:1.6;display:grid}.recent-orders-mobile .mobile-travel-card-field>span{color:var(--otos-text-718078,#718078)}.recent-orders-mobile .mobile-travel-card-field>div{overflow-wrap:anywhere;min-width:0;color:var(--otos-text-243e30,#243e30)}.recent-orders-mobile .mobile-travel-card-actions{border-top:1px solid var(--otos-border-e7eee9,#e7eee9);justify-content:flex-end;padding-top:14px;display:flex}.recent-orders-mobile .dashboard-icon-button{justify-content:center;align-items:center;width:44px;min-width:44px;height:44px;padding:0;display:inline-flex}@media (width<=380px){.recent-orders-mobile .mobile-travel-card-field{grid-template-columns:100px minmax(0,1fr)}}}.sidebar-logo{background:0 0;flex-shrink:0;justify-content:center;align-items:center;width:58px;height:58px;display:flex}.sidebar-logo-image{object-fit:contain;width:100%;height:100%;display:block}.login-brand .denr-login-logo{width:110px;height:110px;box-shadow:none;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;margin:0 auto 20px;padding:0;display:flex}.denr-login-logo-image{object-fit:contain;width:100%;height:100%;display:block}@media (width<=768px){.directory-search input{box-sizing:border-box;width:100%;min-width:0;display:block}.directory-status-filter{box-sizing:border-box;width:100%;min-width:0;display:flex}.directory-status-filter button{text-align:center;white-space:nowrap;flex:1;min-width:0}.directory-toolbar{flex-direction:column;align-items:stretch;gap:14px;width:100%;display:flex}.directory-search{flex:none;width:100%;min-width:0}.directory-search input{box-sizing:border-box;width:100%}.directory-status-filter{box-sizing:border-box;width:100%;display:flex}.directory-status-filter button{flex:1;min-width:0}}.personnel-desktop-table{width:100%;display:block;overflow-x:auto}@media (width<=768px){.personnel-desktop-table{display:none}}.personnel-mobile-list{display:none}@media (width<=768px){.personnel-mobile-list{gap:14px;width:100%;min-width:0;display:grid}.personnel-mobile-card{background:var(--otos-surface-fff,#fff);border:1px solid var(--otos-border-e5e7eb,#e5e7eb);border-radius:12px;min-width:0;padding:16px}.personnel-mobile-header{justify-content:space-between;align-items:flex-start;gap:10px;margin-bottom:16px;display:flex}.personnel-mobile-header>div{overflow-wrap:anywhere;min-width:0}.personnel-status{border-radius:999px;flex-shrink:0;padding:5px 9px;font-size:12px;font-weight:600}.personnel-status.active{background:var(--otos-surface-dcfce7,#dcfce7);color:var(--otos-text-166534,#166534)}.personnel-status.inactive{background:var(--otos-surface-fee2e2,#fee2e2);color:var(--otos-text-991b1b,#991b1b)}.personnel-mobile-field{overflow-wrap:anywhere;flex-direction:column;gap:4px;min-width:0;margin-bottom:14px;display:flex}.personnel-mobile-field>span{color:var(--otos-text-6b7280,#6b7280);font-size:12px}.personnel-mobile-field>strong{font-size:14px;font-weight:500}.personnel-mobile-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.personnel-mobile-actions{border-top:1px solid var(--otos-border-e5e7eb,#e5e7eb);justify-content:flex-end;padding-top:12px;display:flex}.page-actions{flex-direction:column;align-items:stretch;gap:10px;width:100%;display:flex}.page-actions .primary-button,.page-actions .secondary-button{box-sizing:border-box;text-align:center;white-space:normal;width:100%;min-height:44px}.form-section .form-grid{grid-template-columns:minmax(0,1fr);gap:18px;display:grid}.form-section .form-grid .form-group{flex-direction:column;gap:8px;min-width:0;margin-bottom:0;display:flex}.form-section .form-grid .form-group label{margin-bottom:0}.form-section .form-grid .form-group input,.form-section .form-grid .form-group select{box-sizing:border-box;width:100%;min-width:0}}.official-assignments-desktop{width:100%;display:block;overflow-x:auto}@media (width<=768px){.official-assignments-desktop{display:none}}.official-assignments-mobile{display:none}@media (width<=768px){.official-assignments-mobile{gap:14px;width:100%;min-width:0;display:grid}.official-assignment-card{background:var(--otos-surface-fff,#fff);border:1px solid var(--otos-border-e5e7eb,#e5e7eb);border-radius:12px;min-width:0;padding:16px}.official-assignment-card-header{justify-content:space-between;align-items:flex-start;gap:10px;margin-bottom:18px;display:flex}.official-assignment-card-header strong{overflow-wrap:anywhere;min-width:0;font-size:15px}.official-assignment-status{border-radius:999px;flex-shrink:0;padding:5px 9px;font-size:11px;font-weight:600}.official-assignment-status.current{background:var(--otos-surface-dcfce7,#dcfce7);color:var(--otos-text-166534,#166534)}.official-assignment-status.historical{background:var(--otos-surface-f3f4f6,#f3f4f6);color:var(--otos-text-4b5563,#4b5563)}.official-assignment-field{overflow-wrap:anywhere;flex-direction:column;gap:5px;min-width:0;display:flex}.official-assignment-field span{color:var(--otos-text-6b7280,#6b7280);font-size:12px}.official-assignment-field strong{font-size:14px;font-weight:500}.official-assignment-dates{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:16px;display:grid}.official-assignment-actions{border-top:1px solid var(--otos-border-e5e7eb,#e5e7eb);flex-direction:column;gap:10px;margin-top:18px;padding-top:14px;display:flex}.official-assignment-actions button{white-space:normal;width:100%;min-height:44px}}.organization-tree-item{margin-left:calc(var(--tree-level,0) * 28px)}@media (width<=768px){.organization-tree-item{margin-left:calc(var(--tree-level,0) * 12px);gap:8px;min-width:0}.organization-tree-content{overflow-wrap:anywhere;flex:1;min-width:0}.organization-tree-item>.secondary-button{flex-shrink:0}}.organization-tree-marker{color:var(--otos-text-217346,#217346);flex-shrink:0;font-size:20px;font-weight:600}.organization-unit-form-grid .form-group>select{box-sizing:border-box;width:100%;min-height:56px;font:inherit;color:inherit;background-color:var(--otos-surface-fff,#fff);border:1px solid var(--otos-border-cbd5ce,#cbd5ce);border-radius:10px;padding:12px 16px}.organization-unit-form-grid .form-group>select:focus{outline-offset:1px;outline:2px solid #216b42}.organization-unit-form-grid .form-group>select,.organization-unit-form-grid .searchable-select-trigger{box-sizing:border-box;background-color:var(--otos-surface-ffffff,#fff);border:1px solid var(--otos-border-cbd5ce,#cbd5ce);width:100%;height:60px;min-height:60px;color:var(--otos-text-172e27,#172e27);border-radius:10px;padding:0 20px;font-family:inherit;font-size:16px;font-weight:400;line-height:1.4}.organization-unit-form-grid .searchable-select-trigger{text-align:left;justify-content:space-between;align-items:center;gap:12px;display:flex}.organization-unit-form-grid .searchable-select-arrow{color:var(--otos-text-374151,#374151);flex-shrink:0;font-size:16px}.organization-unit-form-grid .form-group>select:focus,.organization-unit-form-grid .searchable-select-trigger:focus-visible{outline-offset:1px;outline:2px solid #216b42}.organization-unit-form-grid .form-group>select{appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23374151' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-position:right 20px center;background-repeat:no-repeat;background-size:16px;padding-right:44px}.organization-unit-form-grid .searchable-select-trigger{padding-right:20px}.organization-unit-form-grid .searchable-select-arrow{justify-content:center;align-items:center;width:16px;font-size:0;display:inline-flex}.organization-unit-form-grid .searchable-select-arrow:after{content:"";border-bottom:2px solid #374151;border-right:2px solid #374151;width:7px;height:7px;display:block;transform:rotate(45deg)translateY(-2px)}.form-checkbox-group{flex-wrap:wrap;align-items:center;gap:16px 28px;display:flex}.form-checkbox-group label{cursor:pointer;align-items:center;gap:8px;margin:0;display:inline-flex}.form-checkbox-group input[type=checkbox]{accent-color:#216b42;flex-shrink:0;width:18px;height:18px;margin:0}.form-checkbox-group label span{line-height:1.5}@media (width<=768px){.form-checkbox-group{flex-direction:column;align-items:flex-start;gap:16px}.form-checkbox-group label{align-items:flex-start}.form-checkbox-group input[type=checkbox]{margin-top:3px}}.user-accounts-desktop{width:100%;display:block;overflow-x:auto}@media (width<=768px){.user-accounts-desktop{display:none}}.user-accounts-mobile{display:none}@media (width<=768px){.user-accounts-mobile{gap:14px;width:100%;min-width:0;display:grid}.user-account-card{background:var(--otos-surface-ffffff,#fff);border:1px solid var(--otos-border-e5e7eb,#e5e7eb);border-radius:12px;min-width:0;padding:16px}.user-account-card-header{justify-content:space-between;align-items:flex-start;gap:10px;margin-bottom:18px;display:flex}.user-account-identity{overflow-wrap:anywhere;flex:1;min-width:0}.user-account-card-header .status-badge{text-align:center;white-space:normal;flex-shrink:0;max-width:45%}.user-account-field{flex-direction:column;gap:5px;min-width:0;margin-bottom:14px;display:flex}.user-account-field>span{color:var(--otos-text-6b7280,#6b7280);font-size:12px}.user-account-field>strong{overflow-wrap:anywhere;font-size:14px;font-weight:500}.user-account-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.user-account-actions{border-top:1px solid var(--otos-border-e5e7eb,#e5e7eb);justify-content:flex-end;align-items:center;margin-top:4px;padding-top:14px;display:flex}.user-account-actions button{white-space:normal;width:100%;min-height:44px}.user-accounts-empty{text-align:center;color:var(--otos-text-6b7280,#6b7280);background:var(--otos-surface-ffffff,#fff);border:1px dashed var(--otos-border-d1d5db,#d1d5db);border-radius:12px;padding:24px 16px}.user-account-card-header .status-badge{text-align:center;border-radius:999px;flex-shrink:0;justify-content:center;align-items:center;padding:6px 10px;font-size:12px;font-weight:600;line-height:1.3;display:inline-flex}.user-account-card-header .status-badge.active{background-color:var(--otos-surface-dcfce7,#dcfce7);color:var(--otos-text-166534,#166534)}.user-account-card-header .status-badge.inactive{background-color:var(--otos-surface-f3f4f6,#f3f4f6);color:var(--otos-text-4b5563,#4b5563)}}.invite-employee-section .invite-submit-button{min-height:48px}@media (width<=768px){.invite-employee-section{padding:20px 16px}.invite-employee-section h2{margin:0 0 8px}.invite-employee-section>p:first-of-type{margin:0 0 24px;line-height:1.5}.invite-employee-section .form-group{margin:0 0 20px}.invite-employee-section .form-group label{margin-bottom:8px;display:block}.invite-employee-section .invite-submit-button{width:100%;min-height:48px}}@media (width>=769px){.invite-employee-section{padding:28px 32px}.invite-employee-section h2{margin:0 0 8px}.invite-employee-section>p:first-of-type{margin:0 0 28px}.invite-employee-fields{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;max-width:1100px;display:grid}.invite-employee-fields .form-group{min-width:0;margin:0}.invite-employee-section .invite-submit-button{justify-content:center;align-items:center;width:fit-content;min-width:200px;max-width:100%;min-height:48px;margin-top:24px;padding:0 24px;display:inline-flex}}.organization-edit-form{scroll-margin-top:24px}.account-security-section{margin-top:24px}.account-security-description{color:var(--otos-text-64748b,#64748b);margin-bottom:20px;line-height:1.6}.change-password-form{max-width:680px}.change-password-fields{grid-template-columns:1fr;gap:12px;display:grid}.change-password-fields .form-group{flex-direction:column;gap:8px;min-width:0;margin:0;display:flex}.change-password-fields input{box-sizing:border-box;border:1px solid var(--otos-border-cbd5e1,#cbd5e1);width:100%;min-width:0;font:inherit;border-radius:8px;padding:12px 14px}.change-password-fields input:focus{outline-offset:1px;outline:2px solid #2563eb}.password-requirements{color:var(--otos-text-64748b,#64748b);margin:16px 0;font-size:13px;line-height:1.6}.change-password-button{min-width:180px}@media (width<=768px){.change-password-form{max-width:100%}.change-password-button{width:100%}}@media (width<=768px){.account-security-section{margin-top:20px}.account-security-section h3{margin-bottom:10px}.account-security-description{margin-bottom:20px}}.account-security-section{gap:0}.account-security-section h3{margin:0 0 12px}.account-security-description{margin:0 0 20px}.password-input-wrapper{width:100%;position:relative}.change-password-fields .password-input-wrapper input{box-sizing:border-box;width:100%;padding-right:48px}.password-visibility-button:hover{color:var(--otos-text-166534,#166534);background:var(--otos-surface-f0fdf4,#f0fdf4)}.password-visibility-button:focus-visible{outline-offset:2px;outline:2px solid #166534}.password-visibility-button{width:40px;height:40px;color:var(--otos-text-64748b,#64748b);cursor:pointer;background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;padding:0;display:flex;position:absolute;top:50%;right:8px;transform:translateY(-50%)}.security-audit-table-wrapper{border:1px solid var(--otos-border-d8e0dc,#d8e0dc);border-radius:10px;width:100%;margin-top:16px;overflow-x:auto}.security-audit-table{border-collapse:collapse;width:100%;min-width:850px;font-size:14px}.security-audit-table th,.security-audit-table td{text-align:left;vertical-align:top;border-bottom:1px solid var(--otos-border-e2e8f0,#e2e8f0);padding:14px 16px}.security-audit-table th{background:var(--otos-surface-f1f5f3,#f1f5f3);color:var(--otos-text-243b32,#243b32);white-space:nowrap;font-weight:600}.security-audit-table tbody tr:hover{background:var(--otos-surface-f8faf9,#f8faf9)}.security-audit-table tbody tr:last-child td{border-bottom:none}.security-audit-table td:first-child{white-space:nowrap}.security-audit-table td:nth-child(3){color:var(--otos-text-166534,#166534);font-weight:600}.security-audit-table td:nth-child(4){min-width:220px}.security-audit-table td:last-child{white-space:nowrap}.security-audit-section{gap:12px}.security-audit-section h2,.security-audit-section>p{margin:0}.security-audit-mobile{display:none}@media (width<=768px){.security-audit-table-wrapper{display:none}.security-audit-mobile{gap:14px;margin-top:12px;display:grid}.security-audit-card{border:1px solid var(--otos-border-d8e0dc,#d8e0dc);background:var(--otos-surface-fff,#fff);border-radius:12px;min-width:0;padding:18px}.security-audit-card-header{border-bottom:1px solid var(--otos-border-e2e8f0,#e2e8f0);flex-direction:column;align-items:flex-start;gap:10px;padding-bottom:14px;display:flex}.security-audit-card-header strong{color:var(--otos-text-243b32,#243b32);overflow-wrap:anywhere;font-size:15px}.security-audit-event{background:var(--otos-surface-e8f5ec,#e8f5ec);max-width:100%;color:var(--otos-text-166534,#166534);overflow-wrap:anywhere;border-radius:6px;padding:6px 10px;font-size:12px;font-weight:600;display:inline-block}.security-audit-card-details{gap:14px;padding-top:14px;display:grid}.security-audit-card-details>div{overflow-wrap:anywhere;flex-direction:column;gap:4px;min-width:0;font-size:14px;display:flex}.security-audit-label{color:var(--otos-text-64748b,#64748b);font-size:12px;font-weight:600}}.security-audit-filters{grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);align-items:end;gap:16px;margin:12px 0 18px;display:grid}.security-audit-filters .form-group{flex-direction:column;gap:8px;min-width:0;margin:0;display:flex}.security-audit-filters input,.security-audit-filters select{box-sizing:border-box;border:1px solid var(--otos-border-cbd5e1,#cbd5e1);background:var(--otos-surface-fff,#fff);width:100%;min-width:0;min-height:46px;color:var(--otos-text-243b32,#243b32);font:inherit;border-radius:8px;padding:10px 14px}.security-audit-filters input:focus,.security-audit-filters select:focus{outline-offset:1px;outline:2px solid #166534}@media (width<=768px){.security-audit-filters{grid-template-columns:1fr;gap:14px;margin:12px 0 16px}}.otos-pagination{border-top:1px solid var(--otos-border-e2e8f0,#e2e8f0);flex-direction:column;gap:14px;margin-top:20px;padding-top:16px;display:flex}.otos-pagination-summary,.otos-pagination-navigation{color:var(--otos-text-64748b,#64748b);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;font-size:14px;display:flex}.otos-pagination-size,.otos-pagination-buttons{align-items:center;gap:10px;display:flex}.otos-pagination-size select{border:1px solid var(--otos-border-cbd5e1,#cbd5e1);background:var(--otos-surface-fff,#fff);min-height:38px;color:var(--otos-text-243b32,#243b32);font:inherit;border-radius:8px;padding:6px 28px 6px 10px}.otos-pagination-buttons button{min-width:100px}@media (width<=768px){.otos-pagination-summary,.otos-pagination-navigation{flex-direction:column;align-items:stretch;gap:12px}.otos-pagination-size{justify-content:space-between}.otos-pagination-navigation>span{text-align:center}.otos-pagination-buttons{grid-template-columns:1fr 1fr;display:grid}.otos-pagination-buttons button{width:100%;min-width:0}}.sidebar-nav a,.sidebar-logout{align-items:center;gap:12px;display:flex}.sidebar-nav a svg,.sidebar-logout svg{flex-shrink:0}.sidebar-menu-group{margin-bottom:6px}.sidebar-menu-parent{color:#ffffffc7;width:100%;font:inherit;text-align:left;cursor:pointer;background:0 0;border:none;border-radius:8px;align-items:center;gap:12px;padding:12px 14px;font-size:16px;font-weight:500;transition:all .2s;display:flex}.sidebar-menu-parent:hover,.sidebar-menu-parent.expanded{color:#fff;background:#ffffff14}.sidebar-menu-parent>span{flex:1;min-width:0}.sidebar-menu-parent>svg:first-child{flex-shrink:0}.sidebar-chevron{flex-shrink:0;transition:transform .2s}.sidebar-chevron.rotated{transform:rotate(180deg)}.sidebar-submenu{border-left:1px solid #fff3;margin:5px 0 10px 20px;padding-left:12px}.sidebar-nav .sidebar-submenu a{align-items:center;gap:10px;margin-bottom:3px;padding:10px 12px;font-size:14px;display:flex}.sidebar-submenu a svg{flex-shrink:0}.sidebar-menu-parent:focus-visible{outline:2px solid var(--otos-border-ffffff,#fff);outline-offset:2px}.sidebar-menu-parent.section-active{color:#fff;background:#ffffff1f;font-weight:600}.sidebar-menu-parent.section-active>svg:first-child{color:#fff}.account-manage-panel{background:var(--otos-surface-ffffff,#fff);border:1px solid var(--otos-border-dce5df,#dce5df);border-radius:12px;flex-direction:column;gap:12px;margin:20px 0;padding:24px;display:flex}.account-manage-header{justify-content:space-between;align-items:center;gap:16px;margin-bottom:12px;display:flex}.account-manage-header h2{color:var(--otos-text-243b2e,#243b2e);margin:0;font-size:22px}.account-manage-header button{flex:none;width:auto}.account-manage-panel h3{color:var(--otos-text-243b2e,#243b2e);margin:16px 0 6px;font-size:17px}.account-manage-panel p{color:var(--otos-text-374b40,#374b40);margin:0;line-height:1.5}.account-manage-panel hr{border:0;border-top:1px solid var(--otos-border-e3eae5,#e3eae5);width:100%;margin:12px 0}.account-manage-panel>button{align-self:flex-start;width:fit-content;max-width:100%;padding:10px 16px}@media (width<=768px){.account-manage-panel{padding:16px}.account-manage-header{align-items:flex-start}.account-manage-header h2{font-size:19px}.account-manage-panel>button{width:100%}}.batch-action-panel,.batch-action-results{margin-bottom:20px}.batch-action-heading{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:14px;display:flex}.batch-action-heading span,.batch-action-help{color:var(--otos-text-526159,#526159);font-size:13px}.batch-action-buttons{flex-wrap:wrap;gap:10px;display:flex}.batch-action-buttons button:disabled{opacity:.45;cursor:not-allowed;transform:none}.batch-action-help{margin-bottom:0}.batch-action-results ul{margin-bottom:0;padding-left:20px}.batch-action-results li{margin-top:12px}.batch-action-results li span{margin-top:4px;display:block}.batch-mobile-select{align-items:center;gap:8px;margin-bottom:14px;font-size:13px;display:flex}.confirm-modal{max-height:calc(100dvh - 40px);overflow-y:auto}@media (width<=600px){.batch-action-buttons button{flex:135px}}.batch-action-buttons .warning-button{color:#fff;cursor:pointer;background:#d97706;border:0;border-radius:8px;padding:9px 14px;font-size:12px;font-weight:700;transition:all .2s}.batch-action-buttons .warning-button:hover:not(:disabled){background:#b45309;transform:translateY(-1px)}.user-account-administration .user-accounts-desktop .data-table td{vertical-align:middle;padding-top:18px;padding-bottom:18px}.user-account-administration .table-secondary-text{color:var(--otos-text-718078,#718078);margin-top:5px;font-size:12px;line-height:1.5}.user-account-administration .user-accounts-desktop .data-table td:first-child strong{color:var(--otos-text-244c36,#244c36);font-weight:650}.user-account-administration .user-accounts-desktop .data-table td:last-child{min-width:270px}.user-account-administration .user-accounts-desktop .data-table td:nth-child(4){min-width:155px}.user-account-administration .user-account-actions{flex-wrap:wrap;justify-content:flex-start;align-items:center;gap:8px;display:flex}.user-account-administration .account-action-button{white-space:nowrap;cursor:pointer;border:1px solid #0000;border-radius:8px;justify-content:center;align-items:center;gap:7px;min-height:36px;padding:8px 12px;font-family:inherit;font-size:12px;font-weight:600;line-height:1.35;transition:background-color .15s,border-color .15s,box-shadow .15s;display:inline-flex}.user-account-administration .account-action-button svg{flex-shrink:0}.user-account-administration .account-action--manage{background:var(--otos-surface-eef7f1,#eef7f1);color:var(--otos-text-21613a,#21613a);border-color:var(--otos-border-c8dfd0,#c8dfd0)}.user-account-administration .account-action--manage:hover:not(:disabled){background:var(--otos-surface-deeee3,#deeee3);border-color:var(--otos-border-90b99c,#90b99c)}.user-account-administration .account-action--suspend{background:var(--otos-surface-fffbeb,#fffbeb);color:var(--otos-text-92400e,#92400e);border-color:var(--otos-border-f3d58b,#f3d58b)}.user-account-administration .account-action--suspend:hover:not(:disabled){background:var(--otos-surface-fef3c7,#fef3c7);border-color:#d5a741}.user-account-administration .account-action--reactivate{color:#fff;background:#226b3d;border-color:#226b3d}.user-account-administration .account-action--reactivate:hover:not(:disabled){background:#195a31;border-color:#195a31}.user-account-administration .account-action--resend{background:var(--otos-surface-f0f5fb,#f0f5fb);color:var(--otos-text-315d85,#315d85);border-color:var(--otos-border-ccdceb,#ccdceb)}.user-account-administration .account-action--resend:hover:not(:disabled){background:var(--otos-surface-e2edf8,#e2edf8);border-color:var(--otos-border-95b5d4,#95b5d4)}.user-account-administration .account-action-button:focus-visible{outline:3px solid var(--otos-border-a6cdb3,#a6cdb3);outline-offset:3px}.user-account-administration .account-action-button:disabled{opacity:.5;cursor:not-allowed}.user-account-administration .account-status-badge{white-space:nowrap;vertical-align:middle;border:1px solid #0000;border-radius:999px;align-items:center;gap:6px;padding:6px 10px;font-size:12px;font-style:normal;font-weight:600;line-height:1.3;display:inline-flex}.user-account-administration .account-status--active{color:var(--otos-text-166534,#166534);background:var(--otos-surface-e8f5ec,#e8f5ec);border-color:var(--otos-border-c5e4cf,#c5e4cf)}.user-account-administration .account-status--invited{color:var(--otos-text-245b8f,#245b8f);background:var(--otos-surface-edf5ff,#edf5ff);border-color:var(--otos-border-cedeef,#cedeef)}.user-account-administration .account-status--pending{color:var(--otos-text-92400e,#92400e);background:var(--otos-surface-fff7df,#fff7df);border-color:var(--otos-border-f2dfa8,#f2dfa8)}.user-account-administration .account-status--suspended{color:var(--otos-text-9f3030,#9f3030);background:var(--otos-surface-fdf0f0,#fdf0f0);border-color:var(--otos-border-edcccc,#edcccc)}.user-account-administration .account-status--inactive{color:var(--otos-text-5c6862,#5c6862);background:var(--otos-surface-f0f3f1,#f0f3f1);border-color:var(--otos-border-dce3de,#dce3de)}.user-account-administration .account-role-list{vertical-align:middle;flex-wrap:wrap;gap:5px;display:inline-flex}.user-account-administration .account-role-badge{border:1px solid var(--otos-border-dce5df,#dce5df);background:var(--otos-surface-f5f8f6,#f5f8f6);color:var(--otos-text-526159,#526159);white-space:nowrap;border-radius:6px;padding:4px 8px;font-size:11px;font-weight:600;line-height:1.35;display:inline-block}.user-account-administration .account-email-verification{align-items:center;gap:4px;font-size:12px;font-weight:500;display:inline-flex}.user-account-administration .account-email-verification.is-verified{color:var(--otos-text-407752,#407752)}.user-account-administration .account-email-verification.is-unverified{color:var(--otos-text-7c847f,#7c847f)}.user-account-administration .account-email-verification svg{flex-shrink:0}@media (width<=768px){.user-account-administration .user-account-actions{gap:8px}.user-account-administration .user-account-actions .account-action-button{white-space:normal;flex:130px;width:auto;min-height:42px}.user-account-administration .user-account-card-header .account-status-badge{white-space:normal;flex-shrink:0;max-width:46%}}.personnel-administration .personnel-new-button{justify-content:center;align-items:center;gap:8px;display:inline-flex}.personnel-administration .directory-search{width:min(100%,390px);position:relative}.personnel-administration .directory-search>svg{color:var(--otos-text-829087,#829087);pointer-events:none;position:absolute;top:50%;left:14px;transform:translateY(-50%)}.personnel-administration .directory-search input{width:100%;padding-left:41px;font-size:14px}.personnel-administration .directory-status-filter{border:1px solid var(--otos-border-dce6df,#dce6df);background:var(--otos-surface-edf3ef,#edf3ef);border-radius:10px;padding:4px}.personnel-administration .directory-status-filter button{border-radius:7px;min-height:36px;padding:8px 15px;font-size:13px;font-weight:600}.personnel-administration .directory-status-filter button.active{background:var(--otos-surface-ffffff,#fff);color:var(--otos-text-21613a,#21613a);box-shadow:0 1px 4px #1941281a}.personnel-administration .directory-status-filter button:focus-visible,.personnel-administration .personnel-view-button:focus-visible{outline:3px solid var(--otos-border-a6cdb3,#a6cdb3);outline-offset:3px}.personnel-filter-summary{color:var(--otos-text-718078,#718078);justify-content:space-between;align-items:center;gap:12px;margin:-2px 0 14px;font-size:13px;display:flex}.personnel-administration .data-table td{vertical-align:middle;padding-top:17px;padding-bottom:17px}.personnel-administration .data-table td:first-child strong{color:var(--otos-text-244c36,#244c36);font-weight:650}.personnel-administration .table-secondary-text{color:var(--otos-text-718078,#718078);margin-top:5px;font-size:12px;font-weight:400}.personnel-administration .data-table td:nth-child(4),.personnel-salary-column{white-space:nowrap;min-width:64px}.personnel-administration .data-table td:nth-child(2),.personnel-administration .data-table td:nth-child(3){min-width:170px;line-height:1.5}.personnel-administration .data-table td:nth-child(5){min-width:170px;color:var(--otos-text-526159,#526159);font-size:12px;line-height:1.5}.personnel-administration .personnel-view-button{border:1px solid var(--otos-border-c8dfd0,#c8dfd0);background:var(--otos-surface-eef7f1,#eef7f1);min-height:36px;color:var(--otos-text-21613a,#21613a);cursor:pointer;border-radius:8px;justify-content:center;align-items:center;gap:7px;padding:8px 12px;font-family:inherit;font-size:12px;font-weight:600;transition:background-color .15s,border-color .15s;display:inline-flex}.personnel-administration .personnel-view-button:hover{background:var(--otos-surface-deeee3,#deeee3);border-color:var(--otos-border-90b99c,#90b99c)}.personnel-administration .personnel-status{white-space:nowrap;border:1px solid #0000;border-radius:999px;align-items:center;gap:6px;padding:6px 10px;font-size:12px;font-style:normal;font-weight:600;line-height:1.3;display:inline-flex}.personnel-administration .personnel-status.active{color:var(--otos-text-166534,#166534);background:var(--otos-surface-e8f5ec,#e8f5ec);border-color:var(--otos-border-c5e4cf,#c5e4cf)}.personnel-administration .personnel-status.inactive{color:var(--otos-text-5c6862,#5c6862);background:var(--otos-surface-f0f3f1,#f0f3f1);border-color:var(--otos-border-dce3de,#dce3de)}.personnel-account-badge{border:1px solid var(--otos-border-d5e2eb,#d5e2eb);background:var(--otos-surface-f0f5fa,#f0f5fa);color:var(--otos-text-4b657d,#4b657d);white-space:nowrap;border-radius:6px;padding:4px 8px;font-size:11px;font-weight:600;line-height:1.35;display:inline-block}.personnel-account-badge.is-unlinked{background:var(--otos-surface-f5f7f5,#f5f7f5);border-color:var(--otos-border-dce3de,#dce3de);color:var(--otos-text-7a857e,#7a857e)}.personnel-administration .personnel-directory-card .table-wrapper{overflow:visible}.personnel-administration .personnel-desktop-table{overflow-x:auto}.personnel-administration .otos-pagination{margin-top:16px}@media (width<=768px){.personnel-administration .directory-toolbar{flex-direction:column;align-items:stretch;gap:12px}.personnel-administration .directory-search{width:100%}.personnel-administration .directory-status-filter{justify-content:space-between;display:flex}.personnel-administration .directory-status-filter button{flex:1}.personnel-administration .personnel-mobile-actions .personnel-view-button{width:100%;min-height:42px}.personnel-administration .personnel-mobile-header .personnel-status{flex-shrink:0}}.organizational-structure-page .organization-add-button{justify-content:center;align-items:center;gap:8px;display:inline-flex}.organizational-structure-page .organization-tree-hint{color:var(--otos-text-718078,#718078);margin:8px 0 18px;font-size:13px;line-height:1.6}.organizational-structure-page .organization-tree{padding:4px 4px 16px;display:block;overflow-x:auto}.organizational-structure-page .organization-tree:focus-visible{outline:2px solid var(--otos-border-95b99c,#95b99c);outline-offset:3px;border-radius:8px}.organizational-structure-page .organization-tree-list,.organizational-structure-page .organization-tree-children{margin:0;padding:0;list-style:none}.organizational-structure-page .organization-tree-list{min-width:540px}.organizational-structure-page .organization-tree-node{margin:0 0 10px;position:relative}.organizational-structure-page .organization-tree-node:last-child{margin-bottom:0}.organizational-structure-page .organization-tree-children{margin-left:28px;padding:12px 0 2px 28px}.organizational-structure-page .organization-tree-children>.organization-tree-node:before{content:"";border-left:2px solid var(--otos-border-b8cfc0,#b8cfc0);width:0;position:absolute;top:-12px;bottom:-10px;left:-29px}.organizational-structure-page .organization-tree-children>.organization-tree-node:last-child:before{height:44px;bottom:auto}.organizational-structure-page .organization-tree-children>.organization-tree-node:after{content:"";border-top:2px solid var(--otos-border-b8cfc0,#b8cfc0);width:28px;position:absolute;top:32px;left:-28px}.organizational-structure-page .organization-tree-item{border:1px solid var(--otos-border-dfe8e2,#dfe8e2);border-left:3px solid var(--otos-border-d5e2d9,#d5e2d9);background:var(--otos-surface-ffffff,#fff);border-radius:10px;align-items:flex-start;gap:12px;min-height:76px;margin-left:0;padding:16px}.organizational-structure-page .is-parent>.organization-tree-item{background:var(--otos-surface-f4f9f5,#f4f9f5);border-left-color:var(--otos-border-80aa8d,#80aa8d)}.organizational-structure-page .is-root{margin-bottom:24px}.organizational-structure-page .is-root>.organization-tree-item{background:var(--otos-surface-e7f2eb,#e7f2eb);border-color:var(--otos-border-bed7c7,#bed7c7);border-left:5px solid #226b3d;padding:18px 16px}.organizational-structure-page .organization-tree-name{gap:8px;line-height:1.45}.organizational-structure-page .organization-tree-name strong{color:var(--otos-text-314d3c,#314d3c);font-size:14px;font-weight:600}.organizational-structure-page .is-parent>.organization-tree-item .organization-tree-name strong{color:var(--otos-text-254e35,#254e35);font-weight:700}.organizational-structure-page .is-root>.organization-tree-item .organization-tree-name strong{color:var(--otos-text-174c2d,#174c2d);font-size:17px}.organizational-structure-page .organization-tree-toggle{border:1px solid var(--otos-border-c4d9cb,#c4d9cb);width:30px;height:30px;color:var(--otos-text-21613a,#21613a);background:var(--otos-surface-ffffff,#fff);cursor:pointer;border-radius:7px;flex-shrink:0;justify-content:center;align-items:center;padding:0;display:inline-flex}.organizational-structure-page .organization-tree-toggle:hover{background:var(--otos-surface-e0eee5,#e0eee5);border-color:var(--otos-border-90b99c,#90b99c)}.organizational-structure-page .organization-tree-toggle svg{transition:transform .15s}.organizational-structure-page .organization-tree-toggle[aria-expanded=true] svg{transform:rotate(90deg)}.organizational-structure-page .organization-tree-leaf-marker{flex-shrink:0;justify-content:center;align-items:center;width:30px;height:30px;display:inline-flex}.organizational-structure-page .organization-tree-leaf-marker span{border:2px solid var(--otos-border-95b69f,#95b69f);background:var(--otos-surface-ffffff,#fff);border-radius:50%;width:7px;height:7px}.organizational-structure-page .organization-tree-meta{flex-wrap:wrap;align-items:center;gap:8px;margin-top:6px;line-height:1.4;display:flex}.organizational-structure-page .organization-unit-code{color:var(--otos-text-728278,#728278);font-size:11px;font-weight:500}.organizational-structure-page .organization-unit-type{border:1px solid var(--otos-border-d2e1d7,#d2e1d7);background:var(--otos-surface-ffffff,#fff);color:var(--otos-text-526b5b,#526b5b);border-radius:5px;padding:3px 7px;font-size:10px;font-weight:600;display:inline-block}.organizational-structure-page .organization-child-count{color:var(--otos-text-64806d,#64806d);font-size:11px}.organizational-structure-page .organization-parent-label{color:var(--otos-text-87918b,#87918b);margin:6px 0 0;font-size:11px;line-height:1.5}.organizational-structure-page .organization-parent-label span{color:var(--otos-text-687e70,#687e70)}.organizational-structure-page .organization-edit-button{border:1px solid var(--otos-border-c8dfd0,#c8dfd0);background:var(--otos-surface-ffffff,#fff);min-height:33px;color:var(--otos-text-21613a,#21613a);cursor:pointer;border-radius:7px;flex-shrink:0;align-items:center;gap:6px;margin-left:auto;padding:7px 11px;font-family:inherit;font-size:12px;font-weight:600;display:inline-flex}.organizational-structure-page .organization-edit-button:hover{background:var(--otos-surface-e5f1e9,#e5f1e9);border-color:var(--otos-border-90b99c,#90b99c)}.organizational-structure-page .organization-edit-button:focus-visible,.organizational-structure-page .organization-tree-toggle:focus-visible{outline:3px solid var(--otos-border-a6cdb3,#a6cdb3);outline-offset:3px}@media (width<=768px){.organizational-structure-page .organization-tree-list{min-width:490px}.organizational-structure-page .organization-tree-children{margin-left:20px;padding-left:20px}.organizational-structure-page .organization-tree-children>.organization-tree-node:before{left:-21px}.organizational-structure-page .organization-tree-children>.organization-tree-node:after{width:20px;left:-20px}.organizational-structure-page .organization-tree-item{gap:9px;padding:14px 12px}.organizational-structure-page .organization-tree-name strong{font-size:13px}}.workflow-administration .workflow-create-toggle{justify-content:center;align-items:center;gap:8px;display:inline-flex}.workflow-configured{margin-top:26px}.workflow-section-heading{justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:20px;display:flex}.workflow-section-heading h2{color:var(--otos-text-244c36,#244c36);margin:0;font-size:21px}.workflow-section-heading p{color:var(--otos-text-718078,#718078);margin:7px 0 0;font-size:13px;line-height:1.5}.workflow-count{border:1px solid var(--otos-border-dce6df,#dce6df);background:var(--otos-surface-f0f5f2,#f0f5f2);color:var(--otos-text-607368,#607368);border-radius:999px;flex-shrink:0;padding:5px 10px;font-size:12px;font-weight:600}.workflow-filter-bar{background:var(--otos-surface-ffffff,#fff);border:1px solid var(--otos-border-dfe8e2,#dfe8e2);border-radius:11px;grid-template-columns:minmax(0,1fr) 220px;gap:16px;margin-bottom:22px;padding:18px;display:grid}.workflow-filter-bar .form-group{min-width:0;margin:0}.workflow-administration .workflow-filter-bar label{color:var(--otos-text-52685b,#52685b);margin-bottom:7px;font-size:12px}.workflow-administration .workflow-filter-bar input,.workflow-administration .workflow-filter-bar select{height:42px;min-height:42px;padding-top:8px;padding-bottom:8px;font-size:13px}.workflow-search-field{position:relative}.workflow-search-field>svg{pointer-events:none;color:var(--otos-text-829087,#829087);position:absolute;top:50%;left:13px;transform:translateY(-50%)}.workflow-administration .workflow-search-field input{padding-left:39px}.workflow-rule-list{gap:14px;display:grid}.workflow-rule-card{border:1px solid var(--otos-border-dfe8e2,#dfe8e2);border-left:4px solid var(--otos-border-d0d9d3,#d0d9d3);background:var(--otos-surface-ffffff,#fff);border-radius:11px;padding:20px;box-shadow:0 2px 5px #19412806}.workflow-rule--active{border-left-color:#3b8555}.workflow-rule--draft{border-left-color:#d5a741}.workflow-rule--historical{border-left-color:var(--otos-border-b5c0b9,#b5c0b9);background:var(--otos-surface-fbfcfb,#fbfcfb)}.workflow-rule-header{justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.workflow-rule-identity{min-width:0}.workflow-rule-identity h3{color:var(--otos-text-244c36,#244c36);overflow-wrap:anywhere;margin:0 0 9px;font-size:16px;font-weight:650;line-height:1.4}.workflow-rule-meta{color:var(--otos-text-718078,#718078);flex-wrap:wrap;align-items:center;gap:8px 18px;font-size:12px;display:flex}.workflow-rule-meta>span{align-items:center;gap:6px;line-height:1.5;display:inline-flex}.workflow-rule-meta svg{color:var(--otos-text-8a9b90,#8a9b90);flex-shrink:0}.workflow-status-badge{border:1px solid #0000;border-radius:999px;flex-shrink:0;align-items:center;gap:6px;padding:5px 10px;font-size:11px;font-weight:600;line-height:1.4;display:inline-flex}.workflow-status--active{color:var(--otos-text-166534,#166534);background:var(--otos-surface-e8f5ec,#e8f5ec);border-color:var(--otos-border-c5e4cf,#c5e4cf)}.workflow-status--draft{color:var(--otos-text-92400e,#92400e);background:var(--otos-surface-fff7df,#fff7df);border-color:var(--otos-border-f2dfa8,#f2dfa8)}.workflow-status--historical{color:var(--otos-text-68756d,#68756d);background:var(--otos-surface-f0f3f1,#f0f3f1);border-color:var(--otos-border-dce3de,#dce3de)}.workflow-card-bottom{border-top:1px solid var(--otos-border-edf2ee,#edf2ee);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:14px;margin-top:17px;padding-top:17px;display:flex}.workflow-version-meta{color:var(--otos-text-829087,#829087);flex-wrap:wrap;align-items:center;gap:10px;font-size:11px;display:flex}.workflow-version{border:1px solid var(--otos-border-e1e8e3,#e1e8e3);color:var(--otos-text-68796e,#68796e);background:var(--otos-surface-f7faf8,#f7faf8);border-radius:5px;padding:3px 7px;font-weight:600}.workflow-card-actions{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.workflow-button{cursor:pointer;border:1px solid #0000;border-radius:7px;justify-content:center;align-items:center;gap:6px;min-height:35px;padding:8px 12px;font-family:inherit;font-size:12px;font-weight:600;line-height:1.35;transition:background-color .15s,border-color .15s;display:inline-flex}.workflow-button--view{background:var(--otos-surface-eef7f1,#eef7f1);color:var(--otos-text-21613a,#21613a);border-color:var(--otos-border-c8dfd0,#c8dfd0)}.workflow-button--view:hover{background:var(--otos-surface-deeee3,#deeee3);border-color:var(--otos-border-90b99c,#90b99c)}.workflow-button--edit{background:var(--otos-surface-fffbeb,#fffbeb);color:var(--otos-text-92400e,#92400e);border-color:var(--otos-border-f3d58b,#f3d58b)}.workflow-button--edit:hover{background:var(--otos-surface-fef3c7,#fef3c7)}.workflow-button--activate{color:#fff;background:#226b3d;border-color:#226b3d}.workflow-button--activate:hover:not(:disabled){background:#195a31}.workflow-button:disabled{opacity:.5;cursor:not-allowed}.workflow-button:focus-visible{outline:3px solid var(--otos-border-a6cdb3,#a6cdb3);outline-offset:3px}.workflow-step-details{border-top:1px solid var(--otos-border-e7ede9,#e7ede9);margin-top:18px;padding-top:18px}.workflow-effective-period{color:var(--otos-text-718078,#718078);flex-wrap:wrap;align-items:center;gap:8px 14px;margin:0 0 18px;font-size:12px;display:flex}.workflow-effective-period strong{color:var(--otos-text-52685b,#52685b);font-size:11px;font-weight:600}.workflow-history-note{color:var(--otos-text-829087,#829087);margin:0 0 16px;font-size:12px;line-height:1.5}.workflow-approval-steps{margin:0;padding:0;list-style:none}.workflow-approval-steps>li{align-items:center;gap:12px;min-height:62px;padding:10px 0;display:flex;position:relative}.workflow-approval-steps>li:not(:last-child):after{content:"";border-left:2px solid var(--otos-border-dce8df,#dce8df);position:absolute;top:42px;bottom:-11px;left:15px}.workflow-step-number{border:1px solid var(--otos-border-c5dbcc,#c5dbcc);width:32px;height:32px;color:var(--otos-text-36724b,#36724b);background:var(--otos-surface-eef7f1,#eef7f1);z-index:1;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:12px;font-weight:700;display:inline-flex}.workflow-step-description{flex-direction:column;flex:1;gap:5px;min-width:0;display:flex}.workflow-step-description strong{color:var(--otos-text-3f5949,#3f5949);overflow-wrap:anywhere;font-size:12px;font-weight:600;line-height:1.5}.workflow-step-description>span{color:var(--otos-text-829087,#829087);font-size:11px;line-height:1.5}.workflow-action-badge{border:1px solid #0000;border-radius:6px;flex-shrink:0;padding:4px 8px;font-size:10px;font-weight:600;display:inline-block}.workflow-action--review{color:var(--otos-text-426c94,#426c94);background:var(--otos-surface-edf4fb,#edf4fb);border-color:var(--otos-border-d4e3f1,#d4e3f1)}.workflow-action--recommend{color:var(--otos-text-976516,#976516);background:var(--otos-surface-fff8e6,#fff8e6);border-color:var(--otos-border-f1e3b7,#f1e3b7)}.workflow-action--approve{color:var(--otos-text-287244,#287244);background:var(--otos-surface-eaf5ed,#eaf5ed);border-color:var(--otos-border-cde5d4,#cde5d4)}.workflow-step-inactive{color:var(--otos-text-89938d,#89938d);font-size:10px}.workflow-empty{border:1px dashed var(--otos-border-d5e0d8,#d5e0d8);background:var(--otos-surface-ffffff,#fff);color:var(--otos-text-829087,#829087);text-align:center;border-radius:11px;padding:36px 20px;font-size:13px}.workflow-administration .workflow-editor{border:1px solid var(--otos-border-dbe6de,#dbe6de);background:var(--otos-surface-ffffff,#fff);border-radius:12px;margin-bottom:28px;padding:24px}.workflow-administration .workflow-editor>h2{color:var(--otos-text-244c36,#244c36);margin:0 0 8px;font-size:21px}.workflow-administration .workflow-editor>p{color:var(--otos-text-718078,#718078);font-size:13px;line-height:1.5}.workflow-details-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-top:22px;display:grid}.workflow-details-grid>.form-group:first-child{grid-column:1/-1}.workflow-details-grid .form-group,.workflow-builder-step .form-group{min-width:0;margin:0}.workflow-administration .workflow-editor input,.workflow-administration .workflow-editor select{height:44px;min-height:44px;padding-top:8px;padding-bottom:8px;font-size:13px}.workflow-administration .workflow-editor label{font-size:12px}.workflow-sequence-builder{border:1px solid var(--otos-border-e0e9e3,#e0e9e3);background:var(--otos-surface-f6f9f7,#f6f9f7);border-radius:10px;padding:20px}.workflow-sequence-builder .page-heading{margin-bottom:18px}.workflow-sequence-builder h2{color:var(--otos-text-345340,#345340);font-size:17px}.workflow-sequence-builder .page-heading p{font-size:12px;line-height:1.5}.workflow-sequence-builder button{justify-content:center;align-items:center;gap:6px;font-size:12px;display:inline-flex}.workflow-builder-step{border:1px solid var(--otos-border-dbe6de,#dbe6de);background:var(--otos-surface-ffffff,#fff);border-radius:9px;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;padding:18px;display:grid}.workflow-builder-step>div:first-child{grid-column:1/-1}.workflow-builder-step h3{color:var(--otos-text-345340,#345340);font-size:14px}@media (width<=768px){.workflow-filter-bar{grid-template-columns:1fr;gap:14px;padding:14px}.workflow-rule-card{padding:16px}.workflow-rule-header{gap:10px}.workflow-rule-identity h3{font-size:14px}.workflow-rule-meta{flex-direction:column;align-items:flex-start;gap:6px}.workflow-card-bottom{align-items:stretch}.workflow-card-actions{width:100%}.workflow-card-actions .workflow-button{flex:125px}.workflow-approval-steps>li{flex-wrap:wrap;gap:9px;padding-bottom:14px}.workflow-step-description{flex-basis:calc(100% - 50px)}.workflow-action-badge{margin-left:41px}.workflow-builder-step,.workflow-details-grid{grid-template-columns:1fr}.workflow-administration .workflow-editor{padding:18px}.workflow-sequence-builder{padding:14px}.workflow-section-heading{gap:10px}}.otos-search-field{width:100%;min-width:0;display:block;position:relative}.otos-search-field>.otos-search-icon{z-index:1;width:17px;height:17px;color:var(--otos-text-829087,#829087);pointer-events:none;position:absolute;top:50%;left:14px;transform:translateY(-50%)}.otos-search-field input[type=search]{width:100%;padding-left:41px}.otos-search-field input[type=search]::-webkit-search-decoration{-webkit-appearance:none}.password-strength-panel{max-width:520px;margin:16px 0 22px}.password-strength-row{align-items:center;gap:12px;margin-bottom:13px;display:flex}.password-strength-track{background:var(--otos-surface-e3eae5,#e3eae5);border-radius:999px;flex:1;height:8px;overflow:hidden}.password-strength-track>span{border-radius:inherit;background:var(--otos-surface-b9c5bd,#b9c5bd);height:100%;transition:width .2s,background-color .2s;display:block}.password-strength-label{background:var(--otos-surface-edf1ee,#edf1ee);min-width:60px;color:var(--otos-text-7c8980,#7c8980);text-align:center;border-radius:999px;flex-shrink:0;padding:3px 9px;font-size:11px;font-weight:600;line-height:1.4}.password-strength--weak .password-strength-track>span{background:var(--otos-surface-dc6666,#dc6666)}.password-strength--weak .password-strength-label{color:var(--otos-text-9f3030,#9f3030);background:var(--otos-surface-fcecec,#fcecec)}.password-strength--fair .password-strength-track>span{background:#d6a333}.password-strength--fair .password-strength-label{color:var(--otos-text-946415,#946415);background:var(--otos-surface-fff4d8,#fff4d8)}.password-strength--good .password-strength-track>span{background:#66a47c}.password-strength--good .password-strength-label{color:var(--otos-text-39794e,#39794e);background:var(--otos-surface-e8f3eb,#e8f3eb)}.password-strength--strong .password-strength-track>span{background:#22b94f}.password-strength--strong .password-strength-label{color:#fff;background:#15803d}.password-requirement-checklist{gap:7px;margin:0;padding:0;list-style:none;display:grid}.password-requirement-checklist li{color:var(--otos-text-87918b,#87918b);align-items:center;gap:8px;font-size:13px;line-height:1.5;display:flex}.password-requirement-checklist li.is-met{color:var(--otos-text-15803d,#15803d)}.password-requirement-icon{border:1px solid var(--otos-border-c6d0c9,#c6d0c9);background:var(--otos-surface-f5f8f6,#f5f8f6);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:17px;height:17px;display:inline-flex}.is-met .password-requirement-icon{color:#fff;background:#19ae48;border-color:#19ae48}.password-match-feedback{color:var(--otos-text-946415,#946415);margin:12px 0 0;font-size:12px}.password-match-feedback.is-matching{color:var(--otos-text-15803d,#15803d)}.password-strength-panel .sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.user-account-administration .account-manage-panel{gap:0;padding:0;scroll-margin-top:24px;overflow:hidden;box-shadow:0 4px 18px #183d2410}.account-manage-panel:focus-visible{outline-offset:3px;outline:3px solid #438a5c}.user-account-administration .account-manage-header{background:var(--otos-surface-f0f7f2,#f0f7f2);border-bottom:1px solid var(--otos-border-dce8df,#dce8df);margin:0;padding:20px 24px}.account-manage-header>div{min-width:0}.user-account-administration .account-manage-header p{color:var(--otos-text-627369,#627369);margin-top:5px;font-size:13px}.account-employee-summary{padding:22px 24px}.account-employee-title{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.account-detail-label,.account-detail-grid dt{color:var(--otos-text-65766b,#65766b);font-size:12px;font-weight:600}.user-account-administration .account-employee-title h3{margin:4px 0 0;font-size:19px}.account-detail-grid{grid-template-columns:1fr 1.2fr 1.5fr;gap:20px;margin:20px 0 0;display:grid}.account-detail-grid dd{overflow-wrap:anywhere;margin:6px 0 0;font-size:14px}.account-detail-grid dd>span{margin-top:6px;display:flex}.account-management-grid{grid-template-columns:1fr 1fr;gap:16px;padding:0 24px 24px;display:grid}.account-management-card{border:1px solid var(--otos-border-e0e8e2,#e0e8e2);border-radius:10px;flex-direction:column;align-items:flex-start;gap:12px;min-width:0;padding:20px;display:flex}.user-account-administration .account-management-card h3{margin:0;font-size:16px}.user-account-administration .account-management-card p{font-size:13px}.user-account-administration .account-management-card .account-section-help{color:var(--otos-text-68786e,#68786e)}.account-security-card{grid-column:1/-1}.account-management-card>.form-group{width:100%;margin:0}.account-management-card button,.account-manage-header button{border-radius:8px;min-height:38px;padding:9px 14px;font-size:13px}.account-security-card .form-group>label{margin-top:14px}@media (width<=768px){.account-detail-grid,.account-management-grid{grid-template-columns:1fr}.account-detail-grid{gap:14px}.user-account-administration .account-manage-header,.account-employee-summary{padding:18px}.account-management-grid{padding:0 18px 18px}.account-management-card{padding:16px}}.profile-media-grid{grid-template-columns:repeat(2,minmax(0,1fr));align-items:stretch;gap:20px;display:grid}.profile-media-grid>.profile-content{min-width:0;margin:0 0 24px;padding:24px}.profile-media-grid .form-section{flex-direction:column;gap:16px;height:100%;margin:0;display:flex}.profile-media-grid .form-section-heading{margin:0;padding-bottom:16px}.profile-media-grid .form-section-heading h2{font-size:20px}.profile-media-grid .form-section-heading p{font-size:13px}.profile-media-grid .signature-preview,.pds-photo-preview{box-sizing:border-box;border:1px solid var(--otos-border-dfe7e2,#dfe7e2);background:var(--otos-surface-fbfdfb,#fbfdfb);border-radius:10px;height:220px;min-height:220px;margin:0;padding:16px}.profile-media-grid .signature-preview img{object-fit:contain;max-width:100%;max-height:155px}.pds-photo-preview{color:var(--otos-text-7a8c80,#7a8c80);text-align:center;justify-content:center;align-items:center;display:flex}.pds-photo-preview img{object-fit:contain;border-radius:4px;max-width:100%;height:188px}.pds-photo-preview p{margin:8px 0 0;font-size:13px}.profile-media-grid .signature-status{flex-wrap:wrap;gap:10px;margin:0;padding:14px}.profile-media-grid .signature-status strong{overflow-wrap:anywhere;font-size:14px}.profile-media-grid .signature-status small,.profile-media-grid .signature-status-label{font-size:12px}.profile-media-grid .form-field{margin:0}.profile-media-grid input[type=file]{max-width:100%;font-size:13px}.profile-media-grid input[type=file]::file-selector-button{border:1px solid var(--otos-border-cbded0,#cbded0);background:var(--otos-surface-eef6f0,#eef6f0);color:var(--otos-text-245c38,#245c38);cursor:pointer;border-radius:6px;margin-right:10px;padding:7px 10px}.profile-media-grid .form-actions{margin-top:auto;padding-top:16px}@media (width<=900px){.profile-media-grid{grid-template-columns:1fr}.profile-media-grid>.profile-content{padding:20px}}.user-avatar{flex-shrink:0;overflow:hidden}.user-avatar img{object-fit:cover;border-radius:inherit;width:100%;height:100%;display:block}.page-heading p.dashboard-welcome{font-size:18px;line-height:1.5}.dashboard-welcome strong{color:var(--otos-text-27372d,#27372d);font-weight:700}.app-layout{--otos-header-height:74px}.app-layout .topbar,.app-layout .sidebar-brand{height:var(--otos-header-height);min-height:var(--otos-header-height);box-sizing:border-box;flex-shrink:0}.app-layout .sidebar-brand{gap:12px;padding:10px 18px}.app-layout .sidebar-logo{width:48px;height:48px}.app-layout .sidebar-brand>div:last-child{min-width:0}.app-layout .sidebar-brand strong{font-size:15px;line-height:1.4}.app-layout .sidebar-brand strong,.app-layout .topbar-system{font-size:18px;font-weight:700;line-height:1.35}@media (width<=768px){.app-layout .sidebar-brand strong,.app-layout .topbar-system{font-size:15px}}.approved-register-filters{background:var(--otos-surface-ffffff,#fff);border:1px solid var(--otos-border-dfe9e2,#dfe9e2);border-radius:12px;grid-template-columns:minmax(220px,1.3fr) minmax(180px,1fr) minmax(310px,1.4fr) auto;align-items:end;gap:18px;margin-bottom:22px;padding:20px;display:grid}.approved-register-filters>div{min-width:0}.approved-register-filters label,.approved-register-date-range legend{color:var(--otos-text-35483c,#35483c);margin-bottom:8px;font-size:12px;font-weight:600;display:block}.approved-register-filters input,.approved-register-filters .searchable-select-trigger{box-sizing:border-box;border:1px solid var(--otos-border-ccd8cf,#ccd8cf);width:100%;min-width:0;height:44px;min-height:44px;font:inherit;color:var(--otos-text-26342b,#26342b);background:var(--otos-surface-ffffff,#fff);border-radius:8px;padding:10px 12px;font-size:13px}.approved-register-filters .otos-search-field input[type=search]{padding-left:39px}.approved-register-filters input:focus{outline-offset:1px;outline:2px solid #6d9d7e}.approved-register-filters>.secondary-button{white-space:nowrap;border-radius:8px;justify-content:center;align-items:center;gap:7px;height:44px;padding:10px 14px;font-size:12px;display:inline-flex}.approved-register-filters>.secondary-button:disabled{opacity:.5;cursor:default}.approved-register-date-range{border:0;grid-template-columns:1fr 1fr;gap:12px;min-width:0;margin:0;padding:0;display:grid;position:relative}.approved-register-date-range legend{margin-bottom:10px;padding:0}.approved-register-date-range label{color:var(--otos-text-6b776f,#6b776f);margin-bottom:6px;font-size:11px;font-weight:400}.approved-register-timezone{color:var(--otos-text-6b776f,#6b776f);font-size:10px;position:absolute;top:-25px;right:0}.content-card.approved-register{padding:0;overflow:hidden}.approved-register-header{border-bottom:1px solid var(--otos-border-dfe9e2,#dfe9e2);justify-content:space-between;align-items:center;gap:16px;padding:20px 22px;display:flex}.approved-register-heading{align-items:center;gap:12px;min-width:0;display:flex}.approved-register-heading-icon{background:var(--otos-surface-e7f1eb,#e7f1eb);width:40px;height:40px;color:var(--otos-text-226b3d,#226b3d);border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.approved-register-heading h2{color:var(--otos-text-26342b,#26342b);margin:0 0 5px;font-size:16px}.approved-register-heading p{color:var(--otos-text-6b776f,#6b776f);margin:0;font-size:12px;line-height:1.5}.approved-register-readonly{border:1px solid var(--otos-border-dfe9e2,#dfe9e2);background:var(--otos-surface-f4f8f5,#f4f8f5);color:var(--otos-text-6b776f,#6b776f);border-radius:6px;flex-shrink:0;align-items:center;gap:6px;padding:5px 9px;font-size:11px;display:inline-flex}.approved-register-view{white-space:nowrap;border-radius:7px;padding:8px 12px;font-size:12px;text-decoration:none;display:inline-flex}.approved-register .data-table{margin:0}.approved-register .data-table td{vertical-align:top}.approved-register .otos-pagination{margin:0;padding:18px 22px}@media (width<=1200px){.approved-register-filters{grid-template-columns:1fr 1fr}}@media (width<=768px){.approved-register-filters{grid-template-columns:1fr;padding:16px}.approved-register .data-table{min-width:950px}.approved-register-header{flex-wrap:wrap;align-items:flex-start;padding:18px}.approved-register-timezone{grid-column:1/-1;margin-top:-5px;position:static}}.page-content .records-card{background:var(--otos-surface-ffffff,#fff);border:1px solid var(--otos-border-dfe9e2,#dfe9e2);border-radius:12px;padding:0;box-shadow:0 3px 14px #19412809}.records-header{border-bottom:1px solid var(--otos-border-dfe9e2,#dfe9e2);justify-content:space-between;align-items:center;gap:16px;padding:20px 22px;display:flex}.records-header-main{align-items:center;gap:12px;min-width:0;display:flex}.records-header-icon{background:var(--otos-surface-e7f1eb,#e7f1eb);width:40px;height:40px;color:var(--otos-text-226b3d,#226b3d);border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.page-content .records-header h2{color:var(--otos-text-26342b,#26342b);margin:0 0 5px;font-size:16px;line-height:1.35}.page-content .records-header p{color:var(--otos-text-6b776f,#6b776f);margin:0;font-size:12px;line-height:1.5}.records-readonly{border:1px solid var(--otos-border-dfe9e2,#dfe9e2);background:var(--otos-surface-f4f8f5,#f4f8f5);color:var(--otos-text-6b776f,#6b776f);border-radius:6px;flex-shrink:0;align-items:center;gap:6px;padding:5px 9px;font-size:11px;display:inline-flex}.page-content :is(.action-filters,.directory-toolbar,.security-audit-filters,.workflow-filter-bar,.account-search-panel){border:1px solid var(--otos-border-dfe9e2,#dfe9e2);background:var(--otos-surface-ffffff,#fff);border-radius:12px;align-items:end;gap:16px;margin:0 0 20px;padding:18px 20px}.page-content .records-card .action-filters,.page-content .records-card .security-audit-filters,.page-content .records-card .account-search-panel{margin:18px 20px}.page-content :is(.action-filters,.security-audit-filters,.workflow-filter-bar) .form-group{min-width:0;margin:0}.page-content :is(.action-filters,.directory-toolbar,.security-audit-filters,.workflow-filter-bar,.account-search-panel) :is(input[type=search],input[type=text],input[type=date],select,.searchable-select-trigger){box-sizing:border-box;border:1px solid var(--otos-border-ccd8cf,#ccd8cf);background:var(--otos-surface-ffffff,#fff);max-width:100%;height:44px;min-height:44px;color:var(--otos-text-26342b,#26342b);font:inherit;border-radius:8px;padding:10px 12px;font-size:13px}.page-content :is(.action-filters,.directory-toolbar,.security-audit-filters,.workflow-filter-bar,.account-search-panel) .otos-search-field input[type=search]{width:100%;padding-left:39px}.page-content :is(.action-filters,.security-audit-filters,.workflow-filter-bar) label{color:var(--otos-text-35483c,#35483c);margin-bottom:7px;font-size:12px;font-weight:600}.page-content :is(.action-filters,.directory-toolbar,.security-audit-filters,.workflow-filter-bar) .clear-filter-button{border-radius:8px;min-height:44px;padding:10px 14px;font-size:12px}.page-content table.data-table{border-collapse:collapse;border:0;width:100%;margin:0;font-size:13px}.page-content table.data-table th{text-align:left;text-transform:none;letter-spacing:.1px;background:var(--otos-surface-f5f8f6,#f5f8f6);color:var(--otos-text-526159,#526159);border:0;border-bottom:1px solid var(--otos-border-dfe9e2,#dfe9e2);padding:13px 18px;font-size:12px;font-weight:600;line-height:1.4}.page-content table.data-table td{vertical-align:middle;color:var(--otos-text-35443a,#35443a);border:0;border-bottom:1px solid var(--otos-border-edf1ee,#edf1ee);overflow-wrap:anywhere;padding:16px 18px;font-size:13px;line-height:1.55}.page-content table.data-table tbody tr{background:0 0}.page-content table.data-table tbody tr:hover,.page-content table.data-table tbody tr:focus-within{background:var(--otos-surface-f4f8f5,#f4f8f5)}.page-content table.data-table tbody tr:last-child td{border-bottom:0}.page-content table.data-table td strong{font-size:13px;font-weight:600}.page-content table.data-table .table-secondary-text{color:var(--otos-text-6b776f,#6b776f);margin-top:4px;font-size:12px;font-weight:400}.page-content table.data-table :is(.primary-button,.secondary-button){border-radius:7px;justify-content:center;align-items:center;gap:6px;min-height:35px;padding:7px 12px;font-size:12px;text-decoration:none;display:inline-flex}.page-content table.data-table input[type=checkbox]{accent-color:#226b3d;width:16px;height:16px}.page-content .records-card .otos-pagination{border-top:1px solid var(--otos-border-dfe9e2,#dfe9e2);margin:0;padding:18px 22px}.page-content .otos-pagination{gap:14px;font-size:12px}.page-content .otos-pagination :is(button,select){border-radius:7px;min-height:36px;font-size:12px}.page-content .recent-orders-header{border-bottom:1px solid var(--otos-border-dfe9e2,#dfe9e2);gap:16px;padding:0 20px 0 0}.recent-orders-header .records-header{border:0}.page-content .security-audit-table-wrapper{border:0;border-radius:0;margin:0}.page-content .security-audit-section>p{margin-left:20px;margin-right:20px;font-size:13px}.page-content .user-accounts-records>.table-responsive{margin-top:0}@media (width<=768px){.records-header{flex-wrap:wrap;align-items:flex-start;padding:18px}.page-content :is(.action-filters,.directory-toolbar,.security-audit-filters,.workflow-filter-bar){gap:14px;padding:16px}.page-content .records-card .action-filters,.page-content .records-card .security-audit-filters,.page-content .records-card .account-search-panel{margin:16px}.page-content .action-filter-group{width:100%;min-width:0}.page-content .recent-orders-header{padding-right:16px}.page-content .recent-orders-header .records-header,.page-content .records-card .otos-pagination{padding:16px}}.page-content .batch-action-panel{border:1px solid var(--otos-border-dfe9e2,#dfe9e2);border-radius:12px;padding:0}.batch-action-panel .batch-action-heading{border-bottom:1px solid var(--otos-border-dfe9e2,#dfe9e2);margin:0;padding:20px 22px}.batch-panel-title{align-items:center;gap:12px;min-width:0;display:flex}.batch-panel-title h2{color:var(--otos-text-26342b,#26342b);margin:0 0 5px;font-size:16px}.batch-panel-title p{color:var(--otos-text-6b776f,#6b776f);margin:0;font-size:12px;line-height:1.5}.batch-action-heading .batch-selection-count{border:1px solid var(--otos-border-dfe9e2,#dfe9e2);background:var(--otos-surface-f4f8f5,#f4f8f5);white-space:nowrap;border-radius:7px;padding:6px 11px;font-size:12px;font-weight:600}.batch-panel-controls{padding:18px 22px}.batch-panel-controls .batch-mobile-select{cursor:pointer;align-items:center;gap:9px;margin:0;font-size:13px;font-weight:500;display:inline-flex}.batch-mobile-select input{accent-color:#226b3d;width:16px;height:16px;margin:0}.batch-panel-controls .batch-action-buttons:not(:empty){gap:9px;margin-top:16px}.batch-action-buttons button{border-radius:8px;justify-content:center;align-items:center;min-height:38px;padding:9px 14px;font-size:12px;display:inline-flex}.batch-panel-controls>p{color:var(--otos-text-6b776f,#6b776f);margin:14px 0 0;font-size:12px;line-height:1.5}.batch-action-panel .batch-action-help{border-top:1px solid var(--otos-border-dfe9e2,#dfe9e2);background:var(--otos-surface-f5f8f6,#f5f8f6);align-items:flex-start;gap:8px;margin:0;padding:13px 22px;font-size:12px;line-height:1.5;display:flex}.batch-action-help svg{flex-shrink:0;margin-top:1px}@media (width<=768px){.batch-action-panel .batch-action-heading{align-items:flex-start;padding:18px}.batch-panel-controls{padding:16px 18px}.batch-action-panel .batch-action-help{padding:13px 18px}}.page-content .searchable-select-option{min-height:36px;padding:9px 12px;font-size:13px;font-weight:400;line-height:1.45}.page-content .searchable-select-option.is-selected{font-weight:600}.page-content .searchable-select-empty{padding:14px 12px;font-size:12px}.page-content .searchable-select-search input[type=search]{height:40px;min-height:40px;font-size:13px}.page-content .searchable-select-options{max-height:240px}.page-content .personnel-administration .personnel-view-button{white-space:nowrap;overflow-wrap:normal;word-break:normal;flex-shrink:0;min-width:78px}.page-content .personnel-administration .personnel-view-button svg{flex-shrink:0;width:15px;height:15px}.page-content .personnel-desktop-table .data-table th:last-child,.page-content .personnel-desktop-table .data-table td:last-child{white-space:nowrap;overflow-wrap:normal;width:114px;min-width:114px}.page-content .personnel-administration .directory-toolbar{grid-template-columns:minmax(220px,1.3fr) minmax(220px,1fr) auto;align-items:end;display:grid}.personnel-office-filter label{color:var(--otos-text-35483c,#35483c);margin-bottom:8px;font-size:12px;font-weight:600;display:block}.page-content .personnel-administration .directory-search{width:100%;max-width:none}@media (width<=1100px){.page-content .personnel-administration .directory-toolbar{grid-template-columns:1fr 1fr}.personnel-administration .directory-status-filter{grid-column:1/-1;justify-self:start}}@media (width<=600px){.page-content .personnel-administration .directory-toolbar{grid-template-columns:1fr}}.organizational-structure-page .organization-tree-name strong{font-size:16px;line-height:1.45}.organizational-structure-page .is-root>.organization-tree-item .organization-tree-name strong{font-size:19px}.organizational-structure-page .organization-unit-code,.organizational-structure-page .organization-child-count,.organizational-structure-page .organization-parent-label{font-size:12px}.organizational-structure-page .organization-unit-type{padding:4px 8px;font-size:11px}.organizational-structure-page .organization-edit-button{min-height:36px;padding:8px 12px;font-size:13px}.organizational-structure-page .organization-tree-toggle{width:34px;height:34px}@media (width<=768px){.organizational-structure-page .organization-tree-name strong{font-size:15px}.organizational-structure-page .is-root>.organization-tree-item .organization-tree-name strong{font-size:18px}}.profile-employee-layout{grid-template-columns:minmax(0,1.7fr) minmax(300px,1fr);align-items:start;gap:22px;display:grid}.profile-employee-details{min-width:0}.profile-photo-column,.profile-signature-panel{grid-template-columns:minmax(0,1fr)}.profile-signature-panel{max-width:900px}.profile-photo-column .form-section-heading h2{font-size:20px}@media (width<=1000px){.profile-employee-layout{grid-template-columns:1fr}.profile-photo-column{width:100%;max-width:600px}}.profile-content .designation-effectivity{border-top:1px solid var(--otos-border-dfe9e2,#dfe9e2);margin-top:12px;padding-top:10px}.profile-content .designation-effectivity>span{text-transform:none;color:var(--otos-text-6b776f,#6b776f);font-size:11px;font-weight:600}.profile-content .designation-effectivity p{color:var(--otos-text-35483c,#35483c);margin:5px 0 0;font-size:13px;line-height:1.5}.profile-content .designation-effective-dates{flex-wrap:wrap;gap:14px 28px;margin-bottom:0;display:flex}.designation-effective-dates dt{color:var(--otos-text-6b776f,#6b776f);font-size:12px;font-weight:600}.designation-effective-dates dd{color:var(--otos-text-35483c,#35483c);margin:5px 0 0;font-size:13px;line-height:1.5}.user-account-administration .invite-employee-section .searchable-select-trigger{border-radius:8px;min-height:44px;padding:10px 12px;font-size:13px}.user-account-administration .invite-employee-section .searchable-select-value{white-space:normal;overflow-wrap:anywhere;text-align:left;line-height:1.45}.user-account-administration .invite-employee-section .searchable-select-option{padding:10px 12px;font-size:13px;line-height:1.45}.searchable-select-trigger:disabled{opacity:.6;cursor:not-allowed}.page-content .user-account-administration .invite-employee-section{border:1px solid var(--otos-border-dfe9e2,#dfe9e2);background:var(--otos-surface-ffffff,#fff);border-radius:12px;margin:22px 0;padding:26px;overflow:visible}.invite-form-heading{margin-bottom:26px}.page-content .invite-employee-section .invite-form-heading h2{color:var(--otos-text-174c2d,#174c2d);margin:0 0 12px;font-size:22px;line-height:1.35}.page-content .invite-form-heading p{color:var(--otos-text-6b776f,#6b776f);margin:0;font-size:13px;line-height:1.6}.page-content .invite-employee-fields{grid-template-columns:repeat(2,minmax(0,1fr));gap:22px 20px;margin:0;display:grid}.page-content .invite-employee-fields>.form-group:first-child{grid-column:1/-1}.page-content .invite-employee-fields .form-group{min-width:0;margin:0}.page-content .invite-employee-fields label{color:var(--otos-text-35483c,#35483c);margin:0 0 8px;font-size:13px;font-weight:600;display:block}.page-content .user-account-administration .invite-employee-fields :is(input[type=email],.searchable-select-trigger){box-sizing:border-box;border:1px solid var(--otos-border-ccd8cf,#ccd8cf);background:var(--otos-surface-ffffff,#fff);width:100%;min-height:46px;color:var(--otos-text-26342b,#26342b);border-radius:8px;padding:11px 14px;font-family:inherit;font-size:13px}.invite-form-actions{border-top:1px solid var(--otos-border-dfe9e2,#dfe9e2);justify-content:flex-end;margin-top:26px;padding-top:20px;display:flex}.page-content .invite-employee-section .invite-submit-button{border-radius:8px;width:auto;min-height:42px;margin:0;padding:11px 20px;font-size:13px}.page-content .invite-employee-section>.form-error,.page-content .invite-employee-section>[role=status]{margin-top:16px;font-size:13px}@media (width<=768px){.page-content .user-account-administration .invite-employee-section{padding:20px}.page-content .invite-employee-fields{grid-template-columns:1fr;gap:18px}.page-content .invite-employee-section .invite-submit-button{width:100%}}.workflow-details-grid .searchable-select-trigger{border-radius:8px;min-height:44px;padding:11px 14px;font-size:13px;line-height:1.45}.workflow-details-grid .searchable-select-value{white-space:normal;text-align:left;overflow-wrap:anywhere}.workflow-details-grid .searchable-select-option{padding:10px 12px;font-size:13px;line-height:1.45}.batch-workflow-editor{background:var(--otos-surface-ffffff,#fff);border:1px solid var(--otos-border-dfe9e2,#dfe9e2);border-radius:12px;margin-bottom:24px;padding:24px}.batch-workflow-editor h2{margin-top:0;font-size:22px}.batch-workflow-editor>p,.batch-workflow-fields>p{font-size:13px;line-height:1.5}.batch-workflow-fields{border:0;min-width:0;margin:20px 0;padding:0}.batch-workflow-fields input:not([type=checkbox]),.batch-workflow-fields select{border:1px solid var(--otos-border-ccd8cf,#ccd8cf);background:var(--otos-surface-ffffff,#fff);width:100%;min-height:42px;color:var(--otos-text-26342b,#26342b);font:inherit;border-radius:8px;padding:9px 12px;font-size:13px}.batch-workflow-fields .otos-search-field input{padding-left:39px}.batch-workflow-fields h3{margin-top:24px;font-size:15px}.batch-workflow-units{border:1px solid var(--otos-border-dfe9e2,#dfe9e2);border-radius:8px;grid-template-columns:1fr 1fr;gap:10px;max-height:250px;margin-top:10px;padding:12px;display:grid;overflow:auto}.batch-workflow-units label{cursor:pointer;align-items:center;gap:10px;padding:9px;font-size:13px;display:flex}.batch-workflow-units input{accent-color:#226b3d;flex-shrink:0;width:16px;height:16px}.batch-workflow-units small{color:var(--otos-text-6b776f,#6b776f);margin-top:4px;display:block}.batch-workflow-step{border:1px solid var(--otos-border-dfe9e2,#dfe9e2);border-radius:8px;grid-template-columns:auto minmax(0,1.3fr) minmax(0,1fr) minmax(0,1.3fr) auto;align-items:end;gap:12px;margin-bottom:12px;padding:16px;display:grid}.batch-workflow-step strong{align-self:center;font-size:13px}.batch-workflow-step .form-group{min-width:0;margin:0}.batch-workflow-step label{margin-bottom:7px;font-size:12px;display:block}.batch-workflow-actions,.workflow-tree-toolbar{flex-wrap:wrap;align-items:center;gap:10px;margin:18px 0;display:flex}.batch-workflow-actions button,.workflow-tree-toolbar button{font-size:12px}.batch-workflow-results li{margin-bottom:12px;font-size:13px}.batch-workflow-results span{margin-top:5px;line-height:1.5;display:block}.workflow-tree-toolbar p{color:var(--otos-text-6b776f,#6b776f);flex:1;margin:0;font-size:13px}.workflow-office-roots,.workflow-office-children{margin:0;padding:0;list-style:none}.workflow-office-children{border-left:2px solid var(--otos-border-c8dfd0,#c8dfd0);margin-left:16px;padding-left:18px}.workflow-office-node{min-width:0;margin-bottom:12px}.workflow-office-heading{border:1px solid var(--otos-border-dfe9e2,#dfe9e2);background:var(--otos-surface-e7f1eb,#e7f1eb);border-radius:9px;align-items:center;gap:10px;padding:14px;display:flex}.workflow-office-heading>button{color:inherit;cursor:pointer;background:0 0;border:0;border-radius:5px;padding:5px;display:inline-flex}.workflow-office-heading>div{flex:1;min-width:0}.workflow-office-heading strong{font-size:14px}.workflow-office-heading span,.workflow-office-heading small{color:var(--otos-text-6b776f,#6b776f);margin-top:4px;font-size:11px;display:block}.workflow-office-content{padding:12px 0 0 14px}.workflow-office-content .workflow-rule-card{margin-bottom:12px}.workflow-office-empty{color:var(--otos-text-6b776f,#6b776f);padding:0 12px 12px;font-size:12px}@media (width<=1000px){.batch-workflow-step{grid-template-columns:1fr 1fr}.batch-workflow-units{grid-template-columns:1fr}}@media (width<=600px){.batch-workflow-step{grid-template-columns:1fr}.batch-workflow-editor{padding:18px}.workflow-office-children{margin-left:5px;padding-left:10px}}.personnel-csv-import{overflow-wrap:anywhere;gap:14px;display:grid}.personnel-csv-import p{color:var(--otos-text-6b776f,#6b776f);margin:0;font-size:14px;line-height:1.6}.personnel-csv-import input[type=file]{border:1px solid var(--otos-border-dfe9e2,#dfe9e2);background:var(--otos-surface-ffffff,#fff);width:100%;color:inherit;border-radius:10px;padding:12px}.personnel-csv-import ul{max-height:220px;padding-left:22px;font-size:14px;line-height:1.6;overflow-y:auto}.personnel-administration .page-actions{flex-wrap:wrap;gap:10px}.personnel-administration .page-actions button{white-space:nowrap;align-items:center;gap:8px;display:inline-flex}.page-content .for-action-desktop-table .table-sort-button{color:inherit;font:inherit;letter-spacing:inherit;text-transform:none;cursor:pointer;white-space:nowrap;background:0 0;border:0;align-items:center;gap:6px;margin:0;padding:0;display:inline-flex}.page-content .for-action-desktop-table .table-sort-button svg{flex-shrink:0}.page-content .for-action-desktop-table .table-sort-button:focus-visible{outline-offset:4px;border-radius:3px;outline:2px solid #6baf82}@media (width<=768px){.app-layout{--otos-header-height:68px}.app-layout .topbar{z-index:120;flex-wrap:nowrap;gap:8px;padding:10px 12px;position:relative}.app-layout .topbar-left{flex:auto;align-items:center;gap:8px;min-width:0;display:flex}.app-layout .topbar-system{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.app-layout .topbar-system .iesh-name-short{white-space:nowrap;text-overflow:ellipsis;font-size:14px;display:block;overflow:hidden}.app-layout .topbar-user{flex:none;align-items:center;gap:6px;display:flex}.app-layout .topbar .user-account-identity{display:none}.app-layout .topbar .mobile-menu-toggle,.app-layout .topbar .theme-toggle,.app-layout .topbar .notification-trigger,.app-layout .topbar .user-account-trigger{box-sizing:border-box;flex:0 0 44px;justify-content:center;align-items:center;width:44px;min-width:44px;height:44px;min-height:44px;margin:0;padding:0;display:inline-flex}.app-layout .topbar .user-avatar{width:36px;height:36px}.app-layout .topbar .user-account-dropdown{box-sizing:border-box;width:220px;max-width:calc(100vw - 24px);right:0}}.employment-details{margin:24px 0;padding:28px}.employment-heading{justify-content:space-between;align-items:center;gap:20px;margin-bottom:24px;display:flex}.employment-heading h2{margin:0 0 8px}.employment-heading p,.employment-note,.employment-empty{color:var(--otos-text-6b776f,#6b776f);line-height:1.6}.employment-heading p{margin:0}.employment-heading button,.employment-entry>button{white-space:nowrap;flex-shrink:0;align-items:center;gap:8px;display:inline-flex}.employment-list{gap:14px;margin:0;padding:0;list-style:none;display:grid}.employment-entry{border:1px solid var(--otos-border-dfe9e2,#dfe9e2);border-left:4px solid #bccbc1;border-radius:12px;align-items:flex-start;gap:16px;padding:22px;display:flex}.employment-entry.is-current{border-left-color:#267747}.employment-entry>svg{color:#40835a;flex-shrink:0;margin-top:3px}.employment-body{overflow-wrap:anywhere;flex:1;min-width:0}.employment-title{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.employment-title h3{margin:0;font-size:18px}.employment-body p{margin:8px 0 16px}.employment-body dl{flex-wrap:wrap;gap:20px 40px;margin:0;display:flex}.employment-body dt{color:var(--otos-text-6b776f,#6b776f);margin-bottom:5px;font-size:12px}.employment-body dd{margin:0;font-size:14px}.employment-form{border:1px solid var(--otos-border-dfe9e2,#dfe9e2);border-radius:12px;margin-bottom:24px;padding:22px}.employment-form fieldset{border:0;min-width:0;padding:0}.employment-form .employment-current{align-items:center;gap:9px;margin-top:12px;font-size:14px;display:flex}.employment-current input{width:17px;height:17px}.employment-note{margin-bottom:0;font-size:13px}@media (width<=650px){.employment-details{padding:20px}.employment-heading{flex-direction:column;align-items:flex-start}.employment-entry{flex-wrap:wrap;padding:16px}.employment-entry>button{margin-left:37px}.employment-body dl{gap:16px}}.assignment-card-actions{flex-wrap:wrap;flex-shrink:0;justify-content:flex-end;align-items:center;gap:10px;display:flex}.assignment-card-actions button{white-space:nowrap;justify-content:center;align-items:center;gap:8px;display:inline-flex}.assignment-details .employment-entry .assignment-card-actions{margin-left:auto}.assignment-details .assignment-form{margin-top:24px}@media (width<=900px){.assignment-card-actions{justify-content:flex-start;width:100%;padding-left:37px}}@media (width<=480px){.assignment-card-actions{padding-left:0}.assignment-card-actions button{flex:1}}.email-security-heading{align-items:flex-start;gap:14px;width:100%;display:flex}.email-security-icon{background:var(--otos-surface-eef7f1,#eef7f1);width:46px;height:46px;color:var(--otos-text-166534,#166534);border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.email-security-heading .account-section-help{margin:8px 0 0;line-height:1.6}.email-replacement-form{width:100%;margin-top:10px}.email-replacement-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:22px;display:grid}.email-replacement-grid .form-group{min-width:0;margin:0}.email-replacement-grid label{margin:0 0 9px;font-size:14px;font-weight:600;display:block}.email-replacement-reason{grid-column:1/-1}.email-address-field{position:relative}.email-address-field>svg{color:var(--otos-text-68786e,#68786e);pointer-events:none;position:absolute;top:50%;left:14px;transform:translateY(-50%)}.email-replacement-form .email-address-field input{box-sizing:border-box;width:100%;min-height:48px;font:inherit;border:1px solid var(--otos-border-e0e8e2,#e0e8e2);background:var(--otos-surface-ffffff,#fff);color:var(--otos-text-26342b,#26342b);border-radius:10px;padding:12px 14px 12px 43px;font-size:14px}.email-replacement-form .email-address-field input[readonly]{background:var(--otos-surface-eef7f1,#eef7f1);color:var(--otos-text-68786e,#68786e)}.email-replacement-form textarea{box-sizing:border-box;resize:vertical;width:100%;min-height:112px;font:inherit;border:1px solid var(--otos-border-e0e8e2,#e0e8e2);background:var(--otos-surface-ffffff,#fff);color:var(--otos-text-26342b,#26342b);border-radius:10px;padding:14px 16px;font-size:14px;line-height:1.6;display:block}.email-replacement-form input:focus-visible,.email-replacement-form textarea:focus-visible{outline-offset:2px;outline:2px solid #6baf82}.user-account-administration .email-replacement-form .email-field-help{color:var(--otos-text-68786e,#68786e);margin:7px 0 0;font-size:12px;line-height:1.6}.email-reason-meta{color:var(--otos-text-68786e,#68786e);justify-content:space-between;gap:16px;margin-top:8px;font-size:12px;line-height:1.5;display:flex}.email-reason-meta>span:last-child{white-space:nowrap}.email-replacement-form .email-identity-check{border:1px solid var(--otos-border-e0e8e2,#e0e8e2);cursor:pointer;border-radius:10px;align-items:flex-start;gap:12px;margin:24px 0 18px;padding:17px 18px;display:flex}.email-replacement-form .email-identity-check>input{accent-color:#267747;flex:0 0 18px;width:18px;height:18px;min-height:0;margin:2px 0 0;padding:0}.email-identity-check>span{gap:5px;line-height:1.5;display:grid}.email-identity-check strong{font-size:14px}.email-identity-check>span>span{color:var(--otos-text-68786e,#68786e);font-size:12px}.email-replacement-guidance{background:var(--otos-surface-eef7f1,#eef7f1);color:var(--otos-text-26342b,#26342b);border-radius:10px;gap:12px;padding:16px 18px;display:flex}.email-replacement-guidance>svg{color:var(--otos-text-166534,#166534);flex-shrink:0;margin-top:2px}.email-replacement-guidance strong{font-size:13px}.user-account-administration .email-replacement-guidance p{margin:6px 0 0;font-size:12px;line-height:1.7}.email-replacement-actions{border-top:1px solid var(--otos-border-e0e8e2,#e0e8e2);flex-wrap:wrap;align-items:center;gap:12px;margin-top:24px;padding-top:20px;display:flex}.email-replacement-actions button{justify-content:center;align-items:center;gap:8px;display:inline-flex}.email-replacement-actions button>svg{flex-shrink:0}@media (width<=700px){.email-replacement-grid{grid-template-columns:minmax(0,1fr)}.email-reason-meta{flex-wrap:wrap;gap:5px}.email-replacement-actions{flex-direction:column;align-items:stretch}.email-replacement-actions button{width:100%}.email-identity-check{padding:14px!important}}.otos-activation-page{background:linear-gradient(135deg,#edf7f0,#f8fafc);justify-content:center;align-items:center;min-height:100vh;padding:32px 16px;font-family:inherit;display:flex}.otos-activation-card{background:#fff;border:1px solid #e5e7eb;border-radius:16px;width:100%;max-width:460px;padding:36px;box-shadow:0 12px 40px #0f172a14}.otos-activation-header{text-align:center;margin-bottom:28px}.otos-activation-logo{background:0 0;justify-content:center;align-items:center;width:90px;height:90px;margin:0 auto 16px;display:flex}.otos-denr-logo{object-fit:contain;width:100%;height:100%}.otos-activation-header h2{color:#14532d;margin:0;font-size:22px}.otos-activation-header p{color:#64748b;margin:6px 0 0;font-size:13px}.otos-activation-content h3{color:#1e293b;margin:0 0 12px;font-size:20px}.otos-activation-content p{color:#64748b;font-size:14px;line-height:1.65}.otos-activation-form{flex-direction:column;gap:18px;margin-top:24px;display:flex}.otos-activation-field{flex-direction:column;gap:7px;display:flex}.otos-activation-field label{color:#334155;font-size:13px;font-weight:600}.otos-activation-field input{box-sizing:border-box;color:#0f172a;background:#fff;border:1px solid #cbd5e1;border-radius:9px;width:100%;padding:12px 14px;font-size:15px;transition:border-color .2s,box-shadow .2s}.otos-activation-field input:focus{border-color:#15803d;outline:none;box-shadow:0 0 0 3px #15803d1f}.otos-activation-otp{text-align:center;letter-spacing:8px;font-weight:700;font-size:24px!important}.otos-activation-btn{color:#fff;cursor:pointer;background:#166534;border:none;border-radius:9px;width:100%;padding:12px 16px;font-size:14px;font-weight:600;transition:background .2s}.otos-activation-btn:hover:not(:disabled){background:#14532d}.otos-activation-btn:disabled{opacity:.55;cursor:not-allowed}.otos-activation-btn-secondary{color:#334155;background:#f1f5f9}.otos-activation-btn-secondary:hover:not(:disabled){background:#e2e8f0}.otos-activation-link{color:#15803d;font-size:14px;font-weight:600;text-decoration:none}.otos-activation-link:hover{text-decoration:underline}.otos-activation-error{background:#fef2f2;border-radius:9px;padding:12px 14px;font-size:13px;color:#b91c1c!important}.otos-activation-success{background:#f0fdf4;border-radius:9px;padding:12px 14px;font-size:13px;color:#166534!important}.otos-activation-actions{flex-direction:column;gap:12px;margin-top:20px;display:flex}.otos-activation-footer{text-align:center;color:#94a3b8;border-top:1px solid #e2e8f0;margin-top:28px;padding-top:18px;font-size:12px}@media (width<=480px){.otos-activation-page{padding:20px 12px}.otos-activation-card{padding:26px 20px}.otos-activation-header h2{font-size:20px}.otos-activation-content h3{font-size:18px}}.otos-activation-progress{border-top:1px solid #e2e8f0;justify-content:space-between;align-items:flex-start;gap:8px;margin:0 0 30px;padding-top:20px;display:flex}.otos-progress-step{text-align:center;color:#94a3b8;flex:1;min-width:0;font-size:11px;font-weight:500}.otos-progress-circle{color:#94a3b8;background:#f1f5f9;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;margin:0 auto 9px;font-size:14px;font-weight:700;display:flex}.otos-progress-step.active{color:#166534;font-weight:700}.otos-progress-step.active .otos-progress-circle{color:#fff;background:#166534}.otos-progress-step.completed{color:#15803d}.otos-progress-step.completed .otos-progress-circle{color:#166534;background:#dcfce7}@media (width<=480px){.otos-progress-step{font-size:10px}.otos-progress-circle{width:32px;height:32px}}.otos-activation-complete{text-align:center;padding:16px 0}.otos-activation-success-icon{color:#166534;background:#dcfce7;border-radius:50%;justify-content:center;align-items:center;width:72px;height:72px;margin:0 auto 24px;font-size:36px;font-weight:700;display:flex}.otos-activation-complete h3{color:#166534;margin-bottom:16px}.otos-activation-complete p{margin-bottom:12px}.otos-activation-login{box-sizing:border-box;text-align:center;margin-top:28px;text-decoration:none;display:block}.otos-activation-login:hover{color:#fff;text-decoration:none}.otos-activation-form .password-strength-panel{width:100%;max-width:none;margin:8px 0 4px}.otos-activation-form .password-match-feedback{margin:12px 0 0;font-size:12px}.otos-activation-form .password-requirement-checklist{margin:0;padding:0}.shared-workflow-admin{gap:24px;display:grid}.shared-workflow-admin .page-heading{margin-bottom:0}.shared-workflow-admin button{justify-content:center;align-items:center;gap:8px;display:inline-flex}.shared-template-editor,.shared-template-card{padding:28px}.shared-template-editor{scroll-margin-top:24px}.shared-template-heading{justify-content:space-between;align-items:flex-start;gap:20px;display:flex}.shared-template-heading h2{margin:0 0 8px;font-size:21px}.shared-template-heading p,.shared-template-help,.shared-template-card>p,.shared-template-editor small{color:var(--otos-text-6b776f,#6b776f);line-height:1.6}.shared-template-card>p{align-items:center;gap:8px;display:flex}.shared-template-editor fieldset{border:0;min-width:0;margin:24px 0;padding:0}.shared-template-editor .workflow-details-grid{grid-template-columns:1fr 1fr;gap:22px;margin-bottom:30px;display:grid}.shared-template-editor .form-group{gap:8px;min-width:0;display:grid}.shared-template-editor .form-group input{box-sizing:border-box;border:1px solid var(--otos-border-dfe9e2,#dfe9e2);background:var(--otos-surface-ffffff,#fff);width:100%;color:inherit;font:inherit;border-radius:10px;padding:13px 15px}.shared-template-editor .batch-workflow-step{grid-template-columns:auto minmax(160px,1.5fr) minmax(120px,.7fr) minmax(160px,1fr) auto;align-items:end}.shared-template-buttons,.shared-step-actions{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.shared-step-actions button{min-height:40px}.shared-office-selection{border-top:1px solid var(--otos-border-dfe9e2,#dfe9e2);margin-top:30px;padding-top:24px}.shared-office-selection>.shared-step-actions{margin:14px 0}.shared-template-toolbar{grid-template-columns:minmax(200px,1fr) minmax(220px,.65fr) auto;align-items:end;gap:22px;padding:22px;display:grid}.shared-template-search>select{box-sizing:border-box;border:1px solid var(--otos-border-dfe9e2,#dfe9e2);background:var(--otos-surface-ffffff,#fff);width:100%;min-height:46px;color:inherit;font:inherit;border-radius:11px;padding:12px 14px;font-size:14px;line-height:1.5}.shared-template-search>select:focus{box-shadow:0 0 0 3px var(--otos-surface-eef7f1,#eef7f1);border-color:#29804f;outline:none}.shared-template-search{gap:9px;min-width:0;display:grid}.shared-template-search>label{color:var(--otos-text-3f5949,#3f5949);font-size:13px;font-weight:600}.shared-template-toolbar .otos-search-input{box-sizing:border-box;border:1px solid var(--otos-border-dfe9e2,#dfe9e2);background:var(--otos-surface-ffffff,#fff);min-height:46px;color:inherit;font:inherit;border-radius:11px;padding:12px 16px 12px 43px;font-size:14px;line-height:1.5;transition:border-color .15s,box-shadow .15s}.shared-template-toolbar .otos-search-input::placeholder{color:var(--otos-text-829087,#829087);opacity:1}.shared-template-toolbar .otos-search-input:focus{box-shadow:0 0 0 3px var(--otos-surface-eef7f1,#eef7f1);border-color:#29804f;outline:none}.shared-template-toolbar .shared-step-actions button{min-height:46px}.shared-template-list{gap:20px;display:grid}.shared-template-details{border-top:1px solid var(--otos-border-dfe9e2,#dfe9e2);margin-top:24px;padding-top:24px}.shared-template-details .workflow-steps-timeline{gap:14px;margin:0 0 28px;padding:0;list-style:none;display:grid}.shared-template-details .workflow-steps-timeline>li{border:1px solid var(--otos-border-dfe9e2,#dfe9e2);background:var(--otos-surface-ffffff,#fff);border-radius:12px;grid-template-columns:36px minmax(0,1fr) auto;align-items:center;column-gap:16px;padding:18px;display:grid;position:relative}.shared-template-details .workflow-steps-timeline>li::marker{content:""}.shared-template-details .workflow-steps-timeline>li:not(:last-child):after{content:"";background:var(--otos-border-c5dbcc,#c5dbcc);width:2px;height:14px;position:absolute;top:calc(100% + 1px);left:36px}.shared-template-details .workflow-step-number{box-sizing:border-box;width:36px;height:36px;font-size:14px}.shared-template-details .workflow-step-description{gap:4px}.shared-template-details .workflow-step-description strong{font-size:14px;line-height:1.5}.shared-template-details .workflow-step-description>span{font-size:13px;line-height:1.5}.shared-template-details .workflow-action-badge{white-space:nowrap;justify-self:end;margin:0}@media (width<=600px){.shared-template-details .workflow-steps-timeline>li{grid-template-columns:32px minmax(0,1fr);gap:10px 12px;padding:14px}.shared-template-details .workflow-step-number{width:32px;height:32px}.shared-template-details .workflow-action-badge{grid-column:2;justify-self:start}.shared-template-details .workflow-steps-timeline>li:not(:last-child):after{left:29px}}.shared-assigned-offices{grid-template-columns:1fr 1fr;gap:12px;padding:0;list-style:none;display:grid}.shared-assigned-offices li{border:1px solid var(--otos-border-dfe9e2,#dfe9e2);border-radius:10px;padding:14px}.shared-assigned-offices small,.shared-office-assignment span,.shared-readiness span{color:var(--otos-text-6b776f,#6b776f);margin-top:5px;font-size:13px;display:block}.shared-readiness{border-top:1px solid var(--otos-border-dfe9e2,#dfe9e2);margin-top:28px;padding-top:20px}.shared-office-ready,.shared-office-issue{border:1px solid var(--otos-border-dfe9e2,#dfe9e2);border-left:4px solid #29804f;border-radius:10px;margin-top:12px;padding:16px}.shared-office-issue{border-left-color:#b77b12}.shared-office-assignment{border:1px solid var(--otos-border-dfe9e2,#dfe9e2);background:var(--otos-surface-ffffff,#fff);border-radius:10px;justify-content:space-between;align-items:center;gap:16px;margin:12px 0;padding:16px;display:flex}@media (width<=1200px){.shared-template-editor .batch-workflow-step{grid-template-columns:1fr 1fr}.shared-template-toolbar{grid-template-columns:minmax(0,1fr) minmax(220px,.65fr)}}@media (width<=700px){.shared-template-editor,.shared-template-card{padding:20px}.shared-template-editor .workflow-details-grid,.shared-template-editor .batch-workflow-step,.shared-assigned-offices,.shared-template-toolbar{grid-template-columns:1fr}.shared-template-heading,.shared-office-assignment{flex-wrap:wrap}.shared-template-buttons>button{width:100%}}:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}:root[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--otos-surface-f4f8f5:#262626;--otos-surface-e7f0e9:#252525;--otos-surface-ffffff:#262626;--otos-border-dfe9e2:#364b40;--otos-text-1d3024:#e2ebe5;--otos-text-6b776f:#a7b9ae;--otos-text-35483c:#e2ebe5;--otos-border-ccd8cf:#364b40;--otos-text-26342b:#e2ebe5;--otos-text-a2aba5:#a7b9ae;--otos-border-e7ede9:#364b40;--otos-surface-fafcfb:#262626;--otos-text-849087:#a7b9ae;--otos-surface-f4f7f5:#262626;--otos-text-174c2d:#9eb1a6;--otos-border-e3eae5:#364b40;--otos-text-5f6d64:#a7b9ae;--otos-surface-e3f0e7:#252525;--otos-text-1c6438:#a0baaa;--otos-text-27372d:#e2ebe5;--otos-text-718078:#a7b9ae;--otos-border-e0e8e2:#364b40;--otos-text-65746a:#a7b9ae;--otos-text-8a968e:#a7b9ae;--otos-border-d5dfd8:#364b40;--otos-surface-f5f8f6:#262626;--otos-border-dfe7e1:#364b40;--otos-text-526159:#a7b9ae;--otos-border-edf1ee:#364b40;--otos-text-35443a:#e2ebe5;--otos-text-1f5f38:#a1b8aa;--otos-text-87938b:#a7b9ae;--otos-surface-eef1ef:#252525;--otos-text-667069:#a7b9ae;--otos-surface-e8f1fb:#252526;--otos-text-245b8f:#a3b7c9;--otos-surface-fff3d8:#262624;--otos-text-8a641b:#c8baa0;--otos-surface-e3f3e8:#252625;--otos-text-21673a:#a2bbab;--otos-surface-fff3dc:#262624;--otos-text-a35c00:#d1b796;--otos-border-f0d19d:#364b40;--otos-surface-fde8e8:#262525;--otos-text-b42318:#d7a39f;--otos-surface-fff4d6:#262624;--otos-text-8a6418:#c8ba9f;--otos-surface-e7f5eb:#252625;--otos-text-246b3a:#a3bdab;--otos-text-26382d:#e2ebe5;--otos-text-7b8980:#a7b9ae;--otos-text-2b3b31:#e2ebe5;--otos-text-405047:#e2ebe5;--otos-text-29372e:#e2ebe5;--otos-text-a3ada6:#a7b9ae;--otos-text-718096:#bfc4cc;--otos-border-dbe4de:#364b40;--otos-text-173d28:#9eaca4;--otos-text-738078:#a7b9ae;--otos-surface-f2f5f3:#262626;--otos-text-243d2e:#e2ebe5;--otos-border-d1d5db:#364b40;--otos-surface-f8faf9:#262626;--otos-border-e1e7e3:#364b40;--otos-text-64748b:#bac0c8;--otos-surface-e8f5e9:#252625;--otos-text-294536:#e2ebe5;--otos-text-7a867f:#a7b9ae;--otos-text-6b786f:#a7b9ae;--otos-text-226b3d:#a2bdac;--otos-border-aebdb2:#364b40;--otos-text-176b3a:#9ebdab;--otos-border-b8cbbd:#364b40;--otos-surface-efb64e:#25221c;--otos-border-cbd8cf:#364b40;--otos-surface-f1f7f3:#252626;--otos-border-9eb8a6:#364b40;--otos-text-607066:#a7b9ae;--otos-border-e3ebe5:#364b40;--otos-border-dce6df:#364b40;--otos-text-33483b:#e2ebe5;--otos-surface-f8fbf9:#262626;--otos-surface-fffbf3:#262626;--otos-surface-fff7e8:#262625;--otos-text-2563eb:#a3baeb;--otos-surface-eff6ff:#252626;--otos-text-d97706:#e4c198;--otos-surface-fff7ed:#262625;--otos-text-34483b:#e2ebe5;--otos-border-ffffff:#364b40;--otos-text-7a7a7a:#a7b9ae;--otos-text-1f2937:#e2ebe5;--otos-text-6b7280:#a7b9ae;--otos-border-e5e7eb:#364b40;--otos-surface-fafafa:#262626;--otos-text-374151:#e2ebe5;--otos-surface-f9fafb:#262626;--otos-border-9ca3af:#364b40;--otos-text-94a3a0:#a7b9ae;--otos-border-d8e0dc:#364b40;--otos-text-68756f:#a7b9ae;--otos-text-1f2d27:#e2ebe5;--otos-border-cfd8d3:#364b40;--otos-border-9eaaa4:#364b40;--otos-text-7a8580:#a7b9ae;--otos-border-d5ddd8:#364b40;--otos-border-aab8b0:#364b40;--otos-text-7c8982:#a7b9ae;--otos-text-66736c:#a7b9ae;--otos-border-edf0ee:#364b40;--otos-text-26332c:#e2ebe5;--otos-surface-f1f6f3:#252626;--otos-surface-e8f3ec:#252625;--otos-text-8a9690:#a7b9ae;--otos-surface-f1f4f2:#252626;--otos-border-dce3df:#364b40;--otos-text-28784a:#a4c1b1;--otos-surface-f1f3f2:#252626;--otos-text-66706a:#a7b9ae;--otos-border-d9dfdb:#364b40;--otos-surface-dcfce7:#242625;--otos-text-15803d:#9ec4ac;--otos-border-bbf7d0:#364b40;--otos-surface-bbf7d0:#222623;--otos-surface-dbeafe:#242526;--otos-text-1d4ed8:#a0b2e4;--otos-border-bfdbfe:#364b40;--otos-surface-bfdbfe:#222426;--otos-surface-ffedd5:#262524;--otos-text-c2410c:#dcad9a;--otos-border-fed7aa:#364b40;--otos-surface-fed7aa:#262421;--otos-surface-fee2e2:#262525;--otos-text-b91c1c:#d9a0a0;--otos-border-fecaca:#364b40;--otos-surface-fecaca:#262323;--otos-text-174c32:#9eb1a8;--otos-surface-e7f1eb:#252525;--otos-surface-fff:#262626;--otos-border-e1e9e4:#364b40;--otos-text-738279:#a7b9ae;--otos-text-75847b:#a7b9ae;--otos-text-243e30:#e2ebe5;--otos-text-63776a:#a7b9ae;--otos-surface-fff8eb:#262625;--otos-border-f2d6a2:#364b40;--otos-text-965600:#ccb596;--otos-text-624b2d:#b9b1a6;--otos-text-17683b:#9ebbab;--otos-border-dce7df:#364b40;--otos-surface-fffaf1:#262625;--otos-border-f0d7ac:#364b40;--otos-border-e7eee9:#364b40;--otos-text-166534:#9ebaa9;--otos-text-991b1b:#cda0a0;--otos-surface-f3f4f6:#262626;--otos-text-4b5563:#e2ebe5;--otos-text-217346:#a2bfaf;--otos-border-cbd5ce:#364b40;--otos-text-172e27:#e2ebe5;--otos-border-cbd5e1:#364b40;--otos-surface-f0fdf4:#252626;--otos-border-e2e8f0:#364b40;--otos-surface-f1f5f3:#252626;--otos-text-243b32:#e2ebe5;--otos-surface-e8f5ec:#252625;--otos-border-dce5df:#364b40;--otos-text-243b2e:#e2ebe5;--otos-text-374b40:#e2ebe5;--otos-text-244c36:#a3b1a9;--otos-surface-eef7f1:#252625;--otos-text-21613a:#a2b9ab;--otos-border-c8dfd0:#364b40;--otos-surface-deeee3:#242525;--otos-border-90b99c:#364b40;--otos-surface-fffbeb:#262625;--otos-text-92400e:#cbad9b;--otos-border-f3d58b:#364b40;--otos-surface-fef3c7:#262623;--otos-surface-f0f5fb:#252626;--otos-text-315d85:#a8b7c6;--otos-border-ccdceb:#364b40;--otos-surface-e2edf8:#252526;--otos-border-95b5d4:#364b40;--otos-border-a6cdb3:#364b40;--otos-border-c5e4cf:#364b40;--otos-surface-edf5ff:#252626;--otos-border-cedeef:#364b40;--otos-surface-fff7df:#262624;--otos-border-f2dfa8:#364b40;--otos-text-9f3030:#cfa7a7;--otos-surface-fdf0f0:#262525;--otos-border-edcccc:#364b40;--otos-text-5c6862:#a7b9ae;--otos-surface-f0f3f1:#252625;--otos-border-dce3de:#364b40;--otos-text-407752:#adc1b4;--otos-text-7c847f:#a7b9ae;--otos-text-829087:#a7b9ae;--otos-surface-edf3ef:#252625;--otos-border-d5e2eb:#364b40;--otos-surface-f0f5fa:#252626;--otos-text-4b657d:#b1bac3;--otos-surface-f5f7f5:#262626;--otos-text-7a857e:#a7b9ae;--otos-border-95b99c:#364b40;--otos-border-b8cfc0:#364b40;--otos-border-dfe8e2:#364b40;--otos-border-d5e2d9:#364b40;--otos-surface-f4f9f5:#262626;--otos-border-80aa8d:#364b40;--otos-surface-e7f2eb:#252625;--otos-border-bed7c7:#364b40;--otos-text-314d3c:#e2ebe5;--otos-text-254e35:#a3b2a9;--otos-border-c4d9cb:#364b40;--otos-surface-e0eee5:#242525;--otos-border-95b69f:#364b40;--otos-text-728278:#a7b9ae;--otos-border-d2e1d7:#364b40;--otos-text-526b5b:#a7b9ae;--otos-text-64806d:#a7b9ae;--otos-text-87918b:#a7b9ae;--otos-text-687e70:#a7b9ae;--otos-surface-e5f1e9:#252525;--otos-surface-f0f5f2:#252626;--otos-text-607368:#a7b9ae;--otos-text-52685b:#a7b9ae;--otos-border-d0d9d3:#364b40;--otos-border-b5c0b9:#364b40;--otos-surface-fbfcfb:#262626;--otos-text-8a9b90:#a7b9ae;--otos-text-68756d:#a7b9ae;--otos-border-edf2ee:#364b40;--otos-border-e1e8e3:#364b40;--otos-text-68796e:#a7b9ae;--otos-surface-f7faf8:#262626;--otos-border-dce8df:#364b40;--otos-border-c5dbcc:#364b40;--otos-text-36724b:#a9bfb1;--otos-text-3f5949:#e2ebe5;--otos-text-426c94:#aebdcb;--otos-surface-edf4fb:#252626;--otos-border-d4e3f1:#364b40;--otos-text-976516:#ccba9e;--otos-surface-fff8e6:#262625;--otos-border-f1e3b7:#364b40;--otos-text-287244:#a4bfae;--otos-surface-eaf5ed:#252625;--otos-border-cde5d4:#364b40;--otos-text-89938d:#a7b9ae;--otos-border-d5e0d8:#364b40;--otos-border-dbe6de:#364b40;--otos-border-e0e9e3:#364b40;--otos-surface-f6f9f7:#262626;--otos-text-345340:#a9b4ad;--otos-surface-e3eae5:#252525;--otos-surface-b9c5bd:#222322;--otos-surface-edf1ee:#252525;--otos-text-7c8980:#a7b9ae;--otos-surface-dc6666:#241d1d;--otos-surface-fcecec:#262525;--otos-text-946415:#cbba9e;--otos-surface-fff4d8:#262624;--otos-text-39794e:#abc2b2;--otos-surface-e8f3eb:#252625;--otos-border-c6d0c9:#364b40;--otos-surface-f0f7f2:#252626;--otos-text-627369:#a7b9ae;--otos-text-65766b:#a7b9ae;--otos-text-68786e:#a7b9ae;--otos-border-dfe7e2:#364b40;--otos-surface-fbfdfb:#262626;--otos-text-7a8c80:#a7b9ae;--otos-border-cbded0:#364b40;--otos-surface-eef6f0:#252625;--otos-text-245c38:#a3b7aa}.theme-toggle{color:#226b3d;cursor:pointer;background:#f3f8f4;border:1px solid #d5e2d9;border-radius:50%;flex:none;justify-content:center;align-items:center;width:38px;height:38px;padding:0;display:inline-flex}.theme-toggle:hover{background:#e2eee6}.theme-toggle:focus-visible{outline-offset:3px;outline:3px solid #66a67a}[data-theme=dark] .theme-toggle{color:#f4d57a;background:#243c2e;border-color:#45614f}[data-theme=dark] .theme-toggle:hover{background:#304d3c}[data-theme=dark] .signature-preview{color:#374b40;background:#fff}[data-theme=dark] input::placeholder,[data-theme=dark] textarea::placeholder{color:#93a79b}[data-theme=dark] input:-webkit-autofill{-webkit-text-fill-color:#e2ebe5;-webkit-box-shadow:inset 0 0 0 1000px #202e25}