html{min-width:320px;min-height:100%}body{min-width:320px;min-height:100vh}button,input,select,textarea{font:inherit}*{box-sizing:border-box}body{color:#1f2937;background:#f5f7fa;margin:0;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.app{min-height:100vh}.app-header{background:#fff;border-bottom:1px solid #e5e7eb;padding:0 32px}.app-title{align-items:baseline;gap:12px;padding-top:22px;display:flex}.app-title-main{font-size:22px;font-weight:700}.app-title-sub{color:#8492a6;font-size:13px}.app-nav{gap:30px;margin-top:22px;display:flex}.app-nav a{color:#667085;padding:0 0 14px;font-size:15px;font-weight:500;text-decoration:none;position:relative}.app-nav a:hover{color:#1f2937}.app-nav a.active{color:#2563eb}.app-nav a.active:after{content:"";background:#2563eb;height:2px;position:absolute;bottom:-1px;left:0;right:0}.app-content{width:100%;max-width:1500px;margin:0 auto;padding:32px}.sales-page{width:100%}.sales-header{justify-content:space-between;align-items:flex-end;gap:24px;margin-bottom:28px;display:flex}.sales-header h1{margin:0 0 6px;font-size:28px}.sales-header p{color:#6b7280;margin:0}.sales-period{gap:10px;display:flex}.sales-period select{cursor:pointer;background:#fff;border:1px solid #d9dde5;border-radius:8px;min-width:130px;padding:10px 36px 10px 12px;font-size:14px}.sales-period select:last-child{min-width:90px}.sales-tabs{border-bottom:1px solid #e5e7eb;gap:4px;margin-bottom:20px;display:flex}.sales-tab{color:#6b7280;cursor:pointer;background:0 0;border:none;border-bottom:2px solid #0000;padding:11px 16px;font-size:14px;font-weight:600}.sales-tab:hover{color:#111827}.sales-tab-active{color:#2563eb;border-bottom-color:#2563eb}.sales-table-wrapper{background:#fff;border:1px solid #e5e7eb;border-radius:12px;width:100%;overflow-x:auto}.sales-table{border-collapse:collapse;width:100%}.sales-table th{text-align:center;color:#6b7280;white-space:nowrap;background:#f8f9fb;border-bottom:1px solid #e5e7eb;padding:14px 12px;font-size:12px;font-weight:600}.sales-table th:first-child{text-align:left}.sales-table td{vertical-align:middle;border-bottom:1px solid #eef0f3;padding:17px 12px}.sales-table tbody tr:last-child td{border-bottom:none}.sales-table tbody tr:hover:not(.sales-total-row){background:#fafbfc}.sales-manager-header{width:20%}.sales-employee{width:20%;min-width:170px;font-size:14px;font-weight:600;line-height:1.35}.sales-funnel-metric,.sales-plan-metric{text-align:center;min-width:125px}.sales-fact{color:#111827;white-space:nowrap;font-size:15px;font-weight:700}.sales-fact-zero{color:#9ca3af;font-weight:600}.sales-conversion-header{width:58px;padding-left:2px!important;padding-right:2px!important}.sales-conversion{color:#6b7280;white-space:nowrap;flex-direction:column;justify-content:center;align-items:center;min-width:52px;display:flex}.sales-conversion-arrow{color:#c4c9d1;margin-bottom:3px;font-size:18px;font-weight:400;line-height:1}.sales-conversion-value{font-size:12px;font-weight:600}.sales-plan-caption{color:#8a919c;white-space:nowrap;margin-top:4px;font-size:12px}.sales-progress-row{align-items:center;gap:8px;margin-top:9px;display:flex}.sales-progress{background:#e9edf2;border-radius:999px;flex:1;height:6px;overflow:hidden}.sales-progress-fill{border-radius:inherit;background:#2f80ed;height:100%;transition:width .2s}.sales-percent{text-align:right;color:#4b5563;white-space:nowrap;min-width:39px;margin:0;font-size:11px;font-weight:600}.sales-total-row{background:#f8f9fb;font-weight:600}.sales-total-row td{border-top:2px solid #e1e5ea}.sales-total-row .sales-fact{font-size:15px}.sales-state,.sales-empty{text-align:center;color:#6b7280;padding:32px}.sales-error{color:#b42318}.sales-settings{flex-direction:column;gap:24px;display:flex}.sales-department-title{margin-bottom:10px;font-size:16px;font-weight:700}.sales-plan-table{min-width:650px}.sales-plan-input{box-sizing:border-box;width:100%;min-width:130px;font:inherit;text-align:right;background:#fff;border:1px solid #d9dde5;border-radius:7px;padding:9px 10px}.sales-plan-input:focus{border-color:#2563eb;outline:none}.sales-settings-actions{justify-content:flex-end;align-items:center;gap:16px;display:flex}.sales-save-button{color:#fff;cursor:pointer;background:#2563eb;border:none;border-radius:8px;padding:10px 18px;font-size:14px;font-weight:600}.sales-save-button:hover{background:#1d4ed8}.sales-save-button:disabled{opacity:.6;cursor:default}.sales-save-message{color:#15803d;font-size:14px;font-weight:600}@media (width<=1100px){.sales-table{min-width:950px}}.sales-daily{flex-direction:column;gap:20px;display:flex}.sales-daily-summary{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;display:grid}.sales-daily-card{box-sizing:border-box;background:#fff;border:1px solid #e5e7eb;border-radius:12px;min-height:104px;padding:18px 20px}.sales-daily-card-label{color:#6b7280;margin-bottom:8px;font-size:13px;font-weight:600}.sales-daily-card-value{color:#111827;font-size:23px;font-weight:700;line-height:1.2}.sales-daily-card-caption{color:#9ca3af;margin-top:7px;font-size:12px}.sales-daily-progress{background:#e9edf2;border-radius:999px;height:6px;margin-top:13px;overflow:hidden}.sales-daily-progress-fill{border-radius:inherit;background:#2563eb;height:100%;transition:width .2s}.sales-daily-table-wrapper{overflow-x:auto}.sales-daily-table{min-width:960px}.sales-daily-table th:first-child{width:110px}.sales-daily-table th:not(:first-child){text-align:right}.sales-daily-table td{padding-top:14px;padding-bottom:14px}.sales-daily-date{color:#374151;white-space:nowrap;font-weight:600}.sales-daily-number{text-align:right;white-space:nowrap}.sales-daily-plan{color:#374151;font-weight:600}.sales-daily-fact{color:#111827;font-weight:700}.sales-daily-difference-negative{color:#b42318;font-weight:600}.sales-daily-difference-positive{color:#15803d;font-weight:600}.sales-daily-difference-neutral{color:#6b7280}.sales-daily-percent-cell{white-space:nowrap;flex-direction:column;align-items:flex-end;gap:6px;min-width:120px;font-size:13px;font-weight:600;display:flex}.sales-daily-row-progress{background:#e9edf2;border-radius:999px;width:100%;max-width:110px;height:4px;overflow:hidden}.sales-daily-row-progress-fill{border-radius:inherit;background:#2563eb;height:100%}.sales-daily-week-row{background:#f7f8fa}.sales-daily-week-row td{border-top:1px solid #dde2e8;border-bottom:1px solid #dde2e8;padding-top:13px;padding-bottom:13px;font-size:13px;font-weight:700}.sales-daily-week-row td:first-child{color:#4b5563}.sales-daily-month-row{background:#eef4ff}.sales-daily-month-row td{color:#111827;border-top:2px solid #c7d7f5;padding-top:17px;padding-bottom:17px;font-weight:700}.sales-daily-month-row td:first-child{font-size:14px}@media (width<=1100px){.sales-daily-summary{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=650px){.sales-daily-summary{grid-template-columns:1fr}}.employees-page{padding:32px 0}.employees-header{justify-content:space-between;align-items:flex-start;gap:24px;margin-bottom:24px;display:flex}.employees-header h1{margin:0 0 6px;font-size:28px}.employees-header p{color:#6b7280;margin:0}.employees-count{background:#fff;border:1px solid #e5e7eb;border-radius:8px;padding:8px 12px;font-size:14px}.employees-table-wrapper{background:#fff;border:1px solid #e5e7eb;border-radius:12px;overflow:hidden}.employees-table{border-collapse:collapse;width:100%}.employees-table th,.employees-table td{text-align:left;border-bottom:1px solid #e5e7eb;padding:14px 18px}.employees-table th{color:#6b7280;background:#f9fafb;font-size:13px;font-weight:600}.employees-table tbody tr:last-child td{border-bottom:none}.employees-table tbody tr:hover{background:#f9fafb}.employee-link{color:#2563eb;font-weight:500;text-decoration:none}.employee-link:hover{text-decoration:underline}.employees-state{padding:32px 0}.employees-actions{align-items:center;gap:12px;display:flex}.access-button{color:#fff;cursor:pointer;background:#2563eb;border:0;border-radius:8px;padding:9px 14px;font-weight:600}.employees-access-error{color:#991b1b;background:#fef2f2;border:1px solid #fecaca;border-radius:8px;margin:0 0 16px;padding:10px 12px}.access-backdrop{z-index:1000;background:#11182773;justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0}.access-modal{background:#fff;border-radius:14px;width:min(1400px,96vw);max-height:90vh;overflow:hidden;box-shadow:0 24px 70px #00000038}.access-modal-head{border-bottom:1px solid #e5e7eb;justify-content:space-between;gap:20px;padding:20px 24px;display:flex}.access-modal-head h2{margin:0 0 5px}.access-modal-head p{color:#6b7280;margin:0}.access-modal-head>button{cursor:pointer;background:0 0;border:0;font-size:28px}.access-table-wrap{max-height:72vh;overflow:auto}.access-table{border-collapse:collapse;width:100%;font-size:13px}.access-table th,.access-table td{text-align:center;white-space:nowrap;border-bottom:1px solid #e5e7eb;padding:11px 12px}.access-table th{z-index:1;background:#f9fafb;position:sticky;top:0}.access-table th:first-child,.access-table td:first-child{text-align:left;z-index:2;background:#fff;position:sticky;left:0}.access-table th:first-child{z-index:3;background:#f9fafb}.access-table td:first-child small{color:#6b7280;margin-top:3px;font-weight:400;display:block}.access-table input{cursor:pointer;width:18px;height:18px}.access-modal-roles{width:min(1180px,96vw);max-height:92vh;overflow:auto}.role-matrix{border-bottom:1px solid #e5e7eb;padding:18px 24px}.role-matrix h3{margin:0 0 12px;font-size:16px}.role-matrix table{border-collapse:collapse;width:100%;font-size:13px}.role-matrix th,.role-matrix td{text-align:left;border:1px solid #e5e7eb;padding:9px 10px}.role-matrix th{color:#475467;background:#f9fafb}.permission-editor{grid-template-columns:300px 1fr;min-height:430px;display:grid}.permission-list{background:#f9fafb;border-right:1px solid #e5e7eb;padding:14px}.permission-list button{text-align:left;cursor:pointer;background:0 0;border:0;border-radius:8px;width:100%;padding:11px 12px;display:block}.permission-list button:hover{background:#eef2f7}.permission-list button.active{color:#1d4ed8;background:#e8f0ff}.permission-list strong,.permission-list span{display:block}.permission-list span{color:#667085;margin-top:3px;font-size:11px;line-height:1.35}.permission-users{padding:18px 20px}.permission-users-head{justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:14px;display:flex}.permission-users-head h3{margin:0 0 4px}.permission-users-head p{color:#667085;margin:0;font-size:13px}.permission-users-head>span{white-space:nowrap;background:#f2f4f7;border-radius:7px;padding:6px 9px;font-size:12px}.permission-users-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.permission-user{cursor:pointer;border:1px solid #e5e7eb;border-radius:8px;align-items:flex-start;gap:10px;padding:10px;display:flex}.permission-user:hover{background:#f9fafb}.permission-user input{width:18px;height:18px;margin-top:1px}.permission-user span,.permission-user strong,.permission-user small{display:block}.permission-user small{color:#667085;margin-top:3px}@media (width<=900px){.permission-editor{grid-template-columns:1fr}.permission-list{border-bottom:1px solid #e5e7eb;border-right:0}.permission-users-grid{grid-template-columns:1fr}.role-matrix{overflow-x:auto}}.role-assign-button{color:#1d4ed8;cursor:pointer;white-space:nowrap;background:#eff6ff;border:1px solid #bfdbfe;border-radius:7px;padding:6px 10px}.role-assignment{background:#fafcff;border:1px solid #dbeafe;border-radius:10px;margin-top:16px;padding:16px}.role-assignment-header{justify-content:space-between;align-items:center;display:flex}.role-assignment-header button{color:#2563eb;cursor:pointer;background:0 0;border:0}.role-assignment p{color:#667085;font-size:12px}.role-search{box-sizing:border-box;border:1px solid #d0d5dd;border-radius:8px;width:100%;margin:10px 0 14px;padding:10px 12px}.role-assignment .permission-users-grid{max-height:320px;overflow-y:auto}.employee-page{width:100%}.employee-back{color:#64748b;margin-bottom:20px;font-size:14px;text-decoration:none;display:inline-block}.employee-back:hover{color:#0f172a}.employee-header{background:#fff;border:1px solid #e2e8f0;border-radius:12px;justify-content:space-between;align-items:flex-start;gap:24px;padding:24px;display:flex}.employee-header h1{color:#0f172a;margin:0 0 8px;font-size:26px}.employee-meta{color:#64748b;flex-wrap:wrap;gap:8px;font-size:14px;display:flex}.employee-status{border-radius:20px;flex-shrink:0;padding:6px 10px;font-size:13px;font-weight:500}.employee-status.active{color:#166534;background:#dcfce7}.employee-status.inactive{color:#64748b;background:#f1f5f9}.employee-tabs{border-bottom:1px solid #e2e8f0;gap:8px;margin-top:24px;display:flex}.employee-tabs button{cursor:pointer;color:#64748b;background:0 0;border:0;border-bottom:2px solid #0000;padding:12px 18px;font-size:15px}.employee-tabs button.active{color:#0f172a;border-bottom-color:#0f172a;font-weight:600}.employee-content{background:#fff;border:1px solid #e2e8f0;border-radius:12px;margin-top:20px;padding:24px}.employee-content h2{color:#0f172a;margin-top:0}.employee-content p{color:#64748b;margin-bottom:0}.employee-error{background:#fff;border:1px solid #e2e8f0;border-radius:12px;padding:24px}.employee-kpi-title{justify-content:space-between;align-items:flex-start;gap:20px;margin-bottom:18px;display:flex}.employee-kpi-title h2{margin:0 0 5px}.employee-kpi-title p{margin:0}.employee-kpi-title>strong{color:#0f172a;font-size:24px}.employee-kpi-empty{text-align:center;color:#94a3b8;padding:28px 0}.employee-hire-card{border:1px solid #e2e8f0;border-radius:12px;margin-top:14px;overflow:hidden}.employee-hire-head{justify-content:space-between;gap:20px;padding:18px;display:flex}.employee-hire-head h3{margin:0 0 5px;font-size:17px}.employee-hire-head>div>span{color:#64748b;font-size:13px}.employee-hire-dates{flex-wrap:wrap;gap:20px;display:flex}.employee-hire-dates span{color:#94a3b8;flex-direction:column;gap:3px;font-size:11px;display:flex}.employee-hire-dates b{color:#334155;font-size:13px}.employee-hire-items{border-top:1px solid #e2e8f0}.employee-hire-item{border-bottom:1px solid #f1f5f9;justify-content:space-between;align-items:center;gap:20px;padding:13px 18px;display:flex}.employee-hire-item h4{margin:2px 0 3px;font-size:14px}.employee-hire-item small,.employee-hire-item span{color:#94a3b8;font-size:11px}.employee-hire-item label{color:#64748b;align-items:center;gap:8px;font-size:11px;display:flex}.employee-hire-item input{text-align:right;width:110px;font:inherit;border:1px solid #cbd5e1;border-radius:7px;padding:8px}.employee-hire-foot{color:#64748b;background:#f8fafc;justify-content:space-between;padding:11px 18px;font-size:12px;display:flex}.employee-hire-foot strong{color:#0f172a;font-size:14px}@media (width<=800px){.employee-hire-head,.employee-hire-item,.employee-hire-foot{flex-direction:column;align-items:flex-start}.employee-hire-item label{justify-content:space-between;width:100%}}.employee-hire-card.compact{margin-top:10px}.employee-hire-summary{text-align:left;cursor:pointer;color:#334155;background:#fff;border:0;grid-template-columns:minmax(240px,1.8fr) 130px 130px 110px 24px;align-items:center;gap:16px;width:100%;padding:12px 16px;display:grid}.employee-hire-summary:hover{background:#f8fafc}.employee-hire-summary>span{color:#94a3b8;flex-direction:column;gap:2px;font-size:11px;display:flex}.employee-hire-summary>span b{color:#334155;font-size:13px}.employee-hire-person{flex-direction:column;gap:3px;display:flex}.employee-hire-person>strong{color:#0f172a;font-size:14px}.employee-hire-person>span{color:#64748b;font-size:12px}.employee-hire-total{text-align:right;color:#0f172a}.compact-items{border-top:1px solid #e2e8f0}.employee-hire-grid{border-bottom:1px solid #f1f5f9;grid-template-columns:minmax(220px,1.8fr) 100px 100px 135px 110px 135px;align-items:center;gap:12px;padding:8px 16px;font-size:12px;display:grid}.employee-hire-grid>div{flex-direction:column;gap:2px;display:flex}.employee-hire-grid>div strong{color:#334155;font-size:13px}.employee-hire-grid small{color:#94a3b8}.employee-hire-grid input{box-sizing:border-box;width:100%;font:inherit;border:1px solid #cbd5e1;border-radius:6px;padding:7px 8px}.employee-hire-grid input[type=number]{text-align:right}.employee-hire-grid-head{color:#94a3b8;background:#f8fafc;font-size:11px;font-weight:600}.employee-payment-date{color:#334155;font-weight:600}@media (width<=900px){.employee-hire-summary{grid-template-columns:1fr auto}.employee-hire-summary>span{display:none}.employee-hire-grid{grid-template-columns:1fr 100px}.employee-hire-grid-head,.employee-hire-grid>:nth-child(2),.employee-hire-grid>:nth-child(5){display:none}}.employee-month-nav{text-transform:capitalize;justify-content:center;align-items:center;gap:14px;margin:8px 0 14px;display:flex}.employee-month-nav button{cursor:pointer;color:#475569;background:#fff;border:1px solid #e2e8f0;border-radius:7px;width:32px;height:32px;font-size:20px}.employee-month-nav strong{text-align:center;color:#334155;min-width:160px;font-size:14px}.employee-monthly-card{border:1px solid #e2e8f0;border-radius:10px;margin-bottom:20px;overflow:hidden}.employee-monthly-head{background:#f8fafc;justify-content:space-between;align-items:center;padding:12px 16px;display:flex}.employee-monthly-head h3{color:#0f172a;margin:0 0 2px;font-size:14px}.employee-monthly-head span{color:#94a3b8;font-size:11px}.employee-monthly-head>strong{color:#0f172a;font-size:16px}.employee-monthly-row{border-top:1px solid #f1f5f9;grid-template-columns:minmax(220px,1fr) 110px 145px 120px;align-items:center;gap:12px;padding:8px 16px;font-size:12px;display:grid}.employee-monthly-row>div{flex-direction:column;gap:2px;display:flex}.employee-monthly-row>div strong{color:#334155;font-size:13px}.employee-monthly-row>div span{color:#94a3b8;font-size:11px}.employee-monthly-row input{box-sizing:border-box;width:100%;font:inherit;border:1px solid #cbd5e1;border-radius:6px;padding:7px 8px}.employee-monthly-row input[type=number]{text-align:right}.employee-monthly-empty{color:#94a3b8;padding:14px 16px;font-size:12px}.employee-hires-title{color:#334155;margin:20px 0 8px;font-size:14px}@media (width<=900px){.employee-monthly-row{grid-template-columns:1fr 100px}.employee-monthly-row input[type=date],.employee-monthly-row>span{display:none}}.employee-hire-card.all-paid{background:#f0fdf4;border-color:#86efac}.employee-hire-card.all-paid .employee-hire-summary{background:#f0fdf4}.employee-hire-total{flex-direction:column;gap:2px;display:flex}.employee-hire-total small{color:#94a3b8;font-size:10px;font-weight:600}.employee-hire-card.all-paid .employee-hire-total small{color:#15803d}.employee-paid{color:#64748b;white-space:nowrap;align-items:center;gap:6px;font-size:11px;display:flex}.employee-paid.yes{color:#15803d;font-weight:600}.employee-paid input{width:auto;margin:0}.employee-hire-grid input:disabled{color:#94a3b8;cursor:not-allowed;background:#f1f5f9}.employee-salary-head{justify-content:space-between;align-items:flex-start;gap:20px;margin-bottom:16px;display:flex}.employee-salary-head h2{margin:0 0 5px}.employee-salary-head p{margin:0}.employee-salary-head select{background:#fff;border:1px solid #cbd5e1;border-radius:7px;padding:8px 10px}.employee-salary-table-wrap{border:1px solid #e2e8f0;border-radius:10px;overflow:auto}.employee-salary-table{border-collapse:collapse;white-space:nowrap;width:100%;font-size:12px}.employee-salary-table th{color:#64748b;text-align:right;background:#f8fafc;padding:9px 10px;font-size:11px}.employee-salary-table th:first-child,.employee-salary-table td:first-child{text-align:left;background:inherit;position:sticky;left:0}.employee-salary-table td{text-align:right;color:#334155;border-top:1px solid #f1f5f9;padding:9px 10px}.employee-salary-table tbody tr{cursor:pointer;background:#fff}.employee-salary-table tbody tr:hover{background:#f8fafc}.employee-salary-table tbody tr.selected{background:#eff6ff}.employee-salary-period{border:1px solid #e2e8f0;border-radius:10px;margin-top:18px;overflow:hidden}.employee-salary-period-title{background:#f8fafc;padding:12px 16px}.employee-salary-period-title h3{margin:0;font-size:14px}.employee-salary-period-grid{grid-template-columns:1fr 1fr;display:grid}.employee-salary-period-grid section{padding:14px 16px}.employee-salary-period-grid section+section{border-left:1px solid #e2e8f0}.employee-salary-period-grid h4{color:#64748b;text-transform:uppercase;margin:0 0 10px;font-size:12px}.employee-salary-period-grid section>div{border-bottom:1px solid #f8fafc;justify-content:space-between;gap:20px;padding:6px 0;font-size:12px;display:flex}.employee-salary-period-grid span{color:#64748b}.employee-salary-period-grid b{color:#0f172a}.employee-salary-period-grid .total{border-top:1px solid #cbd5e1;border-bottom:0;margin-top:5px;padding-top:10px;font-size:14px}@media (width<=800px){.employee-salary-period-grid{grid-template-columns:1fr}.employee-salary-period-grid section+section{border-top:1px solid #e2e8f0;border-left:0}}.employee-sales-kpi-card{background:#fff;border:1px solid #dfe5ec;border-radius:14px;margin-bottom:18px;overflow:hidden}.employee-sales-kpi-table .head,.employee-sales-kpi-table .row{grid-template-columns:1.35fr repeat(8,1fr);align-items:center;gap:8px;padding:11px 16px;display:grid}.employee-sales-kpi-table .head{color:#69768a;background:#f5f7fa;font-size:12px;font-weight:600}.employee-sales-kpi-table .row{border-top:1px solid #edf0f4;font-size:13px}.employee-sales-conversions{background:#fafbfc;grid-template-columns:1fr 1fr;gap:10px;padding:14px 16px;display:grid}.employee-sales-conversions>div{background:#fff;border:1px solid #e5e9ef;border-radius:9px;grid-template-columns:1fr auto auto;gap:18px;padding:12px;display:grid}.employee-sales-funnel{border-top:1px solid #edf0f4;grid-template-columns:repeat(4,1fr);gap:10px;padding:14px 16px;display:grid}.employee-sales-funnel span{color:#718096;flex-direction:column;gap:5px;display:flex}.employee-sales-funnel b{color:#14213d}@media (width<=1000px){.employee-sales-kpi-table{overflow:auto}.employee-sales-kpi-table .head,.employee-sales-kpi-table .row{min-width:1100px}.employee-sales-funnel{grid-template-columns:1fr 1fr}}.sales-kpi-card{background:#fff;border:1px solid #dfe5ec;border-radius:14px;margin:0 0 22px;overflow:hidden}.sales-kpi-head{background:#f7f9fc;border-bottom:1px solid #e5e9ef;justify-content:space-between;align-items:center;padding:18px 20px;display:flex}.sales-kpi-head h3{margin:0 0 4px}.sales-kpi-head span{color:#718096;font-size:13px}.sales-kpi-head>strong{font-size:22px}.sales-kpi-funnel{align-items:center;gap:12px;padding:16px 20px;display:flex}.sales-kpi-funnel div{border:1px solid #e3e8ef;border-radius:10px;flex:1;padding:12px}.sales-kpi-funnel span{color:#718096;margin-bottom:5px;font-size:12px;display:block}.sales-kpi-funnel i{color:#9aa5b4;font-style:normal}.sales-kpi-table-wrap{overflow:auto}.sales-kpi-table{border-collapse:collapse;width:100%;min-width:1050px}.sales-kpi-table th,.sales-kpi-table td{text-align:right;white-space:nowrap;border-top:1px solid #edf0f4;padding:11px 12px}.sales-kpi-table th:first-child,.sales-kpi-table td:first-child{text-align:left}.sales-kpi-table th{color:#667085;background:#fbfcfd;font-size:12px}.sales-calc-title{margin-bottom:18px}.sales-calc-title h2{margin:0 0 5px}.sales-calc-title p{margin:0}.sales-calc-card{background:#fff;border:1px solid #e2e8f0;border-radius:12px;margin-bottom:18px;overflow:hidden}.sales-calc-card>h3{color:#0f172a;background:#f8fafc;border-bottom:1px solid #e2e8f0;margin:0;padding:14px 16px;font-size:15px}.sales-calc-card-head{background:#f8fafc;border-bottom:1px solid #e2e8f0;justify-content:space-between;align-items:center;gap:20px;padding:14px 16px;display:flex}.sales-calc-card-head h3{margin:0 0 3px;font-size:15px}.sales-calc-card-head span{color:#64748b;font-size:11px}.sales-calc-card-head>strong{white-space:nowrap;font-size:18px}.sales-calc-table-wrap{overflow:auto}.sales-calc-table{border-collapse:collapse;width:100%;min-width:1050px;font-size:12px}.sales-calc-table.compact{min-width:650px;max-width:900px}.sales-calc-table th,.sales-calc-table td{text-align:right;white-space:nowrap;border-top:1px solid #edf0f4;padding:10px 12px}.sales-calc-table th{color:#64748b;background:#fbfcfd;font-size:11px}.sales-calc-table th:first-child,.sales-calc-table td:first-child{text-align:left}.sales-calc-table input{box-sizing:border-box;text-align:right;width:125px;font:inherit;color:#0f172a;background:#fff;border:1px solid #cbd5e1;border-radius:6px;padding:7px 8px}.sales-calc-table input:focus{border-color:#60a5fa;outline:2px solid #bfdbfe}.sales-calc-table .bonus-input{font-weight:700}.sales-calc-table .calc-total td{background:#f8fafc}.sales-calc-table .need-up{color:#b91c1c;font-weight:700}.sales-calc-table .need-down{color:#15803d;font-weight:700}.sales-calc-table tfoot td{background:#f8fafc;border-top:2px solid #cbd5e1;font-size:14px}.sales-calc-table tfoot td:last-child{font-size:16px}.sales-calc-target-wrap{white-space:nowrap;align-items:center;gap:8px;display:flex}.sales-calc-target-wrap>span{color:#64748b;font-size:11px}.sales-calc-target-total{text-align:right;color:#0f172a;background:#fff;border:1px solid #cbd5e1;border-radius:7px;width:145px;padding:8px 10px;font-size:16px;font-weight:700}.sales-calc-target-total:focus{border-color:#60a5fa;outline:2px solid #bfdbfe}.sales-calc-target-wrap>b{font-size:16px}.rop-kpi-card{overflow:hidden}.rop-table{min-width:1180px}.rop-kpi-summary{border-top:1px solid #e2e8f0;grid-template-columns:repeat(4,minmax(150px,1fr));gap:12px;padding:16px;display:grid}.rop-kpi-summary>div{background:#f8fafc;border:1px solid #e2e8f0;border-radius:9px;padding:12px}.rop-kpi-summary span{color:#64748b;margin-bottom:5px;font-size:11px;display:block}.rop-kpi-summary strong{color:#0f172a;font-size:16px}.rop-kpi-formula{color:#64748b;margin:0;padding:0 16px 16px;font-size:12px}@media (width<=800px){.rop-kpi-summary{grid-template-columns:1fr 1fr}}.procurement-kpi-card{overflow:hidden}.procurement-kpi-head{align-items:center}.procurement-kpi-head-result{flex-direction:column;align-items:flex-end;gap:3px;display:flex}.procurement-kpi-head-result small{color:#64748b;font-size:11px;font-weight:400}.procurement-kpi-head-result strong{color:#0f172a;font-size:22px}.procurement-kpi-flow{padding:8px 16px 2px}.procurement-kpi-step{border-bottom:1px solid #edf0f4;padding:14px 0}.procurement-kpi-step:last-child{border-bottom:0}.procurement-kpi-step-title{color:#334155;align-items:center;gap:8px;margin-bottom:10px;display:flex}.procurement-kpi-step-title i{color:#334155;background:#e8eef7;border-radius:50%;justify-content:center;align-items:center;width:22px;height:22px;font-size:11px;font-style:normal;font-weight:700;display:flex}.procurement-kpi-step-title b{font-size:13px}.procurement-kpi-step-body{grid-template-columns:minmax(170px,1fr) 28px minmax(170px,1fr) 28px minmax(190px,1fr);align-items:center;gap:7px;display:grid}.procurement-kpi-metric{box-sizing:border-box;background:#f8fafc;border:1px solid #e2e8f0;border-radius:9px;min-height:57px;padding:10px 12px}.procurement-kpi-metric span{color:#64748b;margin-bottom:5px;font-size:11px;display:block}.procurement-kpi-metric strong{color:#0f172a;font-size:15px}.procurement-kpi-metric.accent{background:#f1f5f9;border-color:#cbd5e1}.procurement-kpi-metric.accent strong{font-size:16px}.procurement-kpi-op{text-align:center;color:#94a3b8;font-size:18px;font-weight:600}.procurement-kpi-result{background:#f8fafc;border:1px solid #dbe3ec;border-radius:10px;grid-template-columns:1fr auto 1fr;align-items:center;gap:20px;margin:12px 16px 0;padding:16px 18px;display:grid}.procurement-kpi-result>div:not(.procurement-kpi-result-arrow){flex-direction:column;gap:4px;display:flex}.procurement-kpi-result span{color:#64748b;font-size:11px}.procurement-kpi-result strong{color:#0f172a;font-size:18px}.procurement-kpi-result-arrow{color:#64748b;white-space:nowrap;font-size:13px}.procurement-kpi-result-total{text-align:right}.procurement-kpi-result-total strong{font-size:22px}.procurement-kpi-equation{color:#64748b;background:#f8fafc;border-radius:8px;justify-content:space-between;align-items:center;gap:20px;margin:10px 16px;padding:10px 12px;display:flex}.procurement-kpi-equation span{white-space:nowrap;font-size:11px}.procurement-kpi-equation code{color:#334155;text-align:right;font-family:inherit;font-size:12px}.procurement-kpi-rules-toggle{color:#2563eb;font:inherit;cursor:pointer;background:0 0;border:0;margin:2px 16px 14px;padding:0;font-size:12px}.procurement-kpi-rules-toggle:hover{text-decoration:underline}.procurement-kpi-rules{grid-template-columns:1fr 1fr;gap:14px;margin:0 16px 16px;display:grid}.procurement-kpi-rules>div{border:1px solid #e2e8f0;border-radius:9px;padding:12px 14px}.procurement-kpi-rules h4{color:#334155;margin:0 0 8px;font-size:12px}.procurement-kpi-rules p{border-top:1px solid #f1f5f9;justify-content:space-between;gap:15px;margin:0;padding:6px 0;font-size:11px;display:flex}.procurement-kpi-rules p b{color:#64748b;font-weight:500}.procurement-kpi-rules p span{color:#0f172a;font-weight:700}@media (width<=850px){.procurement-kpi-step-body{grid-template-columns:1fr}.procurement-kpi-op{transform:rotate(90deg)}.procurement-kpi-result{grid-template-columns:1fr}.procurement-kpi-result-total{text-align:left}.procurement-kpi-equation{flex-direction:column;align-items:flex-start}.procurement-kpi-equation code{text-align:left}.procurement-kpi-rules{grid-template-columns:1fr}}.procurement-kpi-settings-note{color:#64748b;margin:0 16px 14px;font-size:11px}.branch-head-kpi-equation{white-space:normal;background:#f7f9fc;border-radius:10px;flex-wrap:wrap;align-items:center;gap:6px;margin-top:12px;padding:12px 14px;font-size:14px;line-height:1.4;display:flex}.branch-head-kpi-equation b{white-space:nowrap;margin-left:auto}.branch-head-kpi-step-body{display:block}.branch-head-kpi-metrics{grid-template-columns:repeat(3,minmax(180px,1fr));gap:10px;display:grid}.branch-head-manager-row{border:1px solid #edf0f4;border-radius:8px;justify-content:space-between;gap:20px;margin-top:8px;padding:9px 12px;display:flex}.branch-head-manager-row b{white-space:nowrap}.branch-head-kpi-card .branch-head-kpi-equation{margin:10px 0 0}.branch-head-card{box-sizing:border-box;width:100%;overflow:hidden}.branch-head-title{justify-content:space-between;align-items:flex-end;gap:24px;padding:18px 20px 14px;display:flex}.branch-head-title span{color:#64748b;margin-bottom:4px;font-size:11px;display:block}.branch-head-title h3{color:#0f172a;margin:0;font-size:18px}.branch-head-title>div:last-child{text-align:right}.branch-head-title strong{color:#0f172a;font-size:22px}.branch-head-table-wrap{box-sizing:border-box;width:100%;padding:0 20px;overflow-x:auto}.branch-head-table{border-collapse:separate;border-spacing:0;width:100%;min-width:980px;font-size:12px}.branch-head-table th,.branch-head-table td{text-align:right;white-space:nowrap;border-bottom:1px solid #e2e8f0;border-right:1px solid #e2e8f0;padding:11px 12px}.branch-head-table th:first-child,.branch-head-table td:first-child{text-align:left}.branch-head-table th{color:#64748b;background:#f8fafc;border-top:1px solid #e2e8f0;font-weight:600}.branch-head-table th:first-child,.branch-head-table td:first-child{border-left:1px solid #e2e8f0}.branch-head-table th:first-child{border-top-left-radius:9px}.branch-head-table th:last-child{border-top-right-radius:9px}.branch-head-total-row td{color:#0f172a;background:#f1f5f9}.branch-head-total-row td:first-child{border-bottom-left-radius:9px}.branch-head-total-row td:last-child{border-bottom-right-radius:9px}.branch-head-summary{grid-template-columns:repeat(7,minmax(120px,1fr));gap:8px;padding:14px 20px 8px;display:grid}.branch-head-summary>div{background:#f8fafc;border:1px solid #e2e8f0;border-radius:9px;padding:11px 12px}.branch-head-summary span{color:#64748b;margin-bottom:5px;font-size:10px;display:block}.branch-head-summary strong{color:#0f172a;white-space:nowrap;font-size:14px}.branch-head-summary-total{background:#eef6ff!important;border-color:#bfdbfe!important}.branch-head-summary-total strong{font-size:17px}.branch-head-formula{color:#64748b;background:#f8fafc;border-radius:8px;margin:0 20px 18px;padding:10px 12px;font-size:12px}.branch-head-formula b{color:#0f172a}@media (width<=1000px){.branch-head-summary{grid-template-columns:repeat(3,1fr)}}@media (width<=650px){.branch-head-summary{grid-template-columns:1fr 1fr}.branch-head-title{flex-direction:column;align-items:flex-start}.branch-head-title>div:last-child{text-align:left}}.warehouse-kpi{background:var(--card-bg,#fff);border:1px solid #e3e8ef;border-radius:16px;margin:20px 0;padding:24px}.warehouse-kpi-head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin-bottom:20px;display:flex}.warehouse-kpi-head h3{margin:0 0 5px}.warehouse-kpi-head p,.warehouse-kpi-note{color:#64748b;font-size:13px}.warehouse-kpi-head button{color:#fff;cursor:pointer;background:#2563eb;border:0;border-radius:9px;padding:11px 17px;font-weight:600}.warehouse-kpi-head button:disabled{opacity:.45;cursor:not-allowed}.warehouse-kpi-grid{grid-template-columns:repeat(auto-fit,minmax(215px,1fr));gap:12px;display:grid}.warehouse-kpi-item{border:1px solid #e2e8f0;border-radius:12px;justify-content:space-between;align-items:center;gap:12px;padding:16px;display:flex}.warehouse-kpi-item strong,.warehouse-kpi-item small{display:block}.warehouse-kpi-item small{color:#64748b;margin-top:7px}.warehouse-kpi-item b{white-space:nowrap}.warehouse-kpi-calculation{border-top:1px solid #e2e8f0;gap:12px;margin-top:18px;padding-top:16px;display:grid}.warehouse-kpi-calculation>div{justify-content:space-between;gap:12px;display:flex}.warehouse-kpi-total{border-top:1px solid #e2e8f0;padding-top:14px;font-size:20px;font-weight:700}.warehouse-kpi-error{color:#b91c1c;font-weight:600}.employee-salary-period-grid{background:#f8fafc;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:start;gap:12px;padding:12px}.employee-salary-period-grid section.salary-block{background:#fff;border:1px solid #e2e8f0;border-radius:9px;min-width:0;padding:14px 16px}.employee-salary-period-grid section.salary-block+section.salary-block{border:1px solid #e2e8f0}.employee-salary-period-grid .salary-block:nth-child(-n+2){grid-column:1}.employee-salary-period-grid .salary-block:first-child{grid-row:1}.employee-salary-period-grid .salary-block:nth-child(2){grid-row:2}.employee-salary-period-grid .salary-block:nth-child(n+3){grid-column:2}.employee-salary-period-grid .salary-block:nth-child(3){grid-row:1}.employee-salary-period-grid .salary-block:nth-child(4){grid-row:2}.employee-salary-period-grid .salary-block:nth-child(5){grid-row:3}.employee-salary-period-grid .salary-block:nth-child(6){grid-row:4}.employee-salary-period-grid .salary-block:nth-child(7){grid-row:5}.employee-salary-period-grid .salary-block h4{justify-content:space-between;align-items:center;gap:12px;display:flex}.employee-salary-period-grid .salary-block h4 b{color:#0f172a;white-space:nowrap;font-size:14px}@media (width<=800px){.employee-salary-period-grid{grid-template-columns:minmax(0,1fr)}.employee-salary-period-grid .salary-block:nth-child(n){grid-area:auto/1}}.employee-salary-period-grid{align-items:flex-start;gap:12px;display:flex}.employee-salary-period-grid .salary-column{flex-direction:column;flex:1;gap:12px;min-width:0;display:flex}.employee-salary-period-grid .salary-column .salary-block{grid-area:auto;width:auto}.employee-salary-period-grid .salary-block-accrual{background:#f0f6ff;border-color:#d5e5fb}.employee-salary-period-grid .salary-block-paid,.employee-salary-period-grid .salary-block-paid-rb{background:#f5f8fc;border-color:#dce5ef}.employee-salary-period-grid .salary-block-due{background:#fffaec;border-color:#f2e2b3}.employee-salary-period-grid .salary-block-bonus{background:#effaf4;border-color:#ccead8}.employee-salary-period-grid .salary-block-check{background:#f5f7fa;border-color:#dce4ee}@media (width<=800px){.employee-salary-period-grid{flex-direction:column}.employee-salary-period-grid .salary-column{width:100%}}.employee-salary-period-grid section.salary-block.salary-block-accrual{background-color:#f0f6ff;border-color:#c9dcf6}.employee-salary-period-grid section.salary-block.salary-block-paid{background-color:#f4f7fb;border-color:#dce5ef}.employee-salary-period-grid section.salary-block.salary-block-paid-rb{background-color:#f0f8f5;border-color:#cce6db}.employee-salary-period-grid section.salary-block.salary-block-due{background-color:#fff8e8;border-color:#eedca6}.employee-salary-period-grid section.salary-block.salary-block-bonus{background-color:#eef9f1;border-color:#c7e6cf}.employee-salary-period-grid section.salary-block.salary-block-check{background-color:#f4f5fa;border-color:#d9ddeb}.quality-head{justify-content:space-between;gap:20px;margin-bottom:18px;display:flex}.quality-head h2{margin:0 0 5px}.quality-head p{color:#64748b;margin:0}.quality-result{text-align:right;background:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;min-width:210px;padding:12px 16px}.quality-result strong{font-size:22px;display:block}.quality-result span{font-size:11px}.quality-result.high{background:#f0fdf4}.quality-result.acceptable{background:#fffbeb}.quality-result.low{background:#fef2f2}.quality-score-grid{grid-template-columns:1fr 1fr;gap:12px;margin-bottom:16px;display:grid}.quality-score-grid section{border:1px solid #e2e8f0;border-radius:11px;padding:15px 16px}.quality-score-grid section>span{color:#64748b;margin-bottom:8px;font-size:12px;display:block}.quality-score-grid section>div{align-items:center;gap:8px;display:flex}.quality-score-grid input{text-align:right;border:1px solid #cbd5e1;border-radius:7px;width:100px;padding:8px;font-size:18px;font-weight:700}.quality-score-grid small{color:#94a3b8;margin-top:7px;display:block}.quality-card{border:1px solid #e2e8f0;border-radius:12px;margin-bottom:16px;overflow:hidden}.quality-card-head{background:#f8fafc;border-bottom:1px solid #e2e8f0;justify-content:space-between;gap:20px;padding:14px 16px;display:flex}.quality-card-head h3{margin:0 0 3px}.quality-card-head p{color:#64748b;margin:0;font-size:12px}.quality-entity-grid{grid-template-columns:repeat(4,1fr);gap:10px;padding:14px 16px;display:grid}.quality-entity-grid>div{border:1px solid #e5e7eb;border-radius:9px;flex-direction:column;gap:5px;padding:12px;display:flex}.quality-entity-grid span{color:#64748b;font-size:11px}.quality-entity-grid em,.quality-monthly em{color:#94a3b8;font-size:10px;font-style:normal}.quality-monthly{padding:0 16px 14px}.quality-monthly>div{border-top:1px solid #f1f5f9;grid-template-columns:100px 1fr 130px;gap:12px;padding:8px 0;font-size:11px;display:grid}.quality-comment{box-sizing:border-box;border:1px solid #cbd5e1;border-radius:8px;width:calc(100% - 32px);min-height:110px;margin:14px 16px;padding:10px}.quality-actions{align-items:center;gap:12px;padding:0 16px 14px;display:flex}.quality-actions button{color:#fff;background:#2563eb;border:0;border-radius:7px;padding:9px 14px;font-weight:600}.quality-actions small{color:#94a3b8;margin-left:auto}.quality-rules{grid-template-columns:repeat(3,1fr);gap:10px;display:grid}.quality-rules>div{border:1px solid #e2e8f0;border-radius:9px;flex-direction:column;gap:4px;padding:12px;display:flex}.quality-rules span{color:#64748b;font-size:11px}.quality-rules .high{background:#f0fdf4}.quality-rules .acceptable{background:#fffbeb}.quality-rules .low{background:#fef2f2}@media (width<=900px){.quality-score-grid,.quality-rules{grid-template-columns:1fr}.quality-entity-grid{grid-template-columns:1fr 1fr}}.vacation-base-open{font:inherit;cursor:pointer;background:#fff;border:1px solid #d1d5db;border-radius:8px;padding:10px 14px;font-weight:600}.vacation-base-open:hover{background:#f8f9fb}.vacation-base-backdrop{z-index:1000;background:#11182773;justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0}.vacation-base-modal,.vacation-register-modal{background:#fff;border-radius:16px;flex-direction:column;width:min(980px,96vw);max-height:92vh;display:flex;overflow:hidden;box-shadow:0 24px 70px #1118274d}.vacation-register-modal{width:min(1500px,98vw)}.vacation-base-header{border-bottom:1px solid #e5e7eb;justify-content:space-between;gap:20px;padding:20px 24px;display:flex}.vacation-base-header h2{margin:0 0 5px;font-size:21px}.vacation-base-header p{color:#6b7280;margin:0;font-size:13px}.vacation-base-close{cursor:pointer;color:#6b7280;background:0 0;border:0;font-size:28px;line-height:1}.vacation-base-toolbar{background:#f8f9fb;border-bottom:1px solid #e5e7eb;justify-content:space-between;align-items:end;gap:16px;padding:14px 24px;display:flex}.vacation-base-toolbar label{color:#4b5563;flex-direction:column;gap:5px;font-size:12px;font-weight:600;display:flex}.vacation-base-toolbar select{min-width:330px;font:inherit;background:#fff;border:1px solid #d1d5db;border-radius:8px;padding:9px 10px}.vacation-base-save{color:#fff;font:inherit;cursor:pointer;background:#111827;border:0;border-radius:8px;padding:10px 18px;font-weight:600}.vacation-base-save:disabled{opacity:.5;cursor:default}.vacation-base-table-wrap,.vacation-register-wrap{padding:0 24px 24px;overflow:auto}.vacation-base-table,.vacation-register-table{border-collapse:collapse;width:100%;font-size:14px}.vacation-base-table th,.vacation-base-table td,.vacation-register-table th,.vacation-register-table td{text-align:left;white-space:nowrap;border-bottom:1px solid #eef0f2;padding:8px 10px}.vacation-base-table th,.vacation-register-table th{z-index:2;color:#4b5563;background:#fff;position:sticky;top:0}.vacation-register-table small{color:#9ca3af;margin-top:3px;font-size:10px;display:block}.vacation-base-table input,.vacation-base-table select{box-sizing:border-box;width:100%;font:inherit;background:#fff;border:1px solid #d1d5db;border-radius:7px;padding:8px 9px}.vacation-base-table th:first-child,.vacation-base-table td:first-child{width:45px}.vacation-base-table th:nth-child(2){width:180px}.vacation-base-table th:nth-child(3){width:120px}.vacation-base-table th:nth-child(4){width:190px}.vacation-inherited{color:#6b7280}.vacation-inherited small{color:#9ca3af;margin-top:2px;font-size:10px;display:block}@media (width<=700px){.vacation-base-backdrop{padding:8px}.vacation-base-toolbar{flex-direction:column;align-items:stretch}.vacation-base-toolbar select{width:100%;min-width:0}.vacation-base-table,.vacation-register-table{min-width:700px}}.vacation-register-modern{width:min(1180px,100vw - 48px);max-height:90vh;overflow:auto}.vacation-list{flex-direction:column;gap:10px;padding:16px 20px 22px;display:flex}.vacation-item{background:#fff;border:1px solid #e5e7eb;border-radius:12px;overflow:hidden}.vacation-summary{text-align:left;cursor:pointer;width:100%;font:inherit;color:#111827;background:#fff;border:0;grid-template-columns:minmax(220px,1.4fr) minmax(210px,1.2fr) 70px 120px 120px 160px 24px;align-items:center;gap:14px;padding:14px 16px;display:grid}.vacation-summary:hover{background:#fafbfc}.vacation-summary>div{flex-direction:column;gap:3px;min-width:0;display:flex}.vacation-person strong,.vacation-summary strong{white-space:nowrap;text-overflow:ellipsis;font-size:13px;overflow:hidden}.vacation-person small,.vacation-label{color:#8b95a5;font-size:11px}.vacation-chevron{color:#8b95a5;text-align:right;font-size:10px}.vacation-paid{color:#147a42}.vacation-unpaid{color:#9a3412}.vacation-details{background:#f8f9fb;border-top:1px solid #edf0f3;grid-template-columns:1fr 1fr 1fr;gap:14px;padding:16px;display:grid}.vacation-detail-card{background:#fff;border:1px solid #e5e7eb;border-radius:10px;padding:16px}.vacation-detail-card h3{margin:0 0 12px;font-size:13px}.vacation-detail-card>div{justify-content:space-between;gap:16px;padding:6px 0;font-size:12px;display:flex}.vacation-detail-card span{color:#6b7280}.vacation-detail-card strong{text-align:right}.vacation-detail-total{border-top:1px dashed #dfe3e8;margin-top:5px;padding-top:10px!important}.vacation-detail-total span,.vacation-detail-total strong{color:#111827;font-weight:700}.dismissal-month-card{background:#fafbfc;border-radius:9px;margin:0 0 10px;border:1px solid #e2e8f0!important;padding:12px!important;display:block!important}.dismissal-month-card:last-of-type{margin-bottom:12px}.dismissal-month-title{border-bottom:1px solid #e5e7eb;margin-bottom:8px;padding-bottom:8px;font-size:12px;display:block;text-align:left!important}.dismissal-month-row{justify-content:space-between;align-items:flex-start;gap:14px;font-size:12px;padding:4px 0!important;display:flex!important}.dismissal-month-row span{color:#6b7280;flex:auto;min-width:0}.dismissal-month-row strong{text-align:right;white-space:nowrap;flex:none;max-width:58%}.dismissal-month-total{border-top:1px dashed #d8dde5;margin-top:5px;padding-top:9px!important}.dismissal-month-total span,.dismissal-month-total strong{color:#111827;font-weight:700}.vacation-payment-card{flex-direction:column;gap:10px;display:flex}.vacation-payment-card label{justify-content:space-between;align-items:center;gap:14px;font-size:12px;display:flex}.vacation-payment-card input[type=text],.vacation-payment-card input[type=date],.vacation-payment-card input:not([type]),.vacation-payment-card input[type=date]{border:1px solid #d1d5db;border-radius:7px;width:150px;padding:8px 10px}.vacation-check{justify-content:flex-start!important}.vacation-check input{margin:0}.vacation-payment-card button{color:#fff;cursor:pointer;background:#111827;border:0;border-radius:8px;margin-top:4px;padding:9px 12px;font-weight:600}.vacation-payment-card button:disabled{opacity:.6;cursor:default}@media (width<=1050px){.vacation-summary{grid-template-columns:minmax(220px,1.4fr) minmax(190px,1fr) 60px 110px 110px 24px}.vacation-summary>div:nth-of-type(6){display:none}.vacation-details{grid-template-columns:1fr 1fr}.vacation-payment-card{grid-column:1/-1}}@media (width<=760px){.vacation-register-modern{width:calc(100vw - 20px)}.vacation-summary{grid-template-columns:1fr auto auto 20px}.vacation-summary>div:nth-of-type(2),.vacation-summary>div:nth-of-type(5),.vacation-summary>div:nth-of-type(6){display:none}.vacation-details{grid-template-columns:1fr}.vacation-payment-card{grid-column:auto}.vacation-list,.vacation-summary{padding:12px}.vacation-person strong{white-space:normal}.dismissal-month-row strong{white-space:normal;max-width:62%}}.salary-base-modal{background:#fff;border-radius:16px;width:min(1050px,94vw);max-height:88vh;overflow:auto;box-shadow:0 24px 70px #11182738}.salary-base-toolbar{padding:0 22px 16px}.salary-base-toolbar input{box-sizing:border-box;width:100%;font:inherit;border:1px solid #d1d5db;border-radius:10px;padding:11px 13px}.salary-base-list{flex-direction:column;gap:10px;padding:0 22px 22px;display:flex}.salary-base-item{background:#fff;border:1px solid #e5e7eb;border-radius:12px;overflow:hidden}.salary-base-summary{text-align:left;cursor:pointer;background:#fff;border:0;grid-template-columns:minmax(260px,1.5fr) minmax(160px,.7fr) minmax(140px,.55fr) 24px;align-items:center;gap:18px;width:100%;padding:14px 16px;display:grid}.salary-base-summary:hover{background:#fafbfc}.salary-base-summary>div{flex-direction:column;gap:3px;display:flex}.salary-base-summary small,.salary-base-summary span{color:#6b7280;font-size:12px}.salary-base-summary strong{color:#111827}.salary-base-details{background:#fafbfc;border-top:1px solid #eef0f2;grid-template-columns:minmax(300px,.9fr) minmax(320px,1.1fr);gap:20px;padding:18px;display:grid}.salary-base-details h3{margin:0 0 14px;font-size:14px}.salary-base-editor,.salary-base-history{background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:16px}.salary-base-editor{flex-direction:column;gap:12px;display:flex}.salary-base-editor label{flex-direction:column;gap:6px;display:flex}.salary-base-editor label span{color:#6b7280;font-size:12px}.salary-base-editor input{font:inherit;border:1px solid #d1d5db;border-radius:8px;padding:10px 11px}.salary-base-editor button{color:#fff;cursor:pointer;background:#111827;border:0;border-radius:8px;align-self:flex-start;padding:9px 15px;font-weight:600}.salary-base-editor button:disabled{opacity:.55;cursor:default}.salary-base-history{max-height:280px;overflow:auto}.salary-history-row{border-bottom:1px solid #eef0f2;justify-content:space-between;gap:20px;padding:9px 0;display:flex}.salary-history-row:last-child{border-bottom:0}.salary-history-row span{color:#6b7280}.salary-base-empty{color:#9ca3af;text-align:center;padding:18px}@media (width<=800px){.salary-base-summary{grid-template-columns:1fr 24px}.salary-base-summary>div:nth-child(2),.salary-base-summary>div:nth-child(3){display:none}.salary-base-details{grid-template-columns:1fr}}.payroll-page{flex-direction:column;gap:24px;display:flex}.payroll-heading{justify-content:space-between;align-items:flex-end;gap:20px;display:flex}.payroll-heading h1{margin:0 0 6px;font-size:30px}.payroll-heading p{color:#6b7280;margin:0}.payroll-filters{gap:8px;display:flex}.payroll-heading select{min-width:110px;font:inherit;background:#fff;border:1px solid #d1d5db;border-radius:8px;padding:10px 12px}.payroll-state{background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:28px}.payroll-error{color:#b42318}.payroll-table-wrap{background:#fff;border:1px solid #e5e7eb;border-radius:12px;overflow:auto visible}.payroll-table{border-collapse:separate;border-spacing:0;width:100%;min-width:980px;font-size:14px}.payroll-table th,.payroll-table td{text-align:right;white-space:nowrap;border-bottom:1px solid #eef0f2;padding:12px 14px}.payroll-table th{color:#4b5563;background:#f8f9fb;font-weight:600}.payroll-table th:first-child,.payroll-table td:first-child{z-index:4;text-align:left;background:#fff;width:330px;min-width:330px;max-width:330px;position:sticky;left:0;box-shadow:8px 0 12px -12px #11182773}.payroll-table th:first-child{z-index:6;background:#f8f9fb}.payroll-table tbody tr:last-child td{border-bottom:0}.payroll-table tbody tr:hover td,.payroll-table tbody tr:hover td:first-child{background:#fafbfc}.payroll-employee{position:relative}.payroll-employee:hover,.payroll-employee:focus-within{z-index:50!important}.payroll-employee-summary{flex-direction:column;gap:2px;min-width:0;display:flex}.payroll-employee-name{text-overflow:ellipsis;cursor:help;color:#111827;border-bottom:1px dashed #9ca3af;width:fit-content;max-width:100%;font-weight:600;overflow:hidden}.payroll-employee-position,.payroll-employee-department{text-overflow:ellipsis;color:#6b7280;font-size:12px;font-weight:400;line-height:1.3;overflow:hidden}.payroll-employee-department{color:#8b95a5}.payroll-popover{z-index:60;white-space:normal;background:#fff;border:1px solid #dfe3e8;border-radius:14px;width:540px;max-width:min(680px,100vw - 390px);padding:0;font-weight:400;display:none;position:absolute;top:-8px;left:calc(100% + 10px);overflow:hidden;box-shadow:0 18px 45px #1118272e}.payroll-employee:hover .payroll-popover,.payroll-employee:focus-within .payroll-popover{display:block}.payroll-card-header{background:#f8f9fb;border-bottom:1px solid #e9edf2;justify-content:space-between;align-items:flex-start;gap:24px;padding:18px 20px;display:flex}.payroll-popover-title{color:#111827;margin-bottom:4px;font-size:15px;font-weight:700}.payroll-popover-period{color:#7b8492;font-size:12px}.payroll-accrued-total{flex-direction:column;flex-shrink:0;align-items:flex-end;gap:2px;display:flex}.payroll-accrued-total span{color:#6b7280;text-transform:uppercase;letter-spacing:.04em;font-size:11px}.payroll-accrued-total strong{color:#111827;white-space:nowrap;font-size:18px;font-weight:700}.payroll-card-section{border-bottom:1px solid #eef0f2;padding:15px 20px}.payroll-card-section:last-child{border-bottom:0}.payroll-section-title{color:#374151;text-transform:uppercase;letter-spacing:.035em;margin-bottom:10px;font-size:12px;font-weight:700}.payroll-detail-grid{flex-direction:column;gap:8px;font-size:13px;display:flex}.payroll-detail-row{grid-template-columns:minmax(210px,1fr) auto;align-items:baseline;gap:20px;display:grid}.payroll-detail-row span{color:#6b7280}.payroll-detail-row strong{color:#111827;text-align:right;white-space:nowrap;font-weight:600}.payroll-primary-row span,.payroll-primary-row strong{color:#111827;font-weight:700}.payroll-closing-row{border-top:1px dashed #dfe3e8;margin-top:3px;padding-top:9px}.payroll-closing-row span,.payroll-closing-row strong{color:#111827;font-weight:700}.payroll-empty-detail{color:#9ca3af;padding:4px 0;font-size:12px}.payroll-payments-section{background:#fcfcfd}@media (width<=1100px){.payroll-table{min-width:900px}.payroll-table th:first-child,.payroll-table td:first-child{width:285px;min-width:285px;max-width:285px}.payroll-popover{width:500px;max-width:calc(100vw - 340px)}}@media (width<=700px){.payroll-heading{flex-direction:column;align-items:stretch}.payroll-filters{flex-direction:column}.payroll-heading select{width:100%}.payroll-table th:first-child,.payroll-table td:first-child{width:240px;min-width:240px;max-width:240px}.payroll-popover{width:calc(100vw - 48px);max-width:calc(100vw - 48px);top:calc(100% + 6px);left:12px}.payroll-card-header{flex-direction:column;gap:12px}.payroll-accrued-total{align-items:flex-start}.payroll-detail-row{grid-template-columns:minmax(150px,1fr) auto;gap:12px}}.payroll-tabs{border-bottom:1px solid #e5e7eb;gap:6px;display:flex}.payroll-tabs button{color:#6b7280;font:inherit;cursor:pointer;background:0 0;border:0;border-bottom:2px solid #0000;padding:10px 18px;font-weight:600}.payroll-tabs button.active{color:#111827;border-bottom-color:#111827}.payroll-employee-name-button{font:inherit;text-align:left;background:0 0;border:0;padding:0}.payroll-employee-name-button:hover{color:#2563eb;border-bottom-color:#2563eb}.salary-payments-table{min-width:1500px}.salary-payments-table th:not(:first-child),.salary-payments-table td:not(:first-child){min-width:92px}.payroll-employee-link{color:#111827;width:100%;font:inherit;text-align:left;cursor:pointer;background:0 0;border:0;flex-direction:column;gap:2px;padding:0;display:flex}.payroll-employee-link strong{font-weight:600}.payroll-employee-link span{text-overflow:ellipsis;color:#6b7280;font-size:12px;overflow:hidden}.payroll-employee-link:hover strong{color:#2563eb;text-decoration:underline}.salary-payment-input{width:86px;font:inherit;text-align:right;background:0 0;border:1px solid #0000;border-radius:6px;padding:7px 8px}.salary-payment-input:hover{background:#fff;border-color:#d1d5db}.salary-payment-input:focus{background:#fff;border-color:#9ca3af;outline:none;box-shadow:0 0 0 2px #9ca3af26}.salary-payment-total{background:#fafafa;font-weight:700}.salary-payments-full{min-width:3400px}.salary-payments-full th,.salary-payments-full td{white-space:nowrap}.salary-payments-full thead th{vertical-align:bottom;text-align:center}.salary-payments-full .salary-payments-groups th{vertical-align:middle;background:#fff;height:28px;font-weight:600}.salary-payments-full th:first-child,.salary-payments-full td:first-child{min-width:150px}.salary-payments-full th:nth-child(2),.salary-payments-full td:nth-child(2){min-width:95px}.salary-payments-full th:nth-child(3),.salary-payments-full td:nth-child(3){text-align:center;min-width:45px}.salary-payments-full th:nth-child(4),.salary-payments-full td:nth-child(4){min-width:190px}.salary-payments-full tfoot td{text-align:right;background:#fff4cf;border-top:2px solid #d6c17a;font-weight:700}.salary-payment-text-input{width:100%;min-width:80px;font:inherit;background:0 0;border:1px solid #0000;border-radius:6px;padding:7px 8px}.salary-payment-text-input:hover,.salary-payment-text-input:focus{background:#fff;border-color:#d1d5db;outline:none}.salary-payments-compact{min-width:1250px}.salary-payments-compact th:first-child,.salary-payments-compact td:first-child{width:180px;min-width:180px;max-width:180px}.salary-payments-compact tfoot td{text-align:right;background:#fff4cf;border-top:2px solid #d6c17a;font-weight:700}.salary-payment-check{text-overflow:ellipsis;max-width:150px;overflow:hidden}.salary-payment-details-btn{font:inherit;cursor:pointer;background:#fff;border:1px solid #d1d5db;border-radius:7px;padding:7px 11px}.salary-payment-details-btn:hover{background:#f8f9fb}.salary-payment-modal-backdrop{z-index:1000;background:#11182761;justify-content:center;align-items:center;padding:28px;display:flex;position:fixed;inset:0}.salary-payment-modal{background:#fff;border-radius:16px;width:min(980px,100vw - 56px);max-height:calc(100vh - 56px);overflow:auto;box-shadow:0 24px 70px #11182747}.salary-payment-modal-head{z-index:2;background:#fff;border-bottom:1px solid #e5e7eb;justify-content:space-between;align-items:flex-start;gap:20px;padding:20px 24px;display:flex;position:sticky;top:0}.salary-payment-modal-head h2{margin:0 0 4px;font-size:20px}.salary-payment-modal-head p{color:#6b7280;margin:0;font-size:13px}.salary-payment-modal-head>button{cursor:pointer;background:#f3f4f6;border:0;border-radius:8px;width:34px;height:34px;font-size:24px;line-height:1}.salary-payment-modal-meta{border-bottom:1px solid #eef0f2;align-items:end;gap:24px;padding:18px 24px;display:flex}.salary-payment-modal-meta>label:not(.salary-payment-checkbox){color:#6b7280;flex-direction:column;gap:6px;min-width:220px;font-size:12px;display:flex}.salary-payment-checkbox{align-items:center;gap:8px;padding-bottom:8px;display:flex}.salary-payment-detail-groups section{border-bottom:1px solid #eef0f2;padding:18px 0}.salary-payment-detail-groups section:last-child{border-bottom:0}.salary-payment-detail-groups h3{text-transform:uppercase;letter-spacing:.03em;color:#374151;margin:0 0 14px;font-size:13px}.salary-payment-detail-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px 18px;display:grid}.salary-payment-detail-grid label{flex-direction:column;gap:5px;min-width:0;display:flex}.salary-payment-detail-grid label span{color:#6b7280;min-height:30px;font-size:12px;line-height:1.25}.salary-payment-detail-grid .salary-payment-input,.salary-payment-detail-grid .salary-payment-text-input{box-sizing:border-box;background:#fff;border-color:#dfe3e8;width:100%;min-width:0}@media (width<=900px){.salary-payment-detail-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=600px){.salary-payment-modal-backdrop{padding:10px}.salary-payment-modal{width:100%;max-height:calc(100vh - 20px)}.salary-payment-detail-grid{grid-template-columns:1fr}}.salary-payments-compact th:first-child,.salary-payments-compact td:first-child{text-align:left;width:310px;min-width:310px;max-width:310px}.salary-payments-compact th:nth-child(2),.salary-payments-compact td:nth-child(2){text-align:right;min-width:92px}.salary-payment-department{text-transform:none;margin-bottom:2px;font-weight:500;color:#8b95a5!important;font-size:11px!important}.salary-payment-hours{background:#fafbfc;border-bottom:1px solid #eef0f2;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;padding:18px 24px;display:grid}.salary-payment-hours>div{flex-direction:column;gap:5px;display:flex}.salary-payment-hours span{color:#6b7280;font-size:12px}.salary-payment-hours strong{color:#172033;font-size:18px;font-weight:700}.salary-payment-modal{background:#f6f8fb}.salary-payment-modal-head{background:#fff;padding:22px 24px}.salary-payment-hours{background:#f6f8fb;gap:12px;padding:16px 24px}.salary-hour-card{background:#fff;border:1px solid #e2e7ee;border-radius:10px;padding:14px 16px;box-shadow:0 1px 2px #11182708}.salary-hour-card span{text-transform:uppercase;letter-spacing:.025em;color:#7b8798;font-size:11px;font-weight:600}.salary-hour-card strong{margin-top:3px;font-size:20px}.salary-payment-detail-groups{padding:0 24px 24px}.salary-payment-detail-groups .salary-payment-section{background:#fff;border:1px solid #e2e7ee;border-radius:12px;margin-top:14px;padding:18px}.salary-payment-detail-groups .salary-payment-section h3{color:#1f2937;align-items:center;gap:8px;margin:0 0 16px;display:flex}.salary-payment-detail-groups .salary-payment-section h3:before{content:"";background:#9aa7b8;border-radius:4px;width:4px;height:18px;display:block}.salary-payment-section-выплачено-по-1с h3:before{background:#6b8afd!important}.salary-payment-section-отпускные h3:before{background:#d7a23a!important}.salary-payment-section-больничные h3:before{background:#9b72cf!important}.salary-payment-section-переработки h3:before{background:#db7b55!important}.salary-payment-section-зп h3:before{background:#4d9a70!important}.salary-payment-detail-grid .salary-payment-input[readonly]{color:#263244;background:#f5f7fa;font-weight:600}.salary-payment-detail-grid .salary-payment-input:not([readonly]),.salary-payment-detail-grid .salary-payment-text-input{background:#fffdf5;border-color:#dfd4a8}.salary-payment-due-field{grid-column:1/-1;max-width:310px;margin-top:5px}.salary-payment-due-field span{color:#344054!important;font-weight:700!important}.salary-payment-due-field .salary-payment-input{height:46px;font-size:17px;color:#17643a!important;background:#eef8f2!important;border-color:#a9d5b9!important;font-weight:800!important}.salary-payment-section-результат-и-примечание{background:#f9fafb!important}@media (width<=700px){.salary-payment-hours{grid-template-columns:1fr}.salary-payment-due-field{max-width:none}}.salary-rb-head{justify-content:center;align-items:center;gap:7px;display:inline-flex}.salary-rb-lock{cursor:pointer;background:#fff;border:1px solid #d7dce3;border-radius:6px;justify-content:center;align-items:center;width:25px;height:25px;padding:0;font-size:13px;display:inline-flex}.salary-rb-lock:hover{background:#f4f6f8}.salary-rb-lock.is-unlocked{background:#fff7dd;border-color:#e1c66e}.salary-rb-edit{box-sizing:border-box;text-align:right;width:110px;font:inherit;background:#fff9df;border:1px solid #d8b84d;border-radius:7px;padding:7px 9px;font-weight:600}.salary-rb-edit:focus{border-color:#c6a22d;outline:2px solid #d8b84d38}.salary-payments-compact tbody tr.salary-payment-dismissal-paid td{background:#f0f8f3}.salary-payments-compact tbody tr.salary-payment-dismissal-paid:hover td{background:#e8f5ed}.salary-payments-compact tbody tr.salary-payment-dismissal-unpaid td{background:#fff9eb}.salary-payments-compact tbody tr.salary-payment-dismissal-unpaid:hover td{background:#fff4d8}.salary-payment-dismissal-paid .salary-payment-reconcile-bad,.salary-payment-dismissal-paid .salary-payment-reconcile-ok{color:#23824b;font-weight:700}.salary-payment-dismissal-unpaid .salary-payment-reconcile-bad,.salary-payment-dismissal-unpaid .salary-payment-reconcile-ok{color:#9a6700;font-weight:700}.additional-payments-modal{background:#fff;border-radius:16px;width:min(1050px,94vw);max-height:88vh;overflow:auto;box-shadow:0 24px 70px #0f172a38}.additional-payment-create{background:#f7f9fc;border-bottom:1px solid #e7ebf0;grid-template-columns:1.4fr .6fr 2fr auto;gap:10px;padding:18px 22px;display:grid}.additional-payment-create select,.additional-payment-create input{background:#fff;border:1px solid #d8dee8;border-radius:8px;height:42px;padding:0 11px}.additional-payment-create button{color:#fff;cursor:pointer;background:#172033;border:0;border-radius:8px;padding:0 18px;font-weight:600}.additional-payment-list{padding:14px 22px 22px}.additional-payment-row{border-bottom:1px solid #edf0f4;grid-template-columns:2fr .7fr .8fr .7fr auto;align-items:center;gap:14px;padding:14px 12px;display:grid}.additional-payment-row>div{flex-direction:column;gap:3px;display:flex}.additional-payment-row small{color:#7a8596}.additional-payment-row.is-paid{background:#f0f8f3}.additional-payment-row>button{cursor:pointer;background:#fff;border:1px solid #d9dee6;border-radius:7px;padding:7px 10px}@media (width<=800px){.additional-payment-create,.additional-payment-row{grid-template-columns:1fr}}.kpi-page{max-width:1400px;margin:0 auto;padding:24px}.kpi-head{justify-content:space-between;align-items:center;margin-bottom:18px;display:flex}.kpi-head h1{margin:0 0 4px;font-size:28px}.kpi-head p,.kpi-modal-head p{color:#697386;margin:0}.primary,.kpi-editor-head button{color:#fff;cursor:pointer;background:#111827;border:0;border-radius:9px;padding:11px 16px;font-weight:700}.kpi-tabs{gap:8px;margin-bottom:18px;display:flex}.kpi-tabs button{color:#667085;background:#fff;border:1px solid #d7dce3;border-radius:9px;padding:9px 15px;font-weight:700}.kpi-tabs button.active{color:#fff;background:#111827;border-color:#111827}.kpi-tabs button:disabled{opacity:.55}.kpi-error{color:#9b1c1c;background:#fff0f0;border-radius:8px;margin-bottom:15px;padding:12px}.hr-hero{background:#fff;border:1px solid #dde2e8;border-radius:14px;justify-content:space-between;align-items:center;gap:24px;margin-bottom:18px;padding:22px 24px;display:flex}.hr-label{color:#7a8494;font-size:12px}.hr-hero h2{margin:4px 0 7px;font-size:21px}.hr-hero p{color:#667085;max-width:760px;margin:0;line-height:1.5}.hr-total{border-left:1px solid #e4e7ec;flex-direction:column;gap:5px;min-width:210px;padding-left:24px;display:flex}.hr-total span,.hr-amount span{color:#7a8494;font-size:12px}.hr-total strong{font-size:24px}.hr-categories{gap:16px;display:grid}.hr-section{background:#fff;border:1px solid #dde2e8;border-radius:14px;overflow:hidden}.hr-section-head{background:#f8fafc;border-bottom:1px solid #e4e7ec;justify-content:space-between;align-items:center;padding:16px 20px;display:flex}.hr-section-head h3{margin:0;font-size:16px}.hr-section-head span{color:#7a8494;font-size:12px}.hr-items{display:grid}.hr-item{border-bottom:1px solid #edf0f3;justify-content:space-between;align-items:center;gap:25px;padding:16px 20px;display:flex}.hr-item:last-child{border-bottom:0}.hr-item.disabled{opacity:.45}.hr-item-main h4{margin:0 0 6px;font-size:14px}.hr-item-main p{color:#667085;max-width:950px;margin:0;font-size:13px;line-height:1.45}.hr-item-main small{color:#667085;background:#f2f4f7;border-radius:5px;margin-top:7px;padding:3px 7px;display:inline-block}.hr-amount{text-align:right;flex-direction:column;gap:4px;min-width:125px;display:flex}.hr-amount strong{font-size:16px}.kpi-back{z-index:50;background:#10182899;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.kpi-modal{background:#f8fafc;border-radius:16px;width:min(1150px,96vw);max-height:94vh;overflow:auto}.kpi-modal-head{background:#fff;border-bottom:1px solid #e4e7ec;justify-content:space-between;align-items:flex-start;padding:20px 24px;display:flex}.kpi-modal-head h2{margin:0 0 5px}.kpi-modal-head>button{cursor:pointer;background:0 0;border:0;font-size:28px}.kpi-base-fields{grid-template-columns:2fr 1fr 3fr;gap:12px;padding:18px 24px;display:grid}.kpi-base-fields label,.kpi-edit-grid label,.desc{color:#667085;flex-direction:column;gap:5px;font-size:12px;display:flex}.kpi-base-fields input,.kpi-edit-row input,.kpi-edit-row select,.kpi-edit-row textarea{font:inherit;background:#fff;border:1px solid #cfd5dd;border-radius:7px;padding:9px}.kpi-editor-head{justify-content:space-between;align-items:center;padding:0 24px 10px;display:flex}.kpi-editor{padding:0 24px 20px}.kpi-edit-row{background:#fff;border:1px solid #dde2e8;border-radius:11px;margin-bottom:10px;padding:14px}.kpi-edit-top{align-items:center;gap:12px;margin-bottom:10px;display:flex}.kpi-edit-top .name{flex:1;font-weight:700}.toggle{white-space:nowrap;align-items:center;gap:6px;font-size:13px;display:flex}.remove{color:#b42318;cursor:pointer;background:#fff0f0;border:0;border-radius:7px;padding:9px 11px}.kpi-edit-grid{grid-template-columns:1.3fr .7fr 1.4fr 1fr;gap:10px;margin-bottom:10px;display:grid}.desc textarea{resize:vertical}.kpi-modal-foot{color:#667085;background:#fff;border-top:1px solid #e4e7ec;justify-content:space-between;align-items:center;gap:20px;padding:14px 24px;font-size:13px;display:flex;position:sticky;bottom:0}.kpi-modal-foot .save{color:#fff;cursor:pointer;background:#111827;border:0;border-radius:9px;padding:11px 28px;font-weight:700}@media (width<=800px){.hr-hero,.hr-item{flex-direction:column;align-items:flex-start}.hr-total{border-top:1px solid #e4e7ec;border-left:0;width:100%;padding:14px 0 0}.hr-amount{text-align:left}.kpi-base-fields,.kpi-edit-grid{grid-template-columns:1fr}.kpi-page{padding:14px}.kpi-modal-foot{flex-direction:column;align-items:flex-start}}.hire-board{background:#fff;border:1px solid #dde2e8;border-radius:14px;margin-bottom:18px;overflow:hidden}.hire-board-head{background:#f8fafc;border-bottom:1px solid #e4e7ec;justify-content:space-between;align-items:center;padding:18px 20px;display:flex}.hire-board-head h3{margin:0 0 4px;font-size:17px}.hire-board-head p{color:#667085;margin:0;font-size:13px}.hire-board-head>strong{font-size:22px}.hire-empty{color:#7a8494;text-align:center;padding:28px 20px}.hire-list{gap:14px;padding:14px;display:grid}.hire-card{border:1px solid #dfe4ea;border-radius:12px;overflow:hidden}.hire-person{justify-content:space-between;align-items:flex-start;gap:20px;padding:16px 18px;display:flex}.hire-person h3{margin:0 0 5px;font-size:17px}.hire-person p{color:#667085;margin:0;font-size:13px}.hire-dates{flex-wrap:wrap;gap:18px;display:flex}.hire-dates span{color:#7a8494;flex-direction:column;gap:3px;font-size:11px;display:flex}.hire-dates b{color:#344054;font-size:13px}.hire-kpis{border-top:1px solid #edf0f3}.hire-kpi{border-bottom:1px solid #edf0f3;justify-content:space-between;align-items:center;gap:18px;padding:12px 18px;display:flex}.hire-kpi h4{margin:2px 0 3px;font-size:14px}.hire-kpi small,.hire-kpi-cat{color:#7a8494;font-size:11px}.hire-kpi label{color:#667085;align-items:center;gap:8px;font-size:11px;display:flex}.hire-kpi input{text-align:right;width:110px;font:inherit;border:1px solid #cfd5dd;border-radius:7px;padding:8px}.hire-card-foot{color:#667085;background:#f8fafc;justify-content:space-between;padding:11px 18px;font-size:12px;display:flex}.hire-card-foot strong{color:#101828;font-size:14px}@media (width<=800px){.hire-person,.hire-kpi,.hire-card-foot{flex-direction:column;align-items:flex-start}.hire-dates{gap:12px}.hire-kpi label{justify-content:space-between;width:100%}}.sales-config-summary{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-bottom:16px;display:grid}.sales-config-summary>div{background:#fff;border:1px solid #dde2e8;border-radius:12px;justify-content:space-between;align-items:center;padding:18px 20px;display:flex}.sales-config-summary span{color:#667085;font-size:13px}.sales-config-summary strong{font-size:20px}.sales-rule-list{display:grid}.sales-rule-row{border-bottom:1px solid #edf0f3;justify-content:space-between;align-items:center;padding:14px 20px;display:flex}.sales-rule-row:last-child{border-bottom:0}.sales-mandatory-edit{grid-template-columns:1fr 1fr;gap:12px;padding:18px 24px;display:grid}.sales-mandatory-edit label,.sales-rule-edit label{color:#667085;flex-direction:column;gap:5px;font-size:12px;display:flex}.sales-mandatory-edit input,.sales-rule-edit input{font:inherit;background:#fff;border:1px solid #cfd5dd;border-radius:7px;padding:9px}.sales-rule-edit{border-top:1px solid #edf0f3;grid-template-columns:1fr 1fr 1fr;gap:10px;margin:10px 0;padding-top:10px;display:grid}@media (width<=800px){.sales-config-summary,.sales-mandatory-edit,.sales-rule-edit{grid-template-columns:1fr}}