:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg:#f4f6fa;--accent-soft:#eaf1ff;--danger-soft:#fff1f2;--danger-border:#fecdd3;--warning-soft:#fff8e7;--topbar-bg:#f4f6faf0;--control-border:#8b98ac;--surface:#fff;--surface-soft:#f9fafc;--border:#e5e9f0;--text:#141923;--muted:#5c687a;--accent:#2563eb;--accent-strong:#1d4ed8;--danger:#dc2626;--success:#15803d;--shadow:0 18px 45px #18223614;--radius:12px;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{min-width:320px;color:var(--text);background:var(--bg);margin:0}button,input,select{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.68}h1,h2,h3,p{margin:0}.app-shell{min-height:100vh;display:flex}.app-content{flex-direction:column;flex:1;min-width:0;padding-left:264px;display:flex}.main-content{width:100%;max-width:1440px;margin:0 auto;padding:28px}.sidebar{z-index:30;background:var(--surface);border-right:1px solid var(--border);width:264px;padding:24px;position:fixed;inset:0 auto 0 0}.sidebar__brand{letter-spacing:0;align-items:center;gap:12px;font-size:18px;font-weight:800;display:flex}.sidebar__brand-mark{color:#fff;background:var(--accent);border-radius:var(--radius);place-items:center;width:38px;height:38px;display:grid}.sidebar__nav{gap:8px;margin-top:34px;display:grid}.sidebar__link{color:var(--muted);border-radius:var(--radius);padding:12px 14px;text-decoration:none;transition:background .16s,color .16s}.sidebar__link:hover,.sidebar__link--active{color:var(--accent);background:var(--accent-soft)}.topbar{z-index:20;background:var(--topbar-bg);border-bottom:1px solid var(--border);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);justify-content:space-between;align-items:center;gap:18px;min-height:82px;padding:18px 28px;display:flex;position:sticky;top:0}.topbar h1{font-size:26px;line-height:1.15}.topbar__eyebrow,.section-heading__kicker{color:var(--muted);margin-bottom:5px;font-size:13px}.topbar__user{justify-content:flex-end;align-items:center;gap:10px;min-width:250px;display:flex}.topbar__user strong,.topbar__user small{display:block}.topbar__user small{color:var(--muted)}.topbar__avatar{width:38px;height:38px;color:var(--accent);background:var(--accent-soft);border-radius:999px;place-items:center;font-weight:800;display:grid}.topbar__logout{min-height:34px;color:var(--muted);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:7px 10px;font-weight:700}.topbar__menu{display:none}.icon-button{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);width:40px;height:40px;padding:0}.icon-button span{background:var(--text);width:18px;height:2px;margin:4px auto;display:block}.page-grid{grid-template-columns:minmax(300px,390px) minmax(0,1fr);align-items:start;gap:22px;display:grid}.page-grid--single{grid-template-columns:minmax(0,1fr)}.forms-stack{gap:18px;display:grid}.panel{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow)}.form-panel{gap:16px;padding:22px;display:grid}.table-panel{min-width:0;padding:22px}.section-heading{gap:2px;margin-bottom:8px;display:grid}.section-heading--row{justify-content:space-between;align-items:center;gap:12px;display:flex}.section-heading h2{font-size:20px}.form-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.stack{gap:16px;display:grid}.field{gap:7px;display:grid}.field__label{color:var(--muted);font-size:13px;font-weight:650}.input{width:100%;min-height:44px;color:var(--text);background:var(--surface-soft);border:1px solid var(--border);border-radius:var(--radius);outline:none;padding:10px 12px;transition:border .16s,box-shadow .16s,background .16s}.select{width:100%;min-height:44px;color:var(--text);background:var(--surface-soft);border:1px solid var(--border);border-radius:var(--radius);outline:none;padding:10px 12px}.select:focus,.input:focus{background:var(--surface);border-color:var(--accent);box-shadow:0 0 0 3px #2563eb24}.input:disabled{color:var(--muted);background:var(--surface-soft)}.input--error{border-color:var(--danger)}.field__error{color:var(--danger);font-size:12px}.switch-row{color:var(--muted);align-items:center;gap:10px;font-size:14px;display:flex}.switch-row input{width:18px;height:18px;accent-color:var(--accent)}.button{white-space:nowrap;border-radius:var(--radius);border:1px solid #0000;justify-content:center;align-items:center;min-height:44px;padding:9px 14px;font-weight:700;transition:background .16s,border .16s,color .16s,transform .16s;display:inline-flex}.button:hover:not(:disabled){filter:brightness(.96)}.button--primary{color:#fff;background:var(--accent);border-color:var(--accent)}.button--primary:hover:not(:disabled){background:var(--accent-strong)}.button--secondary{color:var(--text);background:var(--surface);border-color:var(--border)}.button--ghost{color:var(--accent);background:0 0}.button--danger{color:#fff;background:var(--danger);border-color:var(--danger)}.table-shell{border:1px solid var(--border);border-radius:var(--radius);margin-top:16px;overflow:auto}.table{border-collapse:collapse;width:100%;min-width:760px}.table th,.table td{text-align:left;border-bottom:1px solid var(--border);padding:15px 16px}.table th{color:var(--muted);background:var(--surface-soft);font-size:12px;font-weight:800}.table tr:last-child td{border-bottom:0}.table-link{max-width:240px;color:var(--accent);text-overflow:ellipsis;vertical-align:middle;white-space:nowrap;display:inline-block;overflow:hidden}.state-line,.error-state,.empty-state{color:var(--muted);margin-top:16px}.error-state{color:var(--danger);background:var(--danger-soft);border:1px solid var(--danger-border);border-radius:var(--radius);justify-content:space-between;align-items:center;gap:12px;padding:14px;display:flex}.empty-state{text-align:center;background:var(--surface-soft);border:1px dashed var(--border);border-radius:var(--radius);justify-items:center;gap:9px;padding:44px 20px;display:grid}.empty-state__icon{width:42px;height:42px;color:var(--accent);background:var(--accent-soft);border-radius:999px;place-items:center;font-size:24px;display:grid}.modal{z-index:1;background:var(--surface);border-radius:var(--radius);width:min(540px,100%);max-height:calc(100vh - 36px);position:relative;overflow:auto;box-shadow:0 24px 70px #11182738}.modal__header,.modal__footer{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;gap:12px;padding:18px 20px;display:flex}.modal__header h2{font-size:20px}.modal__body{padding:20px}.modal__footer{border-top:1px solid var(--border);border-bottom:0;justify-content:flex-end}.modal__close{min-width:36px;min-height:36px;padding:0}.muted-text{color:var(--muted);line-height:1.6}.generated-link{overflow-wrap:anywhere;color:var(--accent);background:var(--accent-soft);border:1px solid var(--border);border-radius:var(--radius);padding:14px;font-weight:700}.auth-page{background:var(--bg);place-items:center;min-height:100vh;padding:24px;display:grid}.auth-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);width:min(460px,100%);box-shadow:var(--shadow);gap:22px;padding:28px;display:grid}.auth-card__heading{gap:8px;display:grid}.auth-card__heading h1{font-size:28px}.auth-card__heading p{color:var(--muted);line-height:1.55}.auth-loading{min-height:100vh;color:var(--muted);place-items:center;display:grid}.role-list{gap:10px;display:grid}.role-item{background:var(--surface-soft);border:1px solid var(--border);border-radius:var(--radius);gap:4px;padding:12px;display:grid}.role-item span{color:var(--muted);font-size:13px;line-height:1.45}.users-invitations-heading{margin-top:28px}@media (width<=1120px){.page-grid{grid-template-columns:1fr}}@media (width<=860px){.app-content{padding-left:0}.topbar__menu{flex:none;display:block}.main-content{padding:20px}}@media (width<=640px){.topbar{align-items:flex-start;padding:14px 16px}.topbar h1{font-size:22px}.topbar__user{min-width:auto}.topbar__user div{display:none}.topbar__logout{display:block}.main-content{padding:16px}.form-grid{grid-template-columns:1fr}.section-heading--row{flex-direction:column;align-items:stretch}.table-shell{border:0;overflow:visible}.table{min-width:0}.table thead{display:none}.table,.table tbody,.table tr,.table td{width:100%;display:block}.table tbody{gap:12px;display:grid}.table tr{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:14px}.table td{border-bottom:1px solid var(--border);text-align:right;justify-content:space-between;gap:16px;padding:10px 0;display:flex}.table td:last-child{border-bottom:0}.table td:before{content:attr(data-label);color:var(--muted);text-align:left;flex:0 0 42%;font-size:12px;font-weight:800}.table-link{max-width:170px}.button{width:100%}.table .button{width:auto}}dialog.modal{color:var(--text);border:0;padding:0}dialog.modal::backdrop{background:#1118276b}.pagination,.actions{flex-wrap:wrap;align-items:center;gap:10px;margin-top:16px;display:flex}.outcome{background:var(--warning-soft);overflow-wrap:anywhere;padding:14px}.outcome p+p{margin-top:8px}fieldset{border:0;min-width:0;margin:0;padding:0}.notice{border:1px solid var(--border);border-radius:var(--radius);overflow-wrap:anywhere;padding:12px}:focus-visible{outline:2px solid var(--accent);outline-offset:3px}@media (width<=640px){.topbar__eyebrow,.topbar__avatar{display:none}.table td{overflow-wrap:anywhere}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition:none!important;animation:none!important}}.modal__header>.button{flex-shrink:0;width:auto}:root[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#0e1522;--surface:#172131;--surface-soft:#1d293c;--border:#33445d;--control-border:#697e9a;--text:#edf2fa;--muted:#adbbce;--accent:#8bb5ff;--accent-strong:#b0ceff;--accent-soft:#253a59;--danger:#ff9da8;--danger-soft:#3d2530;--danger-border:#6e3a49;--success:#7ee2a8;--warning-soft:#3b3222;--topbar-bg:#0e1522f0;--shadow:0 12px 32px #00000024}:root[data-theme=dark] .button--primary,:root[data-theme=dark] .button--danger,:root[data-theme=dark] .sidebar__brand-mark{color:#101827}body{line-height:1.5}h1,h2,h3{letter-spacing:-.025em;line-height:1.25}h2{font-size:19px}.field{min-width:0}.field__label{color:var(--text);font-size:13px}.input{border-color:var(--control-border)}.sidebar__link{align-items:center;gap:12px;font-weight:550;display:flex}.sidebar__link--active{box-shadow:inset 3px 0 var(--accent)}.sidebar__caption{color:var(--muted);margin-top:12px;font-size:12px}.table th{letter-spacing:.02em;font-size:12px}.table td{font-size:14px}.table tbody tr:hover{background:var(--surface-soft)}.topbar h1{font-size:24px}.theme-toggle,.password-toggle,.field-icon{color:var(--muted);background:0 0;border:0;border-radius:8px;flex:none;justify-content:center;align-items:center;min-width:36px;min-height:40px;padding:6px;display:inline-flex}.theme-toggle{border:1px solid var(--border);background:var(--surface);width:44px;height:44px}.theme-toggle:hover,.field-icon:hover,.password-toggle:hover{color:var(--accent);background:var(--accent-soft)}.auth-theme{position:absolute;top:24px;right:24px}.auth-page{padding-top:82px;position:relative}.input-wrapper{position:relative}.input-wrapper:has(.password-toggle) .input{padding-right:48px}.password-toggle{position:absolute;top:2px;right:3px}.select-control,.date-control{width:100%;min-width:0;min-height:44px;color:var(--text);background:var(--surface);border:1px solid var(--control-border);border-radius:var(--radius);align-items:center;gap:4px;padding:0 8px;display:flex}button.select-control{text-align:left;justify-content:space-between;min-width:140px;padding:10px 12px}.select-search{width:100%;min-width:0;color:var(--text);background:0 0;border:0;outline:0;flex:1;padding:10px 4px}.select-control:focus-within,.date-control[data-focus-within]{outline:2px solid var(--accent);outline-offset:2px}.select-control[data-disabled],.custom-select[data-disabled],.date-picker[data-disabled]{opacity:.65}.select-popover,.calendar-popover{z-index:120;background:var(--surface);color:var(--text);border:1px solid var(--border);border-radius:12px;outline:0;max-width:calc(100vw - 24px);box-shadow:0 12px 35px #0003}.select-popover{width:var(--trigger-width);min-width:180px}.select-list{outline:0;max-height:280px;padding:5px;overflow:auto}.select-option{cursor:pointer;overflow-wrap:anywhere;border-radius:7px;outline:0;justify-content:space-between;align-items:center;gap:8px;min-height:44px;padding:10px;font-size:14px;display:flex}.select-option[data-focused],.select-option[data-selected]{color:var(--accent);background:var(--accent-soft)}.select-option[data-focus-visible]{outline:2px solid var(--accent);outline-offset:-2px}.select-empty{color:var(--muted);padding:16px;font-size:14px}.date-input{white-space:nowrap;flex:1;align-items:center;min-width:0;padding:8px 2px;display:flex}.date-segment{font-variant-numeric:tabular-nums;border-radius:3px;padding:2px}.date-segment[data-placeholder]{color:var(--muted)}.date-segment[data-focused]{background:var(--accent-soft);color:var(--accent);outline:2px solid var(--accent)}.calendar-popover{padding:14px}.calendar-popover [role=dialog]{outline:0}.calendar-header{justify-content:space-between;align-items:center;margin-bottom:8px;display:flex}.calendar-header h2{font-size:16px}.calendar-weekday{color:var(--muted);padding:6px;font-size:12px;font-weight:500}.calendar-day{cursor:pointer;border-radius:8px;outline:0;place-items:center;width:36px;height:38px;font-size:14px;display:grid}.calendar-day[data-hovered],.calendar-day[data-focused]{background:var(--accent-soft)}.calendar-day[data-selected]{color:var(--surface);background:var(--accent);font-weight:700}.calendar-day[data-today]{box-shadow:inset 0 0 0 1px var(--accent)}.calendar-day[data-disabled]{opacity:.3;cursor:default}.calendar-day[data-outside-month]{visibility:hidden}.calendar-day[data-focus-visible]{outline:2px solid var(--accent);outline-offset:2px}.modal-overlay{z-index:100;background:#040a1699;justify-content:center;align-items:center;padding:18px;display:flex;position:fixed;inset:0;overflow:auto}.modal{border:1px solid var(--border);color:var(--text);padding:0}.modal [role=dialog]{outline:0}.form-panel>h2{margin-bottom:2px}.employee-intro{margin-bottom:22px}.employee-search{max-width:360px;margin-top:16px}@media (width<=640px){.topbar{align-items:center;gap:10px}.topbar h1{font-size:19px}.topbar__user{gap:6px}.topbar__logout{min-height:44px}.main-content{padding:16px 12px}.form-panel,.table-panel{padding:18px}.table td .field{max-width:58%}.theme-toggle{width:40px}.form-grid{gap:18px}.calendar-day{width:36px;height:40px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}.button{gap:8px}.field-hint{margin-top:-8px;font-size:12px}.catalog-grid{grid-template-columns:minmax(0,1fr)}.catalog-grid>form{width:min(100%,720px)}.catalog-grid .forms-stack{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start}.form-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,240px),1fr))}.date-control{flex-wrap:wrap}.date-input{flex:1 0 auto;min-width:max-content}.date-control>.field-icon{min-width:44px;min-height:44px}.table-sort{min-height:44px;color:inherit;font:inherit;cursor:pointer;text-align:left;background:0 0;border:0;align-items:center;gap:6px;padding:0;display:inline-flex}.table-sort svg{flex:none}.table-sort:hover,.table th[aria-sort]{color:var(--accent)}.table th:has(.table-sort){padding-top:0;padding-bottom:0}.table-search{max-width:560px;margin-top:20px}.table-sort-controls{flex-wrap:wrap;align-items:center;gap:12px;margin-top:12px;font-size:13px;display:flex}.table-mobile-sort{display:none}.catalog-grid .table td{overflow-wrap:anywhere}.catalog-grid .table .actions{margin:0}@media (width<=640px){.catalog-grid .forms-stack{grid-template-columns:minmax(0,1fr)}.table-mobile-sort{gap:10px;width:100%;display:grid}.catalog-grid .table tbody{grid-template-columns:minmax(0,1fr)}.catalog-grid .table tr{min-width:0}.catalog-grid .table-link{flex:1;min-width:0;max-width:170px}.catalog-grid .table .actions{justify-content:flex-end;min-width:0}.catalog-grid .table td:before{flex-basis:35%}.catalog-grid .table .button{white-space:normal}.pagination{justify-content:space-between}.pagination .button{width:auto}.catalog-grid td[data-label=Действия]{text-align:left;display:block}.catalog-grid td[data-label=Действия]:before{margin-bottom:8px;display:block}.catalog-grid td[data-label=Действия] .button{width:100%}.catalog-grid .pagination{grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.catalog-grid .pagination span{text-align:center;grid-area:1/1/auto/-1}.topbar{flex-wrap:wrap}.topbar__user{margin-left:auto}}
