:root{--v18-bg:#f4f7fb;--v18-navy:#0d2440;--v18-navy-2:#102d50;--v18-blue:#2478f2;--v18-blue-soft:#eaf3ff;--v18-green:#22a66f;--v18-green-soft:#e9f9f1;--v18-red:#ef5967;--v18-red-soft:#fff0f2;--v18-violet:#7659e8;--v18-violet-soft:#f1edff;--v18-yellow:#d39b24;--v18-yellow-soft:#fff7dd;--v18-border:#e1e8f0;--v18-shadow:0 8px 28px rgba(29,54,88,.07)}
body{background:var(--v18-bg);color:#17263b}.workspace-v18.app-shell{grid-template-columns:244px minmax(0,1fr)}.workspace-v18 .sidebar{padding:20px 14px;background:linear-gradient(180deg,var(--v18-navy),#0b2038 72%,#091a2e);box-shadow:12px 0 32px rgba(9,32,56,.08);overflow-y:auto;scrollbar-width:thin}.workspace-v18 .brand{padding:0 10px 18px;gap:10px}.workspace-v18 .brand-mark{width:38px;height:38px;border-radius:50%;background:radial-gradient(circle at 50% 50%,#ffd44e 0 24%,transparent 26%),conic-gradient(from 0deg,#ffd44e 0 8%,transparent 8% 17%,#ffd44e 17% 25%,transparent 25% 34%,#ffd44e 34% 42%,transparent 42% 51%,#ffd44e 51% 59%,transparent 59% 68%,#ffd44e 68% 76%,transparent 76% 85%,#ffd44e 85% 93%,transparent 93%);color:transparent;box-shadow:none}.workspace-v18 .brand-name{font-size:19px;letter-spacing:-.02em}.workspace-v18 .brand-product{color:#b8c7d9;font-size:11px}.workspace-v18 .sidebar-context{margin:0 2px 14px;padding:10px 11px;border-radius:11px;background:rgba(255,255,255,.05);border-color:rgba(255,255,255,.08)}.workspace-v18 .sidebar-context>div{display:flex;flex-direction:column;min-width:0}.workspace-v18 .sidebar-context small{font-size:8px;letter-spacing:.13em;color:#7fa1c2;font-weight:800}.workspace-v18 .sidebar-context strong{font-size:11px;color:#eaf2fb;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-top:2px}.workspace-v18 .nav-list{gap:2px}.workspace-v18 .nav-section-label{padding:14px 11px 6px;color:#6988a7;font-size:8px;letter-spacing:.16em;text-transform:uppercase;font-weight:850}.workspace-v18 .nav-item{min-height:38px;border-radius:9px;padding:0 10px;color:#c0d0df;font-size:11px;font-weight:650}.workspace-v18 .nav-item:hover{background:rgba(255,255,255,.06);color:#fff}.workspace-v18 .nav-item.active{background:linear-gradient(90deg,#2478f2,#2d83f5);border-color:transparent;box-shadow:0 8px 20px rgba(36,120,242,.24)}.workspace-v18 .nav-icon{width:20px;font-size:14px;color:#9eb9d2}.workspace-v18 .nav-item.active .nav-icon{color:#fff}.workspace-v18 .sidebar-footer{padding:18px 2px 3px}.sidebar-user-card{display:flex;align-items:center;gap:9px;border:1px solid rgba(255,255,255,.08);background:rgba(255,255,255,.045);padding:10px;border-radius:12px;margin-bottom:10px}.sidebar-user-card .avatar{width:31px;height:31px;border-radius:9px;background:#1f78d7;color:#fff}.sidebar-user-card>div:last-child{display:flex;flex-direction:column;min-width:0}.sidebar-user-card strong{font-size:10px;color:#f5f9fd;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sidebar-user-card span{font-size:8px;color:#88a5c0;margin-top:2px}.workspace-v18 .version-pill{font-size:8px;color:#7391ad;padding:0 8px}.workspace-v18 .status-dot{background:#34d399}.workspace-v18 .workspace{background:var(--v18-bg)}.workspace-v18 .topbar{height:66px;padding:0 26px;background:rgba(255,255,255,.96);border-bottom:1px solid var(--v18-border);box-shadow:0 1px 0 rgba(21,48,79,.02)}.topbar-context{display:flex;align-items:center;gap:15px;min-width:0}.org-chip{display:flex;align-items:center;gap:9px}.org-chip-icon{display:grid;place-items:center;width:31px;height:31px;border-radius:9px;background:var(--v18-blue-soft);color:var(--v18-blue);font-weight:900}.org-chip>div,.workspace-v18 .topbar-title{display:flex;flex-direction:column;min-width:0}.org-chip small,.workspace-v18 .topbar-title .eyebrow{font-size:7px;letter-spacing:.13em;color:#8a99aa;font-weight:800}.org-chip strong,.workspace-v18 .topbar-title strong{font-size:11px;color:#26384e;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.topbar-divider{height:26px;width:1px;background:#e4eaf1}.workspace-v18 .topbar-actions{gap:8px}.workspace-v18 .language-link,.workspace-v18 .icon-button{height:34px;min-width:34px;border-radius:9px;border-color:#e1e7ee;color:#53667b}.workspace-v18 .user-chip{padding:3px 7px}.workspace-v18 .user-chip .avatar{width:33px;height:33px;border-radius:50%;background:#e7f1ff;color:#286fc3}.workspace-v18 .user-copy strong{font-size:10px}.workspace-v18 .user-copy span{font-size:8px}.workspace-v18 .page-content{padding:26px 28px 36px;max-width:1680px}.workspace-v18 .page-heading{margin-bottom:20px}.workspace-v18 .page-heading h1{font-size:26px;color:#17283d}.workspace-v18 .section-kicker,.workspace-v18 .panel-eyebrow{color:#2478f2;font-size:8px}.workspace-v18 .panel,.workspace-v18 .empty-state-panel,.workspace-v18 .metric-card{border-color:var(--v18-border);box-shadow:var(--v18-shadow);border-radius:14px}.workspace-v18 .panel{padding:18px}.workspace-v18 .panel-header{padding-bottom:13px;border-color:#edf1f5}.workspace-v18 .panel-header h2{font-size:14px;color:#1c2d42}.workspace-v18 .primary-button{background:linear-gradient(135deg,#2478f2,#2f86f6);box-shadow:0 8px 18px rgba(36,120,242,.20);border-radius:9px}.workspace-v18 .secondary-button{border-color:#dce4ed;border-radius:9px;color:#4e6278}.workspace-v18 .data-table{width:100%;border-collapse:separate;border-spacing:0}.workspace-v18 .data-table th{background:#f6f9fc;color:#6c7e91;font-size:9px;text-transform:uppercase;letter-spacing:.05em;padding:10px 12px;border-bottom:1px solid #e6edf4}.workspace-v18 .data-table td{font-size:11px;padding:11px 12px;border-bottom:1px solid #edf1f5;color:#34475c}.workspace-v18 .data-table tbody tr:hover td{background:#fbfdff}.workspace-v18 .form-grid input,.workspace-v18 .form-grid select,.workspace-v18 .full-field textarea,.workspace-v18 .filter-bar input,.workspace-v18 .field input,.workspace-v18 .field select,.workspace-v18 textarea{border-color:#d8e1eb;border-radius:9px;background:#fff}.workspace-v18 .form-grid input:focus,.workspace-v18 .form-grid select:focus,.workspace-v18 .field input:focus,.workspace-v18 .field select:focus,.workspace-v18 textarea:focus{outline:none;border-color:#7db3f6;box-shadow:0 0 0 3px rgba(36,120,242,.09)}.sidebar-scrim{display:none}

.dashboard-hero{display:flex;justify-content:space-between;align-items:flex-end;gap:24px;margin-bottom:18px}.dashboard-hero h1{font-size:28px;line-height:1.05;letter-spacing:-.035em;margin:0 0 7px;color:#15263a}.dashboard-hero p{margin:0;color:#6c7d90;font-size:12px}.dashboard-hero-actions{display:flex;align-items:center;gap:10px}.today-chip{display:flex;align-items:center;gap:8px;padding:7px 11px;border:1px solid #dce5ef;background:#fff;border-radius:10px;box-shadow:0 4px 14px rgba(33,57,86,.04)}.today-chip>span{color:#2478f2}.today-chip>div{display:flex;flex-direction:column}.today-chip small{font-size:7px;color:#8a98a8;letter-spacing:.1em;font-weight:800}.today-chip strong{font-size:10px;margin-top:1px}.dashboard-kpis{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;margin-bottom:14px}.dashboard-kpi{display:flex;align-items:center;gap:11px;background:#fff;border:1px solid var(--v18-border);border-radius:13px;padding:14px;box-shadow:0 6px 20px rgba(29,54,88,.05);min-width:0;transition:.15s}.dashboard-kpi:hover{transform:translateY(-1px);border-color:#c9d9eb}.kpi-orb{width:38px;height:38px;border-radius:50%;display:grid;place-items:center;font-weight:850;flex:0 0 auto}.kpi-orb.blue{background:#e9f3ff;color:#2478f2}.kpi-orb.green{background:#e9f9f1;color:#22a66f}.kpi-orb.red{background:#fff0f2;color:#ef5967}.kpi-orb.violet{background:#f1edff;color:#7659e8}.kpi-orb.mint{background:#e7f9ef;color:#16875a}.dashboard-kpi>div{display:flex;flex-direction:column;min-width:0}.dashboard-kpi small{font-size:9px;color:#6f8194;font-weight:700}.dashboard-kpi strong{font-size:20px;line-height:1;margin:5px 0 4px;color:#15263a;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dashboard-kpi strong.kpi-status{font-size:15px}.dashboard-kpi span:not(.kpi-orb){font-size:8px;color:#9aa6b3}.dashboard-grid{display:grid;gap:14px;margin-bottom:14px}.dashboard-primary-grid{grid-template-columns:minmax(0,1.45fr) minmax(320px,.75fr)}.dashboard-activity-grid{grid-template-columns:1.25fr .9fr .9fr}.compact-header{align-items:center;margin-bottom:8px}.compact-header .panel-eyebrow{margin-bottom:4px}.panel-link{font-size:9px;color:#2478f2;font-weight:750}.hours-chart{height:205px;display:grid;grid-template-columns:repeat(5,1fr);gap:18px;align-items:end;padding:16px 8px 0;border-bottom:1px solid #e7edf4;background:linear-gradient(to top,rgba(227,235,244,.45) 1px,transparent 1px);background-size:100% 25%}.hours-bar-column{height:100%;display:grid;grid-template-rows:18px minmax(0,1fr) 22px;align-items:end;text-align:center}.hours-bar-value{font-size:8px;color:#8998a8}.hours-bar-track{height:100%;display:flex;align-items:flex-end;justify-content:center}.hours-bar{width:min(42px,70%);min-height:5px;border-radius:5px 5px 1px 1px;background:linear-gradient(180deg,#8ec2ff,#3a8bf1);box-shadow:0 -3px 12px rgba(58,139,241,.10)}.hours-bar-column.current .hours-bar{background:linear-gradient(180deg,#4d9aff,#1f71e2)}.hours-bar-label{font-size:8px;color:#7e8d9d;padding-top:6px}.schedule-list{display:flex;flex-direction:column}.schedule-row{display:grid;grid-template-columns:58px 8px minmax(0,1fr) auto;align-items:center;gap:9px;padding:9px 0;border-bottom:1px solid #edf1f5}.schedule-row:last-child{border:0}.schedule-time{display:flex;flex-direction:column}.schedule-time strong{font-size:9px}.schedule-time span{font-size:7px;color:#9aa6b3;margin-top:2px}.schedule-dot{width:6px;height:6px;border-radius:50%;background:#2478f2}.dot-1{background:#28aa75}.dot-2{background:#e9ae31}.dot-3{background:#7a5bea}.schedule-person{display:flex;flex-direction:column;min-width:0}.schedule-person strong{font-size:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.schedule-person span{font-size:8px;color:#8a99aa;margin-top:2px}.schedule-location{font-size:8px;color:#718398;text-align:right}.dashboard-table-wrap{overflow:auto}.dashboard-table{width:100%;border-collapse:collapse}.dashboard-table th{font-size:8px;color:#8190a1;text-align:left;font-weight:750;padding:8px 7px;border-bottom:1px solid #e9eff5}.dashboard-table td{font-size:9px;color:#42556b;padding:8px 7px;border-bottom:1px solid #eef2f6}.person-cell{display:flex;align-items:center;gap:7px}.person-cell>div{display:flex;flex-direction:column}.person-cell strong{font-size:9px}.person-cell small{font-size:7px;color:#94a1af}.mini-avatar{width:24px;height:24px;border-radius:50%;display:grid;place-items:center;background:#e9f2fd;color:#2c72bd;font-size:9px;font-weight:850;flex:0 0 auto}.activity-badge{font-size:7px;font-weight:800;padding:4px 6px;border-radius:999px;text-transform:capitalize}.activity-badge.in{background:#e7f8ef;color:#16865a}.activity-badge.out{background:#fff0f2;color:#d84c5e}.issue-list{display:flex;flex-direction:column}.issue-row{display:grid;grid-template-columns:24px minmax(0,1fr) auto;align-items:center;gap:8px;padding:8px 0;border-bottom:1px solid #edf1f5}.issue-row:last-child{border:0}.issue-row>div{display:flex;flex-direction:column;min-width:0}.issue-row strong{font-size:9px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.issue-row>div span{font-size:7px;color:#8a99aa;margin-top:2px}.issue-pill{font-size:7px;font-weight:800;border-radius:999px;padding:4px 6px;white-space:nowrap}.issue-pill.warning{background:var(--v18-yellow-soft);color:#a27417}.issue-pill.danger{background:var(--v18-red-soft);color:#d84c5e}.issue-pill.pending{background:var(--v18-yellow-soft);color:#a27417}.dashboard-empty{padding:20px 8px;text-align:center;color:#8a99aa;font-size:9px}.payroll-dashboard-card{margin-bottom:14px;padding:16px 18px!important}.payroll-dashboard-head{display:flex;justify-content:space-between;align-items:center;gap:18px}.payroll-dashboard-title{display:flex;align-items:center;gap:11px}.payroll-dashboard-title h2{font-size:16px!important}.payroll-dashboard-title p{font-size:9px;color:#8190a1;margin:3px 0 0}.payroll-dashboard-title .panel-eyebrow{margin-bottom:3px}.payroll-dashboard-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-top:14px;padding-top:13px;border-top:1px solid #edf1f5}.payroll-dashboard-stats>div{display:flex;flex-direction:column}.payroll-dashboard-stats small{font-size:7px;color:#8b99a8}.payroll-dashboard-stats strong{font-size:11px;margin-top:3px}.dashboard-directory-strip{display:flex;align-items:center;justify-content:space-between;gap:18px;background:linear-gradient(135deg,#102d50,#0d2440);color:#fff;border-radius:14px;padding:16px 18px}.dashboard-directory-strip .panel-eyebrow{color:#7fb8ff;margin-bottom:4px}.dashboard-directory-strip h2{font-size:14px;margin:0}.directory-pills{display:flex;gap:8px;flex-wrap:wrap}.directory-pills a{display:flex;align-items:center;gap:6px;background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.09);border-radius:9px;padding:8px 10px;font-size:9px;color:#dce8f4}.directory-pills a span{color:#8fc2ff}.directory-pills a strong{background:rgba(255,255,255,.09);border-radius:999px;padding:2px 5px;color:#fff}.workspace-v18 .status-badge{font-size:8px;padding:5px 7px}.workspace-v18 .success-banner,.workspace-v18 .form-alert,.workspace-v18 .alert{border-radius:10px;font-size:10px}.workspace-v18 .filter-bar{background:#fff;border:1px solid var(--v18-border);border-radius:12px;padding:10px;box-shadow:0 5px 16px rgba(29,54,88,.04)}.workspace-v18 .directory-launch{border-radius:13px;box-shadow:var(--v18-shadow)}.workspace-v18 .launch-icon{border-radius:11px;background:var(--v18-blue-soft);color:var(--v18-blue)}

@media(max-width:1320px){.dashboard-kpis{grid-template-columns:repeat(3,1fr)}.dashboard-activity-grid{grid-template-columns:1fr 1fr}.dashboard-activity-grid .panel:first-child{grid-column:1/-1}.dashboard-primary-grid{grid-template-columns:1.2fr .8fr}}
@media(max-width:1050px){.workspace-v18.app-shell{grid-template-columns:220px minmax(0,1fr)}.dashboard-primary-grid{grid-template-columns:1fr}.dashboard-kpis{grid-template-columns:repeat(2,1fr)}.workspace-v18 .page-content{padding:22px}.dashboard-directory-strip{align-items:flex-start;flex-direction:column}.topbar-title{display:none}.topbar-divider{display:none}}
@media(max-width:780px){.workspace-v18.app-shell{grid-template-columns:1fr}.workspace-v18 .sidebar{left:-260px;width:244px;z-index:60}.workspace-v18 .sidebar.open{left:0}.sidebar-scrim{display:block;position:fixed;inset:0;background:rgba(8,25,43,.35);border:0;opacity:0;pointer-events:none;z-index:55;transition:.2s}.workspace-v18 .sidebar.open~.sidebar-scrim{opacity:1;pointer-events:auto}.workspace-v18 .topbar{padding:0 14px}.org-chip strong{max-width:190px}.dashboard-hero{align-items:flex-start;flex-direction:column}.dashboard-hero-actions{width:100%;justify-content:space-between}.dashboard-activity-grid{grid-template-columns:1fr}.dashboard-activity-grid .panel:first-child{grid-column:auto}.payroll-dashboard-head{align-items:flex-start;flex-direction:column}.payroll-dashboard-stats{grid-template-columns:1fr 1fr}}
@media(max-width:560px){.workspace-v18 .page-content{padding:18px 12px}.dashboard-kpis{grid-template-columns:1fr}.dashboard-hero h1{font-size:24px}.dashboard-hero-actions{align-items:stretch;flex-direction:column}.today-chip{justify-content:center}.hours-chart{gap:8px;height:180px}.dashboard-directory-strip{padding:14px}.directory-pills{display:grid;grid-template-columns:1fr 1fr;width:100%}.workspace-v18 .topbar-actions .user-chip{display:none}.payroll-dashboard-stats{grid-template-columns:1fr}.dashboard-table th:nth-child(4),.dashboard-table td:nth-child(4){display:none}}