@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap');
:root{
 --saas-font:'Inter','Segoe UI',Arial,sans-serif;
 --saas-bg:#f6f8fb;--saas-surface:#ffffff;--saas-text:#172033;--saas-muted:#667085;
 --saas-border:#e5eaf1;--saas-primary:#1769e0;--saas-primary-soft:#eef4ff;--saas-sidebar:#0b2038;
 --saas-success:#14804a;--saas-warning:#9a6700;--saas-danger:#b42318;
}
html,body,input,button,select,textarea{font-family:var(--saas-font)!important;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
body.sd-manager,body.sd-employee{background:var(--saas-bg)!important;color:var(--saas-text)!important;font-size:14px}
body.sd-manager .sidebar,body.sd-employee .sidebar{background:var(--saas-sidebar)!important;box-shadow:none!important;border-right:1px solid rgba(255,255,255,.04)}
body.sd-manager .brandmark,body.sd-employee .brandmark{font-weight:700!important;letter-spacing:-.04em!important}body.sd-manager .brand-copy strong,body.sd-employee .brand-copy strong{font-weight:600!important}
body.sd-manager .sidebar nav a,body.sd-employee .sidebar nav a{font-weight:500!important;border-radius:8px!important;color:#c4cfdd!important}
body.sd-manager .sidebar nav a.active,body.sd-employee .sidebar nav a.active{background:#1769e0!important;box-shadow:none!important;color:#fff!important;font-weight:600!important}
body.sd-manager .topbar,body.sd-employee .topbar{background:#fff!important;border-bottom:1px solid var(--saas-border)!important;box-shadow:none!important;height:68px!important}
body.sd-manager .content,body.sd-employee .content{background:var(--saas-bg)!important;max-width:1540px!important}
body.sd-manager .page-heading h1,body.sd-employee .page-heading h1{font-size:30px!important;line-height:1.2!important;letter-spacing:-.035em!important;font-weight:700!important;color:var(--saas-text)!important}
body.sd-manager .page-heading p,body.sd-employee .page-heading p{font-size:14px!important;color:var(--saas-muted)!important}
body.sd-manager h2,body.sd-manager h3,body.sd-employee h2,body.sd-employee h3{letter-spacing:-.025em!important;font-weight:650!important;color:var(--saas-text)!important}
body.sd-manager .panel,body.sd-manager .stat,body.sd-employee .panel,body.sd-employee .stat{background:#fff!important;border:1px solid var(--saas-border)!important;border-radius:12px!important;box-shadow:0 1px 2px rgba(16,24,40,.03)!important}
body.sd-manager .stat,body.sd-employee .stat{padding:18px 20px!important;min-height:118px!important}
body.sd-manager .stat strong,body.sd-employee .stat strong{font-size:26px!important;font-weight:700!important;letter-spacing:-.035em!important;line-height:1.15!important}
body.sd-manager .panel,body.sd-employee .panel{padding:22px!important}
body.sd-manager .primary,body.sd-employee .primary,body.sd-manager button:not(.secondary):not(.nav-toggle),body.sd-employee button:not(.secondary):not(.nav-toggle){background:var(--saas-primary)!important;border:1px solid var(--saas-primary)!important;border-radius:9px!important;box-shadow:none!important;font-weight:600!important;min-height:42px!important}
body.sd-manager .secondary,body.sd-employee .secondary,body.sd-manager button.secondary,body.sd-employee button.secondary{background:#fff!important;border:1px solid #d8dee8!important;color:#344054!important;border-radius:9px!important;box-shadow:none!important}
body.sd-manager input,body.sd-manager select,body.sd-manager textarea,body.sd-employee input,body.sd-employee select,body.sd-employee textarea{border:1px solid #d8dee8!important;border-radius:9px!important;background:#fff!important;color:#1d2939!important;box-shadow:none!important;font-weight:400!important}
body.sd-manager input:focus,body.sd-manager select:focus,body.sd-manager textarea:focus,body.sd-employee input:focus,body.sd-employee select:focus,body.sd-employee textarea:focus{border-color:#84adff!important;outline:3px solid #eff4ff!important}
body.sd-manager table,body.sd-employee table{font-size:13px!important}body.sd-manager th,body.sd-employee th{background:#f9fafb!important;color:#667085!important;font-size:11px!important;font-weight:600!important;text-transform:none!important;letter-spacing:0!important;border-bottom:1px solid var(--saas-border)!important}body.sd-manager td,body.sd-employee td{color:#344054!important;border-bottom:1px solid #eef1f5!important}
body.sd-manager tbody tr:hover,body.sd-employee tbody tr:hover{background:#fafcff!important}
body.sd-manager .tag,body.sd-employee .tag{border-radius:999px!important;padding:4px 9px!important;font-weight:600!important;font-size:11px!important}.tag.ok{background:#ecfdf3!important;color:#027a48!important}.tag.warn{background:#fffaeb!important;color:#b54708!important}.tag.neutral{background:#f2f4f7!important;color:#475467!important}
.top-search{background:#f7f9fc!important;border:1px solid #eaecf0!important;border-radius:9px!important}.company-chip,.today-pill{border:1px solid #e4e7ec!important;background:#fff!important;border-radius:9px!important}.page-breadcrumb{color:#98a2b3!important;font-size:12px!important}.row-action{color:#175cd3!important;font-weight:600!important}
.saas-summary-row{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:18px}.saas-summary-row h2{margin:0 0 5px;font-size:20px}.saas-summary-row p{margin:0;color:#667085}.saas-count{display:inline-flex;padding:6px 10px;background:#f2f4f7;color:#475467;border-radius:999px;font-size:12px;font-weight:600}.saas-panel{overflow:hidden}.saas-table td b{font-weight:600;color:#1d2939}.saas-info-note{display:flex;gap:12px;align-items:flex-start;background:#f8fafc;border:1px solid #e4e7ec;border-radius:10px;padding:14px 16px;margin-top:18px;color:#475467}.saas-info-note .sd-icon{color:#175cd3;margin-top:2px}.saas-info-note b{display:block;color:#344054;font-weight:600}.saas-info-note p{margin:3px 0 0;font-size:12px;color:#667085}.settings-list{margin:0!important;gap:0!important}.setting-row{display:flex!important;align-items:center;justify-content:space-between;gap:18px;padding:17px 2px;border-bottom:1px solid #eef1f5;color:#344054!important}.setting-row span{display:block}.setting-row b{display:block;font-weight:600;color:#1d2939}.setting-row small{display:block;margin-top:4px;color:#667085;font-weight:400;max-width:760px}.toggle-input{appearance:none!important;width:40px!important;height:22px!important;min-height:22px!important;border:0!important;border-radius:999px!important;background:#d0d5dd!important;position:relative!important;cursor:pointer!important;flex:none}.toggle-input:after{content:'';position:absolute;width:18px;height:18px;left:2px;top:2px;background:#fff;border-radius:50%;box-shadow:0 1px 2px rgba(0,0,0,.16);transition:.15s}.toggle-input:checked{background:#1769e0!important}.toggle-input:checked:after{left:20px}.settings-actions{padding-top:18px;display:flex;justify-content:flex-end}
/* Manager dashboard: neutral SaaS surfaces instead of decorative gradients */
body.sd-manager .tone-blue,body.sd-manager .tone-green,body.sd-manager .tone-red,body.sd-manager .tone-yellow,body.sd-manager .tone-purple{background:#fff!important}
/* Employee mobile app keeps focused hierarchy while matching the same typography */
body.sd-employee{font-family:var(--saas-font)!important}body.sd-employee .employee-app-card,body.sd-employee .employee-app-summary,body.sd-employee .employee-app-tile{box-shadow:none!important;border-color:var(--saas-border)!important}
@media(max-width:780px){body.sd-manager .content,body.sd-employee .content{padding:18px 15px 86px!important}.saas-summary-row{align-items:flex-start;flex-direction:column}.setting-row{align-items:flex-start}.toggle-input{margin-top:2px}.company-chip{display:none!important}}