.us{--us-blue:#075bfa;--us-navy:#0b1d55;--us-line:#e1e9f5;--us-muted:#6177a6;display:grid;grid-template-columns:minmax(0,1fr) minmax(360px,32%);min-height:calc(100vh - 60px);background:#f5f8fd;color:var(--us-navy);font:12px Arial,system-ui,sans-serif}
.us *{box-sizing:border-box}.us button,.us select,.us input{font:inherit}.us button{cursor:pointer}
.us-main{min-width:0;padding:17px 10px 25px 14px}.us-crumb{display:flex;align-items:center;gap:10px;color:#6880b0;margin:0 0 12px 8px}.us-crumb a{color:#5472af;text-decoration:none}
.us-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:0 2px 13px 8px}.us-heading h1{font-size:25px;line-height:1.05;letter-spacing:-.55px;margin:0 0 5px;font-weight:750}.us-heading p{margin:0;color:#5e76a8;font-size:12px}.us-heading-actions{display:flex;gap:8px;white-space:nowrap}
.us-btn{display:inline-flex;align-items:center;justify-content:center;gap:5px;min-height:32px;padding:6px 12px;border:1px solid #d4e1f5;border-radius:4px;color:#0954db;background:#fff;text-decoration:none;font-weight:600;white-space:nowrap}.us-btn:hover:not(:disabled){border-color:#0b60fb;background:#f2f7ff}.us-btn.primary{background:#095cf4;border-color:#095cf4;color:#fff}.us-btn.primary:hover{background:#004ad5}.us-btn.square{width:33px;padding:0;font-size:19px}.us-btn:disabled{opacity:.48;cursor:not-allowed}.us-btn.danger{color:#ec3348;border-color:#f6d8dd;background:#fff6f7}.us-btn.restore{color:#009b6b;border-color:#c9efdf;background:#effcf5}
.us-btn[hidden]{display:none}
#us-close-detail{width:16px;min-width:16px;height:16px;min-height:16px;padding:0;font-size:12px;line-height:1;flex:none}
body.erp-shell .us-kpis{container-type:inline-size;display:grid;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:8px!important;margin-bottom:12px;width:100%}.us-kpi{display:flex;align-items:flex-start;gap:9px;width:100%;min-width:0;background:#fff;border:1px solid #edf1f7;border-radius:5px;min-height:70px;padding:11px 10px;box-shadow:0 2px 10px #17408008}.us-kpi-icon{display:grid;place-items:center;flex:none;width:34px;height:34px;border-radius:5px;font-size:21px;font-weight:bold}.us-kpi-icon.blue{background:#e8f1ff;color:#0864ff}.us-kpi-icon.green{background:#e5f8ee;color:#00af70}.us-kpi-icon.red{background:#ffedf0;color:#fa344a}.us-kpi-icon.orange{background:#fff4de;color:#f39400}.us-kpi small{display:block;color:#5b72a3;font-size:10px;line-height:1.25;white-space:normal}.us-kpi strong{display:inline-block;margin-top:3px;font-size:19px}.us-kpi em{font-style:normal;margin-left:8px;font-size:10px;color:#5574ac}
.us-list-card{background:#fff;border:1px solid #e9eef7;border-radius:5px;box-shadow:0 3px 15px #173a7809;min-height:500px;display:flex;flex-direction:column}.us-filters{display:flex;align-items:center;gap:7px;flex-wrap:wrap;padding:11px 8px;border-bottom:1px solid #e8eef8}.us-search{display:flex;align-items:center;gap:6px;flex:1 1 175px;min-width:160px;height:32px;padding:0 9px;border:1px solid #dbe6f5;border-radius:4px;background:#f7faff;color:#5877b7}.us-search span{font-size:20px}.us-search input{width:100%;border:0;outline:0;background:transparent;font-size:11px;color:#15356d}.us-filters select{height:32px;max-width:150px;padding:0 8px;background:#fff;border:1px solid #dbe6f5;border-radius:4px;color:#16356f;font-size:11px}.us-link{border:0;background:none;color:#0b63ff;padding:5px 6px}
.us-table-wrap{container-type:inline-size;overflow:auto;flex:1;min-width:0}.us-table{width:100%;border-collapse:collapse;white-space:nowrap;font-size:10px}.us-table th{height:32px;background:#f8faff;color:#647cad;text-align:left;font-weight:400;border-bottom:1px solid #e6edf8}.us-table td{height:34px;border-bottom:1px solid #edf1f7;color:#203f80}.us-table th,.us-table td{padding:5px}.us-table th:first-child,.us-table td:first-child{padding-left:9px}.us-table tr.selected,.us-table tbody tr:hover{background:#f0f6ff}.us-table input[type=checkbox]{accent-color:#0963f8;width:13px;height:13px;vertical-align:middle}
.us-user-name{display:flex;align-items:center;gap:7px;border:0;background:none;padding:0;color:#092e80;text-align:left}.us-user-name strong{font-weight:600}.us-avatar{width:25px;height:25px;flex:none;display:grid;place-items:center;border-radius:50%;background:linear-gradient(140deg,#dce8ff,#91b2ed);color:#174fa3;font-weight:bold;font-size:10px}.us-avatar.large{width:49px;height:49px;font-size:17px}.us-email{color:#315ba3!important}
.us-status-icon{display:inline-grid;place-items:center;width:22px;height:22px;border-radius:50%;font-size:13px;font-weight:700;line-height:1}.us-status-icon .ui-icon{font-size:13px}.us-status-icon.active{background:#dcf8e9;color:#009960}.us-status-icon.inactive{background:#ffe5e9;color:#eb263f}.us-profile-name>.us-status-icon{vertical-align:middle;margin-left:2px}
.us-badge{display:inline-flex;align-items:center;padding:4px 6px;border-radius:4px;font-size:9px;white-space:nowrap}.us-badge.green{background:#dcf8e9;color:#009960}.us-badge.red{background:#ffe5e9;color:#eb263f}.us-badge.orange{background:#fff0d5;color:#d98300}.us-row-actions{display:flex;align-items:center;gap:5px}.us-row-switch{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;padding:0;border:1px solid #cfe0fb;border-radius:4px;background:#f7faff;color:#075bfa;font-size:9px;white-space:nowrap}.us-row-switch .ui-icon{font-size:11px}.us-row-more{border:0;background:none;color:#075bfa;font-size:18px;padding:0 5px}
.us-empty{text-align:center;padding:80px 10px;color:#627aa7}.us-empty span{display:block;font-size:36px;color:#94b0e8}.us-empty strong{display:block;color:#24437b;font-size:15px;margin-top:5px}.us-empty p{margin:7px auto 13px;white-space:normal}
.us-pagination{display:flex;align-items:center;justify-content:space-between;gap:6px;padding:10px 11px;color:#5f78aa;border-top:1px solid #e7edf8;font-size:10px}.us-pagination>div{display:flex;align-items:center;gap:5px}.us-pagination label{white-space:nowrap}.us-pagination select,.us-pagination button{height:29px;border:1px solid #dbe5f5;border-radius:4px;background:#fff;color:#114bb3}.us-pagination button{width:27px;font-size:17px}.us-pagination button:disabled{opacity:.42}.us-pagination #us-pages{background:#075bfa;color:#fff;border-radius:4px;min-width:28px;height:29px;display:grid;place-items:center}
.us-timesheet-card{grid-column:1/-1;margin:0 10px 25px 14px;background:#fff;border:1px solid #e9eef7;border-radius:5px;box-shadow:0 3px 15px #173a7809;padding:14px}.us-timesheet-head{display:flex;align-items:center;justify-content:space-between;gap:12px}.us-timesheet-head h2{margin:0 0 4px;font-size:18px}.us-timesheet-head p{margin:0;color:#6177a6;font-size:11px}.us-timesheet-filters{display:flex;align-items:end;gap:8px;margin:14px 0 10px;color:#6177a6;font-size:10px}.us-timesheet-filters label{display:grid;gap:4px}.us-timesheet-filters input{height:30px;border:1px solid #dbe6f5;border-radius:4px;padding:4px 7px;color:#173872;background:#fff}.us-timesheet-status{min-height:16px;margin:0 0 8px;color:#6177a6;font-size:10px}.us-timesheet-status:empty{display:none}.us-timesheet-status.error{color:#d52c43}.us-timesheet-status.success{color:#048759}.us-timesheet-wrap{overflow:auto;border:1px solid #e3eaf5;border-radius:4px}.us-timesheet-table{width:100%;min-width:max-content;border-collapse:collapse;font-size:10px}.us-timesheet-table th,.us-timesheet-table td{padding:6px 7px;border-bottom:1px solid #edf1f7;text-align:center;white-space:nowrap}.us-timesheet-table th{background:#f7faff;color:#6077a8;font-weight:600}.us-timesheet-table th:first-child,.us-timesheet-table td:first-child{text-align:left;position:sticky;left:0;background:#fff;z-index:1}.us-timesheet-table th:first-child{background:#f7faff}.us-timesheet-user{font-weight:600;color:#173b7a}.us-timesheet-email{display:block;margin-top:2px;color:#7185ab;font-size:9px}.us-timesheet-input{width:48px;height:25px;border:1px solid #dbe6f5;border-radius:3px;padding:2px 4px;text-align:center;color:#173872;background:#fff}.us-timesheet-input:disabled{background:#f5f7fb;color:#9aa9c1}.us-timesheet-unlinked{color:#a1aec2;font-size:9px}.us-timesheet-total{font-weight:700;color:#075bfa}
.erp-table-filters>.us-timesheet-filters{display:contents;margin:0}.erp-table-filters>.us-timesheet-filters label{display:flex;align-items:center;gap:5px;white-space:nowrap}.erp-table-filters>.us-timesheet-filters input{width:108px}
.us-timesheet-wrap .erp-table-toolbar{display:none!important}
.us-detail{min-width:0;background:#fff;border-left:1px solid #e4ecf7;padding:17px 13px;box-shadow:-3px 0 14px #15417e08}.us-detail-empty{min-height:500px;display:flex;align-items:center;justify-content:center;flex-direction:column;text-align:center;color:#6d82a8;padding:25px}.us-detail-empty h2{color:#173771;margin:10px 0 4px;font-size:17px}.us-detail-empty p{max-width:270px;line-height:1.45}.us-detail-symbol{display:grid;place-items:center;width:58px;height:58px;background:#eaf1ff;border-radius:12px;color:#095cf4;font-size:31px}.us-profile-head{display:flex;align-items:flex-start;gap:10px;padding:2px 0 13px}.us-profile-name{flex:1;min-width:0}.us-profile-name h2{display:inline;font-size:16px;margin:0 6px 0 0}.us-profile-name small{display:block;color:#6079ab;margin-top:5px;font-size:10px}
.us-tabs{display:flex;border-bottom:1px solid #e2eaf5;gap:4px;overflow:auto}.us-tabs button{flex:1;min-width:70px;border:0;border-bottom:2px solid transparent;background:none;padding:9px 3px;color:#6279a7;font-size:11px;white-space:nowrap}.us-tabs button.active{border-bottom-color:#075bfa;color:#075bfa;font-weight:700}.us-detail-body{padding-top:12px}.us-detail-body h3{margin:14px 0 10px;font-size:13px}.us-role-tags{display:flex;gap:7px;flex-wrap:wrap}.us-role-tags span{background:#f2f6fd;padding:7px 8px;color:#5570a3;border-radius:4px;font-size:10px}.us-role-tags b{color:#17387b;margin-left:5px}.us-role-editor{display:flex;align-items:end;gap:8px;margin-top:9px}.us-role-editor label{display:grid;flex:1;gap:5px;color:#6078a5;font-size:11px}.us-role-editor select{width:100%;height:32px;padding:5px 8px;border:1px solid #d9e4f3;border-radius:4px;color:#173872;background:#fff}.us-role-editor strong{height:32px;padding:8px;color:#173872;box-sizing:border-box}.us-legend{display:flex;flex-wrap:wrap;align-items:center;gap:13px;margin:0 0 9px;color:#657caf;font-size:10px}.us-legend>span{display:inline-flex;align-items:center;gap:3px}.us-mark{display:inline-grid;place-items:center;border-radius:50%;width:14px;height:14px;font-weight:700;font-size:10px}.us-mark.yes{background:#19bf79;color:#fff}.us-mark.no{background:#f24b63;color:#fff}.us-mark.unknown{background:#e8edf5;color:#8797b2}.us-matrix-wrap{overflow:auto;border:1px solid #e3eaf5;border-radius:4px}.us-matrix{border-collapse:collapse;width:100%;font-size:10px}.us-matrix th{background:#f7faff;color:#6077a8;font-weight:400}.us-matrix th,.us-matrix td{padding:7px 5px;border-bottom:1px solid #e8edf6;text-align:center}.us-matrix th:first-child,.us-matrix td:first-child{text-align:left}.us-matrix td:first-child{font-weight:600}.us-hint{font-size:10px;color:#7589ad;line-height:1.4}.us-quick{margin-top:15px;border-top:1px solid #e4ebf6}.us-quick-buttons{display:grid;grid-template-columns:1fr 1fr;gap:7px}.us-quick-buttons .us-btn{font-size:10px;white-space:normal}.us-facts{display:grid;grid-template-columns:115px 1fr;gap:10px 6px;font-size:11px}.us-facts dt{color:#6179aa}.us-facts dd{margin:0;overflow-wrap:anywhere}.us-id{font-size:10px}.us-event{display:grid;grid-template-columns:110px 1fr;gap:6px;padding:9px 0;border-bottom:1px solid #edf1f7;font-size:10px}.us-event span{color:#6c80a8}
.us-notice,.us-error{padding:8px;border-radius:4px;margin:0 0 8px}.us-notice{background:#e6f8ef;color:#048759}.us-error{background:#fff0f2;color:#d52c43}.us-modal-backdrop{position:fixed;inset:0;background:#0c204977;z-index:100;display:grid;place-items:center;padding:15px}.us-modal-backdrop[hidden]{display:none}.us-modal{background:#fff;width:min(460px,100%);border-radius:7px;box-shadow:0 18px 55px #0a1e4c55}.us-modal-head{display:flex;align-items:center;justify-content:space-between;padding:14px 18px;border-bottom:1px solid #e3eaf5}.us-modal-head h2{font-size:17px;margin:0}.us-modal-head button{border:0;background:none;font-size:22px;color:#6076a0}.us-modal-body{display:grid;gap:12px;padding:17px}.us-modal-body label{display:grid;gap:5px;font-size:11px;color:#6078a5}.us-modal-body input,.us-modal-body select{width:100%;height:34px;border:1px solid #d9e4f3;border-radius:4px;padding:5px 8px;color:#173872;background:#fff}.us-modal-body p{color:#d42844;margin:0}.us-modal-actions{display:flex;justify-content:flex-end;gap:7px;padding:12px 17px;border-top:1px solid #e3eaf5}
.us-permission-editor{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:12px 0;padding:12px;border:1px solid #dce7f8;border-radius:5px;background:#f8fbff}.us-permission-editor h3,.us-permission-editor p{grid-column:1/-1;margin:0}.us-permission-editor label{display:grid;gap:4px;min-width:0;color:#536da1;font-size:10px}.us-permission-editor select{width:100%;min-height:30px;padding:4px;border:1px solid #d6e3f5;border-radius:4px;background:#fff;color:#173872}.us-permission-editor .us-btn{white-space:normal}.us:has(.us-detail[hidden]){grid-template-columns:minmax(0,1fr)}.us-detail[hidden]{display:none}.us-matrix-toggle{border:0;background:transparent;padding:3px;border-radius:4px;line-height:1;cursor:pointer}.us-matrix-toggle:hover,.us-matrix-toggle:focus-visible{background:#e9f2ff;outline:1px solid #9fc3ff}.us-profile-form{display:grid;gap:10px}.us-profile-form label{display:grid;gap:5px;color:#6078a5;font-size:11px}.us-profile-form input,.us-profile-form select{width:100%;height:32px;padding:5px 8px;border:1px solid #d9e4f3;border-radius:4px;color:#173872;background:#fff}.us-profile-form .us-profile-meta{display:grid;gap:4px;color:#7185ab;font-size:10px}.us-profile-form .us-btn{justify-self:start}
@container (max-width:820px){body.erp-shell .us-kpis{grid-template-columns:repeat(2,minmax(0,1fr))!important}}
@container (max-width:450px){body.erp-shell .us-kpis{grid-template-columns:minmax(0,1fr)!important}}
body.erp-shell .us:has(.us-detail:not([hidden])) .us-kpis{grid-template-columns:repeat(2,minmax(0,1fr))!important}
@media(max-width:1200px){.us{grid-template-columns:minmax(0,1fr) minmax(330px,35%)}.us-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}.us-heading{align-items:flex-start}}
@media(max-width:900px){.us{grid-template-columns:1fr}.us-detail{border-left:0;border-top:1px solid #e4ecf7}.us-list-card{min-height:430px}.us-detail-empty{min-height:180px}body.erp-shell .us-kpis{grid-template-columns:repeat(2,minmax(0,1fr))!important}}
@media(max-width:560px){.us-main{padding:14px 8px}.us-heading{display:block}.us-heading-actions{margin-top:12px}.us-kpis{gap:5px}.us-kpi{min-height:62px;padding:8px 5px}.us-kpi small{white-space:normal}.us-pagination{align-items:flex-start;flex-direction:column}.us-filters select{max-width:none;flex:1 1 42%}}
@media(max-width:560px){body.erp-shell .us-kpis{grid-template-columns:minmax(0,1fr)!important}}
.us-profile-form{grid-template-columns:repeat(3,minmax(0,1fr))}.us-profile-form .us-profile-meta,.us-profile-form .us-btn{grid-column:1/-1}
.us-span-3{grid-column:1/-1}.us-form-section{grid-column:1/-1;border-top:1px solid #e4ebf6;padding-top:9px}.us-form-section h4{margin:0 0 8px;color:#173771;font-size:11px}.us-form-section>.us-profile-form{gap:8px}.us-absence-list{display:grid;gap:5px;margin:7px 0 9px}.us-absence-row{display:grid;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:6px;padding:6px 7px;border:1px solid #e0e9f6;border-radius:4px;background:#f8fbff;color:#536da1;font-size:10px}.us-absence-row small{display:block;color:#7589ad;margin-top:2px}.us-absence-row em{font-style:normal;color:#1b8a62;font-size:9px}.us-absence-row .us-btn.square{width:23px;height:23px;color:#d73b52}.us-timesheet-control.is-planned .us-timesheet-select{border-color:#f0b34d;background:#fffaf0}.us-timesheet-control.is-planned::before{content:'П';display:inline-block;color:#d38a14;font-size:8px;margin-right:2px}
@media(max-width:900px){.us-profile-form{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:560px){.us-profile-form{grid-template-columns:1fr}}
@media(min-width:901px){.us{grid-template-columns:minmax(0,1fr) 550px}}
@media(max-width:900px){.us{grid-template-columns:1fr}}
.us-permission-switch{position:relative;display:inline-flex;align-items:center;justify-content:flex-start;width:54px;height:24px;padding:0 7px;border:0;border-radius:999px;background:#c7c9cc;color:#fff;font-size:10px;font-weight:500;line-height:1;cursor:pointer;transition:background .15s ease,opacity .15s ease}.us-permission-switch i{position:absolute;top:3px;left:3px;width:18px;height:18px;border-radius:50%;background:#fff;box-shadow:0 1px 2px #20344b2b;transition:left .15s ease,right .15s ease}.us-permission-switch.is-on{background:#42cf4b;justify-content:flex-start}.us-permission-switch.is-on i{left:auto;right:3px}.us-permission-switch.is-off{justify-content:flex-end}.us-permission-switch:disabled{opacity:1;cursor:default}.us-permission-switch:not(:disabled):hover{filter:brightness(.96);box-shadow:0 0 0 2px #b9d4ff}.us-permission-switch:focus-visible{outline:2px solid #075bfa;outline-offset:2px}
.us-permission-switch{width:36px;height:16px;padding:0 5px;font-size:7px}.us-permission-switch i{top:2px;left:2px;width:12px;height:12px}.us-permission-switch.is-on i{left:auto;right:2px}
.us-employment{margin-top:18px;padding-top:12px;border-top:1px solid #e4ebf6}.us-employment h3{margin:0 0 8px}.us-employment .us-hint{margin:0 0 10px}
body.erp-shell .us:has(.us-detail:not([hidden])){grid-template-columns:minmax(0,1fr)!important}
.us-timesheet-control{position:relative;display:inline-flex;width:86px;height:28px;min-width:0;border:1px solid #cdddf5;border-radius:4px;background:#f7faff;color:#173872;font-size:10px;text-align:left}.us-timesheet-value{display:block;overflow:hidden;width:100%;padding:6px 22px 6px 6px;white-space:nowrap;text-overflow:ellipsis}.us-timesheet-control::after{position:absolute;right:7px;top:8px;border:4px solid transparent;border-top-color:#173872;content:"";pointer-events:none}.us-timesheet-select{position:absolute;inset:0;width:100%;height:100%;min-width:0;border:0;opacity:0;cursor:pointer}.us-timesheet-select:disabled{cursor:wait}.us-timesheet-select:focus-visible{outline:2px solid #075bfa;outline-offset:2px}
#us-employee-modal .us-modal{width:min(820px,100%);max-height:90vh;overflow:auto}#us-employee-modal .us-employee-form{grid-template-columns:repeat(3,minmax(0,1fr))}
@media(max-width:700px){#us-employee-modal .us-employee-form{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:480px){#us-employee-modal .us-employee-form{grid-template-columns:1fr}}