:root{color:#f3eefb;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;--surface:#211b30;--raised:#2a223c;--line:#493d60;--text:#f3eefb;--muted:#b9afcb;--accent:#bba2fa;--good:#a3e6c5;--warning:#f6d698;--error:#ffc0c9;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;background:#15111f;font-family:Segoe UI,-apple-system,BlinkMacSystemFont,Arial,sans-serif}*{box-sizing:border-box}html{min-width:320px}body{min-width:320px;margin:0}a{color:inherit;text-underline-offset:3px}button,input,select{font:inherit}button,.button{min-width:44px;min-height:44px;color:var(--text);cursor:pointer;overflow-wrap:anywhere;background:#302640;border:1px solid #695780;border-radius:9px;justify-content:center;align-items:center;gap:8px;padding:10px 15px;font-size:14px;font-weight:600;line-height:1.4;text-decoration:none;display:inline-flex}button:hover:enabled,.button:hover{background:#3b2e50;border-color:#a88acb}button:disabled,.button[aria-disabled=true]{opacity:.57;cursor:not-allowed}button.primary,.button.primary{color:#20132f;background:var(--accent);border-color:var(--accent)}button.primary:hover:enabled,.button.primary:hover{background:#cfbaff;border-color:#cfbaff}button.danger{color:var(--error);background:#462936;border-color:#a96b7a}button.danger:hover:enabled{background:#5a3042;border-color:#ffc0c9}button.quiet{color:#d8cbed;background:0 0;border-color:#0000}input,select{width:100%;min-height:46px;color:var(--text);background:#191421;border:1px solid #7c6895;border-radius:8px;margin:7px 0 20px;padding:11px 13px;font-size:16px;display:block}input::placeholder{color:#b9afcb;opacity:1}label{font-size:14px;font-weight:600;line-height:1.5}input[type=checkbox]{width:22px;height:22px;min-height:22px;accent-color:var(--accent);margin:0}:focus-visible{outline-offset:4px;outline:3px solid #dfc9ff}h1{letter-spacing:-.025em;margin:0 0 9px;font-size:clamp(27px,3vw,36px);font-weight:680;line-height:1.2}h2{letter-spacing:-.015em;margin:0 0 16px;font-size:21px;font-weight:650;line-height:1.35}h3{margin:26px 0 14px;font-size:17px}p{max-width:78ch;margin:0 0 14px;font-size:15px;line-height:1.6}code{overflow-wrap:anywhere;font-size:13px}.app-shell{max-width:1480px;margin:0 auto;padding:0 44px}.site-header{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:24px;min-height:88px;display:flex}.wordmark{letter-spacing:.025em;align-items:center;gap:9px;font-size:22px;font-weight:750;text-decoration:none;display:inline-flex}.brand-symbol{color:#20132f;background:var(--accent);border-radius:11px 3px;place-items:center;width:34px;height:34px;margin-right:3px;font-size:23px;font-style:italic;display:grid}.wordmark-vpn{color:#c9b5e9;letter-spacing:.04em;font-size:14px;font-weight:500}.header-right{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:20px;display:flex}.role-badge{color:#d3c3ea;padding:5px 0;font-size:13px}.runtime-health{font-size:13px;position:relative}.runtime-health-trigger{color:#ded3ed;white-space:nowrap;background:#2a223c;border-color:#695780;min-height:44px;padding:9px 12px}.runtime-health-trigger:hover:enabled{border-color:#a88acb}.runtime-health.green .runtime-health-trigger{color:var(--good);background:#1e352d;border-color:#527f6a}.runtime-health.yellow .runtime-health-trigger{color:var(--warning);background:#3a3021;border-color:#806947}.runtime-health.red .runtime-health-trigger{color:var(--error);background:#402532;border-color:#8e5262}.runtime-health.neutral .runtime-health-trigger{color:#ded3ed;background:#2a223c;border-color:#695780}.runtime-health.test .runtime-health-trigger{color:#cfc0e6;background:#29233a;border-color:#625675}.health-dot{background:currentColor;border-radius:50%;flex-shrink:0;width:8px;height:8px}.health-details{background:var(--raised);z-index:10;border:1px solid #7c6895;border-radius:12px;width:340px;max-width:calc(100vw - 32px);padding:22px;position:absolute;top:50px;right:0;box-shadow:0 16px 44px #0008}.health-details[hidden]{display:none}.health-details h2{font-size:17px}.health-details p,.health-details li{font-size:14px}.health-details dl{margin:0}.health-details dl>div{justify-content:space-between;gap:12px;margin:12px 0;display:flex}.health-details dt{color:var(--muted)}.health-details dd{text-align:right;margin:0}.health-details ul{color:var(--warning);margin-bottom:0;padding-left:18px;line-height:1.6}main{min-height:calc(100vh - 156px);padding:0 0 64px}.environment-notice{color:#dbcaef;border:1px solid var(--line);background:#30253f;border-radius:8px;flex-wrap:wrap;justify-content:space-between;gap:8px;margin-top:20px;padding:12px 16px;font-size:13px;line-height:1.6;display:flex}.page-heading{justify-content:space-between;align-items:center;gap:24px;margin:34px 0 24px;display:flex}.page-heading p:last-child,.page-heading .button-row{margin:0}.eyebrow{color:#c9b5e9;margin-bottom:12px;font-size:13px;font-weight:600}.muted,.fine-print{color:var(--muted)}.fine-print{font-size:13px;line-height:1.6}.content-grid{grid-template-columns:minmax(0,1.55fr) minmax(280px,1fr);align-items:start;gap:22px;display:grid}.card{border:1px solid var(--line);background:var(--surface);border-radius:16px;padding:28px}.stack{gap:22px;display:grid}.section-header{justify-content:space-between;align-items:center;gap:20px;margin-bottom:20px;display:flex}.section-header h2{margin:0}.section-header .fine-print{margin:6px 0 0}.subtle{color:var(--muted);font-size:13px}.facts{margin:0 0 24px;font-size:14px}.facts>div{border-bottom:1px solid var(--line);grid-template-columns:160px minmax(0,1fr);gap:16px;padding:12px 0;display:grid}.facts dt{color:var(--muted)}.facts dd{overflow-wrap:anywhere;margin:0;font-weight:600}.pill{color:#dfd2f3;overflow-wrap:anywhere;background:#392c4d;border-radius:6px;max-width:100%;padding:5px 9px;font-size:13px;font-weight:600;line-height:1.4;display:inline-block}.state-active,.state-ready,.panel-ok{color:#a3e6c5;background:#243c37}.state-deleting,.state-unknown{color:#f6d698;background:#493923}.state-deleted,.panel-missing,.panel-error,.panel-ownership_conflict{color:#ffc0c9;background:#472b3a}.panel-never{color:#d0c3e0;background:#393044}.panel-observation{border:1px solid var(--line);background:#1b1627;border-radius:10px;margin:18px 0;padding:18px}.panel-observation h3{margin:0 0 12px}.panel-observation .fine-print{margin:12px 0 0}.panel-sync{gap:6px;font-size:13px;line-height:1.55;display:grid}.panel-sync.compact{max-width:28ch}.sync-warning{color:var(--warning)}.sync-error{color:var(--error);font-weight:600}.sync-strip{border:1px solid var(--line);background:#21192e;border-left:3px solid #9d7dd8;border-radius:4px 10px 10px 4px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:14px 32px;margin-bottom:25px;padding:16px 20px;display:flex}.sync-strip .fine-print{max-width:42ch;margin:0}.sync-progress{gap:5px;font-size:13px;line-height:1.55;display:grid}.sync-progress strong{color:#e3d4f6;font-size:14px;font-weight:600}.sync-strip.has-error{border-left-color:var(--error)}.sync-strip.has-error strong{color:var(--error)}progress{width:100%;max-width:360px;height:7px;accent-color:var(--accent);margin-top:3px;display:block}.private-link{border:1px solid var(--line);background:#2a223c;border-radius:10px;margin:22px 0;padding:18px}.private-link input{color:#d9c5ff;margin-bottom:8px;font-size:14px}.private-link p{color:var(--muted);margin:0;font-size:13px}.device-list,.requests,.approval-list{margin:0;padding:0;list-style:none}.device-list li{border-bottom:1px solid var(--line);align-items:center;gap:13px;padding:14px 0;display:flex}.device-icon{color:#d0b6ff;font-size:22px}.device-list strong{font-size:15px;display:block}.device-list span:not(.device-icon){color:var(--muted);margin-top:5px;font-size:13px;display:block}.button-stack{gap:10px;display:grid}.button-row{flex-wrap:wrap;gap:10px;margin:22px 0;display:flex}.notice{color:#deddfd;background:#29283f;border:1px solid #575780;border-radius:9px;margin:18px 0;padding:16px 18px;font-size:14px;line-height:1.6}.notice p:last-child{margin:0}.notice ul{margin-bottom:0;padding-left:18px}.notice.warning{color:var(--warning);background:#3d3026;border-color:#82674a}.notice.error{color:var(--error);background:#402633;border-color:#a16779}.requests li{border-top:1px solid var(--line);margin-top:18px;padding-top:14px}.requests strong,.requests span{margin-top:5px;font-size:14px;display:block}.requests span{color:var(--muted);line-height:1.5}.limit-request-summary{margin-top:24px}.limit-request-summary h3{margin:0 0 4px}.support{background:#261f34}.support p{color:var(--muted);margin:0}.support h2{margin-bottom:10px;font-size:18px}.onboarding{max-width:740px;padding:40px}.onboarding h2{font-size:26px}.onboarding p{max-width:540px;color:var(--muted)}.large-icon{color:#d7c0fd;background:#3d2b53;border-radius:12px;margin-bottom:24px;padding:8px 18px;font-size:28px;display:inline-block}.login-card{max-width:520px;margin:64px auto;padding:36px}.login-mark{color:#20132f;background:var(--accent);border-radius:17px 5px;place-items:center;width:52px;height:52px;margin:0 0 28px;font-size:36px;font-style:italic;font-weight:700;display:grid}.login-card>p{color:var(--muted)}.login-card h1{font-size:29px}.login-card>.primary{width:100%;margin:13px 0 18px}.login-card form{margin-top:28px}.login-help{border-top:1px solid var(--line);color:#d2c4e6;padding-top:20px;font-size:14px;line-height:1.6}.tabs{border-bottom:1px solid var(--line);flex-wrap:wrap;gap:8px;margin-bottom:24px;display:flex}.tabs button{color:#c3b5d5;background:0 0;border:0;border-bottom:3px solid #0000;border-radius:7px 7px 0 0;padding:14px 18px;font-size:15px}.tabs button.selected{color:#ecdefd;border-bottom-color:var(--accent);background:#2b213b}.counter{color:#f3eaff;background:#4c3a64;border-radius:12px;padding:2px 7px;font-size:12px}.search-label{color:#c7b8d9;width:320px;max-width:100%;font-size:13px}.search-label input{margin-bottom:0}.table-wrap{width:100%}table{border-collapse:collapse;text-align:left;table-layout:fixed;width:100%;font-size:14px}th{color:#c9bbdb;border-bottom:1px solid #665376;padding:14px 12px;font-size:13px;font-weight:600}th:first-child{width:23%}th:nth-child(2){width:18%}th:nth-child(3){width:19%}th:nth-child(4){width:24%}th:nth-child(5){width:16%}td{border-bottom:1px solid var(--line);vertical-align:top;overflow-wrap:anywhere;padding:24px 12px}tbody tr:last-child td{border-bottom:0}td:last-child{text-align:right}td:first-child,th:first-child{padding-left:0}td:last-child,th:last-child{padding-right:0}.employee-name strong{font-size:16px;font-weight:600;line-height:1.5}.employee-action button{width:100%;max-width:160px;padding:10px}.cell-secondary{color:var(--muted);margin-top:7px;font-size:13px;line-height:1.55;display:block}.empty{color:#c6b8d5;text-align:center;padding:36px 16px}.empty p{margin:0 auto 14px}.loading-line{color:#d7c4f2;align-items:center;gap:10px;margin:0;padding:16px 0;font-size:14px;display:flex}.loading-dot{background:var(--accent);border-radius:50%;width:8px;height:8px}.approval-list>li{border-top:1px solid var(--line);overflow-wrap:anywhere;justify-content:space-between;gap:28px;padding:24px 0;display:flex}.approval-list p{color:var(--muted);margin:7px 0;font-size:14px}.approval-controls{flex-wrap:wrap;align-items:end;gap:8px;min-width:210px;max-width:300px;display:flex}.approval-controls label{color:#c7b8d9;width:100%;font-size:13px}.approval-controls input{width:100px;margin-bottom:4px}.modal{color:var(--text);overscroll-behavior:contain;background:#241d32;border:1px solid #86709c;border-radius:16px;width:calc(100% - 40px);max-width:720px;max-height:calc(100dvh - 40px);padding:0;overflow:hidden;box-shadow:0 24px 90px #0009}.modal[open]{flex-direction:column;display:flex}.modal::backdrop{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#090610bd}.modal-body{overscroll-behavior:contain;flex:auto;min-height:0;padding:28px;overflow-y:auto}.modal-footer{border-top:1px solid var(--line);background:#21192e;flex-wrap:wrap;flex:none;justify-content:flex-end;align-items:center;gap:10px;padding:14px 28px;display:flex}.modal h2{overflow-wrap:anywhere;font-size:23px}.modal p{color:#cdbfdf;overflow-wrap:anywhere;font-size:14px}.modal .section-header{align-items:flex-start}.modal .section-header>button{flex-shrink:0;font-size:24px;line-height:1}.modal form>button:last-child{margin-top:18px}.back-button{margin-bottom:0}.checkbox{border-bottom:1px solid var(--line);overflow-wrap:anywhere;align-items:center;gap:12px;min-height:48px;padding:15px 0;font-size:14px;display:flex}.confirmation-id{background:#191421;border-radius:6px;margin:6px 0;padding:10px;display:block}.operation-list{padding:8px 0}.operation-list p{justify-content:space-between;gap:12px;font-size:14px;display:flex}.detail-actions{padding-bottom:4px}.admin-footer{color:var(--muted);justify-content:space-between;align-items:center;gap:20px;padding-top:24px;font-size:13px;display:flex}.sr-only{clip:rect(0,0,0,0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.skip-link{z-index:50;color:#20132f;background:#e3ceff;border-radius:6px;padding:12px 18px;position:fixed;top:-80px;left:16px}.skip-link:focus{top:12px}footer{border-top:1px solid var(--line);color:#b9afcb;justify-content:space-between;gap:20px;padding:22px 0;font-size:13px;line-height:1.5;display:flex}footer>span:first-child{color:#d1c2e4;font-weight:600}@media (width<=1100px){.app-shell{padding:0 28px}.workspace-card{padding:24px 20px}td,th{padding-left:8px;padding-right:8px}.page-heading{align-items:flex-start}.workspace-actions{justify-content:flex-end;max-width:350px}}@media (width<=900px){.content-grid{grid-template-columns:1fr}.employee-table,.employee-table tbody{width:100%;display:block}.employee-table thead{clip:rect(0,0,0,0);width:1px;height:1px;position:absolute;overflow:hidden}.employee-table tbody{gap:16px;display:grid}.employee-table tr{background:#282034;border:1px solid #59456e;border-radius:12px;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:18px 16px;padding:20px;display:grid}.employee-table td,.employee-table td:first-child,.employee-table td:last-child{text-align:left;border:0;min-width:0;padding:0;display:block}.employee-table td[data-label]:before{content:attr(data-label);color:#d7c6eb;margin-bottom:10px;font-size:13px;font-weight:600;display:block}.employee-table .employee-name{border-bottom:1px solid var(--line);grid-column:1/-1;padding-bottom:16px}.employee-table td[data-label=Сверка],.employee-table .employee-action{grid-column:1/-1}.employee-action button,.panel-sync.compact{max-width:none}.section-header{flex-wrap:wrap}.search-label{width:100%}}@media (width<=650px){.app-shell{padding:0 16px}.site-header{flex-wrap:wrap;gap:12px;min-height:76px;padding:16px 0}.wordmark{font-size:19px}.wordmark-vpn{font-size:12px}.brand-symbol{width:29px;height:29px;font-size:20px}.header-right{gap:12px;max-width:100%;margin-left:auto}.role-badge,.runtime-health{font-size:12px}.runtime-health-trigger{gap:6px;padding:9px 10px;font-size:12px}.health-details{top:49px}.page-heading{flex-direction:column;gap:20px;margin:28px 0 20px}.workspace-actions{grid-template-columns:minmax(0,1fr) minmax(0,1fr);justify-content:flex-start;width:100%;max-width:none;display:grid}.workspace-actions button{padding:10px 8px}.sync-strip{gap:12px;padding:15px}.sync-strip .fine-print{max-width:none}.tabs{gap:0;margin-bottom:18px}.tabs button{padding:12px 10px;font-size:14px}.card,.workspace-card{border-radius:12px;padding:20px 16px}.workspace-card{padding:20px 12px 12px}.workspace-card>.section-header,.workspace-card>h2,.workspace-card>p{margin-left:4px;margin-right:4px}.section-header{gap:18px}.employee-table tr{gap:18px 12px;padding:16px}.employee-name strong{font-size:17px}.approval-list>li{flex-direction:column;gap:16px}.approval-controls{min-width:0;max-width:none}.approval-controls button{flex:1}.modal{width:calc(100% - 24px);max-height:calc(100dvh - 24px)}.modal-body{padding:20px}.modal-footer{padding:12px 16px}.modal h2{font-size:21px}.facts>div{grid-template-columns:minmax(0,.85fr) minmax(0,1fr);gap:12px}.login-card{margin:32px auto;padding:26px}.login-card h1{font-size:26px}.admin-footer{flex-direction:column;align-items:flex-start;gap:8px}.admin-footer button{padding-left:0}footer{flex-direction:column;gap:6px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}@media (width<=380px){.workspace-actions{grid-template-columns:minmax(0,1fr)}.workspace-actions button{width:100%}}