.salary-shell{--sal-primary:#5147e8;--sal-indigo:#6c63ff;--sal-border:#e1e6ee;--sal-text:#172033;--sal-muted:#7b8495;--sal-bg:#f7f8fb;--sal-green:#10b981;--sal-red:#ef4444;--sal-amber:#f59e0b;max-width:1540px;margin:0 auto;padding:28px 30px 50px;background:var(--sal-bg);min-height:calc(100vh - 70px);color:var(--sal-text)}
.salary-heading{display:flex;justify-content:space-between;align-items:flex-start;gap:24px;margin-bottom:24px}.salary-heading h1{margin:0;font-size:28px;font-weight:800;letter-spacing:-.5px}.salary-heading p{margin:5px 0 0;color:var(--sal-muted);font-size:14px}.salary-heading-actions,.salary-toolbar{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.salary-toolbar form{display:inline-flex}.salary-shell .btn{border-radius:9px;font-weight:700;padding:.62rem .95rem}.salary-shell .btn-primary{background:var(--sal-primary);border-color:var(--sal-primary)}
.salary-breadcrumb{display:flex;gap:8px;color:#8791a3;font-size:13px;margin-bottom:18px}.salary-breadcrumb strong{color:#30394a}.salary-notice{display:flex;align-items:center;gap:11px;padding:14px 17px;border:1px solid #bad5ff;background:#edf5ff;color:#2458b8;border-radius:11px;margin-bottom:22px;font-weight:600}.salary-notice.warning{border-color:#f4d56f;background:#fff9e8;color:#a85b08}.salary-notice.danger{border-color:#fecaca;background:#fff0f0;color:#c62e2e}
.salary-kpis{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:15px;margin-bottom:22px}.salary-kpis.five{grid-template-columns:repeat(5,minmax(0,1fr))}.salary-kpis article{position:relative;min-height:126px;padding:18px;background:#fff;border:1px solid var(--sal-border);border-radius:14px;box-shadow:0 1px 3px #1620330a}.salary-kpis article.accent{border-color:#b8c3ff}.salary-kpis article.success{border-color:#a7edcf}.salary-kpis article.danger{border-color:#fecaca}.salary-kpis article.warning{border-color:#f5d46f}.salary-kpi-icon,.salary-section-icon{display:inline-flex;align-items:center;justify-content:center;width:38px;height:38px;border-radius:10px;background:#eef0ff;color:var(--sal-primary);font-size:19px}.salary-kpi-tag{position:absolute;right:16px;top:17px}.salary-kpis small{display:block;color:var(--sal-muted);font-weight:700;margin:12px 0 4px}.salary-kpis strong{display:block;font-size:24px;line-height:1.1}.salary-kpis article.success strong,.text-salary-success{color:#07875b}.salary-kpis article.danger strong,.text-salary-danger{color:#dc3030}.salary-kpis article.warning strong{color:#b65f04}
.salary-grid{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:22px}.salary-grid.wide-side{grid-template-columns:minmax(0,1fr) 390px}.salary-grid.equal{grid-template-columns:1fr 1fr}.salary-main>*:last-child,.salary-side>*:last-child{margin-bottom:0}.salary-card{background:#fff;border:1px solid var(--sal-border);border-radius:14px;padding:22px;margin-bottom:20px;box-shadow:0 1px 3px #1620330a;overflow:hidden}.salary-card.flush{padding:0}.salary-card-title{display:flex;justify-content:space-between;align-items:center;gap:15px;margin:-22px -22px 20px;padding:17px 22px;border-bottom:1px solid var(--sal-border)}.salary-card-title h2{display:flex;align-items:center;gap:10px;margin:0;font-size:16px;font-weight:800}.salary-card-title p{margin:2px 0 0;color:var(--sal-muted);font-size:12px}.salary-card-title a,.salary-card-title>span{font-size:13px}.salary-card.flush .salary-card-title{margin:0}.salary-card.flush .table-responsive{margin:0}.salary-card table{margin:0}.salary-card th{padding:13px 15px;background:#f8f9fb;color:#697386;font-size:11px;text-transform:uppercase;white-space:nowrap;border-bottom-color:var(--sal-border)}.salary-card td{padding:15px;vertical-align:middle;border-color:#edf0f4}.salary-card td small{display:block;color:#98a1b1}.salary-card tr.row-muted{opacity:.48}.salary-card tr.row-warning{background:#fffdf5}.salary-card tr.row-danger{background:#fff6f6}.salary-empty{text-align:center;color:#9aa4b3;padding:45px!important}
.salary-badge{display:inline-flex;align-items:center;gap:5px;border-radius:999px;padding:5px 10px;font-weight:750;font-size:11px;background:#eef1f5;color:#667085;white-space:nowrap}.salary-badge.success{background:#dcfaec;color:#087d50}.salary-badge.info{background:#dff3ff;color:#0875ad}.salary-badge.warning{background:#fff1c4;color:#aa6200}.salary-badge.primary{background:#e9e7ff;color:#4939d5}.salary-badge.dark{background:#202b3c;color:#fff}.salary-badge.danger{background:#ffe2e3;color:#c72e35}.salary-badge.purple{background:#f0e6ff;color:#7c36d7}
.salary-person{display:flex;align-items:center;gap:10px}.salary-avatar{width:38px;height:38px;border-radius:50%;object-fit:cover;background:#e9e7ff;color:#5147e8;display:inline-flex;align-items:center;justify-content:center;font-weight:800;flex:none}.salary-avatar.lg{width:58px;height:58px}.salary-person strong{display:block}.salary-progress{height:7px;background:#eceff4;border-radius:999px;overflow:hidden}.salary-progress>span{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--sal-primary),#8b83ff)}.salary-progress.green>span{background:linear-gradient(90deg,#10b981,#42d7a0)}.salary-progress.red>span{background:#fa6c72}.salary-progress.amber>span{background:#fbbf24}
.salary-detail-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:23px}.salary-detail-grid.two{grid-template-columns:repeat(2,minmax(0,1fr))}.salary-detail-grid small,.salary-info-label{display:block;color:#929bad;text-transform:uppercase;font-size:11px;font-weight:700;margin-bottom:5px}.salary-detail-grid strong{display:block}.salary-summary-row{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:12px 0;border-bottom:1px solid #edf0f4}.salary-summary-row:last-child{border-bottom:0}.salary-summary-row span:first-child{color:#6f7888}.salary-total-box{padding:16px;border-radius:11px;background:#eef1ff;color:#4037d5}.salary-total-box.success{background:#e6faf1;color:#087d50}.salary-total-box.warning{background:#fff7de;color:#a96100}.salary-total-box.danger{background:#fff0f0;color:#c72e35}
.salary-tabs{display:flex;gap:22px;border-bottom:1px solid var(--sal-border);margin:-22px -22px 22px;padding:0 22px}.salary-tabs a{padding:16px 3px;color:#687284;text-decoration:none;font-weight:700;border-bottom:2px solid transparent}.salary-tabs a.active{color:var(--sal-primary);border-color:var(--sal-primary)}.salary-filterbar{display:flex;gap:10px;align-items:center;padding:15px;background:#fff;border:1px solid var(--sal-border);border-radius:13px;margin-bottom:20px}.salary-filterbar .grow{flex:1}.salary-filterbar .form-control,.salary-filterbar .form-select{min-height:43px}.salary-form .form-label{font-size:12px;text-transform:uppercase;font-weight:750;color:#586274}.salary-form .form-control,.salary-form .form-select,.salary-filterbar .form-control,.salary-filterbar .form-select{border-color:#dce2ea;border-radius:8px}.salary-form .form-control,.salary-form .form-select{min-height:43px}.salary-form textarea.form-control{min-height:100px}.salary-field-help{display:block;color:#9aa3b2;font-size:12px;margin-top:5px}.salary-switch{display:flex;justify-content:space-between;align-items:center;padding:15px 0;border-bottom:1px solid #edf0f4}.salary-switch:last-child{border-bottom:0}.salary-switch strong{display:block}.salary-switch small{display:block;color:#8d96a6}.salary-actions{position:sticky;bottom:0;z-index:10;display:flex;justify-content:flex-end;gap:10px;margin-top:20px;padding:15px 20px;background:#ffffffed;border:1px solid var(--sal-border);border-radius:12px;box-shadow:0 -4px 22px #1b294014;backdrop-filter:blur(8px)}
.salary-chart{height:360px;min-height:300px}.salary-chart.large{height:500px}.salary-lines{list-style:none;padding:0;margin:0}.salary-lines li{display:flex;justify-content:space-between;align-items:center;padding:13px 0;border-bottom:1px solid #edf0f4}.salary-cycle{position:relative;padding-left:42px}.salary-cycle:before{content:"";position:absolute;left:16px;top:12px;bottom:12px;width:2px;background:#e4e8ef}.salary-cycle-step{position:relative;padding:11px 0}.salary-cycle-step:before{content:"";position:absolute;left:-34px;top:13px;width:18px;height:18px;border-radius:50%;border:2px solid #cbd3de;background:#fff}.salary-cycle-step.done:before{background:#d8faeb;border-color:#16c784}.salary-cycle-step.current:before{background:#fff2c4;border-color:#f4a700}.salary-rule{display:flex;gap:12px;padding:12px;border-radius:10px;background:#f7f8fa;margin-bottom:10px}.salary-rule.info{background:#edf5ff;color:#2458b8}.salary-rule.warning{background:#fff8e3;color:#9b5d08}.salary-rule.danger{background:#fff0f0;color:#c62e2e}.salary-code{font-family:monospace;background:#f3f4f6;border-radius:5px;padding:2px 6px}.salary-hidden{display:none!important}
.salary-profile-header{display:flex;justify-content:space-between;align-items:flex-start;gap:24px;margin-bottom:22px}.salary-profile-identity{display:flex;align-items:center;gap:16px}.salary-profile-identity h1{font-size:27px;margin:0;font-weight:800}.salary-profile-identity p{color:#6f7888;margin:3px 0}.salary-profile-avatar-wrap{position:relative;flex:none}.salary-profile-avatar{width:60px;height:60px;border-radius:12px;object-fit:cover;display:flex;align-items:center;justify-content:center}.salary-profile-initials{background:linear-gradient(135deg,#746df0,#4136d5);color:#fff;font-weight:800;font-size:20px}.salary-profile-check{position:absolute;right:-5px;bottom:-5px;width:20px;height:20px;border:2px solid #fff;border-radius:50%;display:flex;align-items:center;justify-content:center;background:#15b981;color:#fff;font-size:11px}.salary-profile-kpis article{min-height:128px}.salary-section-icon.is-blue{background:#e7f6ff;color:#0494d1}.salary-section-icon.is-green{background:#e4faef;color:#0aab70}.salary-section-icon.is-amber{background:#fff5d9;color:#e69000}.salary-employee-banner{display:flex;justify-content:space-between;align-items:center;padding-bottom:16px;border-bottom:1px solid #edf0f4}.salary-employee-banner a{font-weight:700;text-decoration:none}.salary-employee-banner .salary-person span:not(.salary-avatar){display:block;color:#717b8d}.salary-employer-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px}.salary-employer-grid small,.salary-employer-grid>div>span:first-child{display:block;color:#929bad;text-transform:uppercase;font-size:11px;font-weight:700;margin-bottom:8px}.salary-employer-value{display:block;font-size:23px}.text-purple{color:#7837ed}.salary-charge-progress{width:92px}.salary-formula{grid-column:2/4}.salary-formula code{display:block;padding:12px 15px;border:1px solid #e6e9ef;border-radius:8px;background:#f8f9fb;color:#596477;line-height:1.7}.salary-profile-side{display:block}.salary-profile-side .salary-card{margin-bottom:20px}.salary-timeline{position:relative}.salary-timeline:before{content:"";position:absolute;left:14px;top:18px;bottom:18px;width:2px;background:#e7eaf0}.salary-timeline article{position:relative;display:flex;gap:14px;padding:8px 0 17px}.salary-timeline article>i{position:relative;z-index:1;width:29px;height:29px;display:flex;align-items:center;justify-content:center;border:1px solid #d8ddff;border-radius:50%;background:#edf0ff;color:#5147e8;flex:none}.salary-timeline article.purple>i{background:#f1e8ff;color:#8b3eed}.salary-timeline article.blue>i{background:#e3f6ff;color:#1595cf}.salary-timeline article.muted{opacity:.35}.salary-timeline article strong,.salary-timeline article span,.salary-timeline article small{display:block}.salary-timeline article span{color:#70798a;font-size:13px}.salary-timeline article small{color:#9ba4b2;margin-top:2px}.salary-usage-box{display:grid;grid-template-columns:48px 1fr;grid-template-rows:auto auto;column-gap:10px;padding:16px;border-radius:10px;background:#edf0ff;color:#4d42df;margin-bottom:14px}.salary-usage-box i{grid-row:1/3;align-self:center;font-size:23px}.salary-usage-box strong{font-size:26px;line-height:1}.salary-usage-box span{font-size:12px;font-weight:700}
@media(max-width:1250px){.salary-kpis,.salary-kpis.five{grid-template-columns:repeat(3,1fr)}.salary-grid,.salary-grid.wide-side{grid-template-columns:1fr}.salary-side{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.salary-side .salary-card{margin:0}}
@media(max-width:850px){.salary-shell{padding:20px 15px}.salary-heading{display:block}.salary-heading-actions,.salary-heading>.salary-toolbar{margin-top:15px}.salary-kpis,.salary-kpis.five{grid-template-columns:repeat(2,1fr)}.salary-grid.equal,.salary-detail-grid,.salary-detail-grid.two{grid-template-columns:1fr}.salary-side{display:block}.salary-side .salary-card{margin-bottom:18px}.salary-filterbar{flex-wrap:wrap}.salary-filterbar .grow{flex-basis:100%}.salary-profile-header{display:block}.salary-profile-header>.salary-heading-actions{margin-top:18px}.salary-employer-grid{grid-template-columns:1fr 1fr}.salary-formula{grid-column:1/3}.salary-employee-banner{align-items:flex-start;gap:15px;flex-wrap:wrap}}
@media(max-width:520px){.salary-kpis,.salary-kpis.five{grid-template-columns:1fr}.salary-heading h1{font-size:23px}.salary-card{padding:16px}.salary-card-title{margin:-16px -16px 16px;padding:15px 16px}.salary-tabs{margin:-16px -16px 18px;overflow:auto}.salary-actions{justify-content:stretch}.salary-actions .btn{flex:1}}