/* Brand reference: cloudboot.ru, 2026-09-14. Fonts are served locally, including Cyrillic. */
@font-face{font-family:"Manrope Variable";font-style:normal;font-display:swap;font-weight:200 800;src:url("../assets/fonts/manrope-cyrillic.woff2") format("woff2");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}
@font-face{font-family:"Manrope Variable";font-style:normal;font-display:swap;font-weight:200 800;src:url("../assets/fonts/manrope-latin.woff2") format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
:root{color-scheme:dark;--bg:#080b0d;--sidebar:#0b1012;--surface:#101517;--raised:#182024;--line:#293237;--text:#eef3f4;--muted:#a4afb4;--quiet:#929b9f;--accent:#65e2e9;--accent-dark:#082528;--selected:#1b3237;--good:#68d7a0;--warning:#f7bc65;--danger:#ff9099;font-family:"Manrope Variable",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;font-size:15px;font-weight:450;font-synthesis:none}
*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);line-height:1.5}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button,a,input,select,textarea,summary{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.42}img{display:block;max-width:100%}h1,h2,h3,p{margin:0}h1{font-size:29px;line-height:1.2;font-weight:620;letter-spacing:-.8px}h2{font-size:19px;font-weight:600;letter-spacing:-.3px}h3{font-size:15px;font-weight:600}small{font-size:12px}code,.mono{font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:.9em;overflow-wrap:anywhere}:focus-visible{outline:2px solid var(--accent);outline-offset:4px}
.sidebar{position:fixed;inset:0 auto 0 0;width:224px;background:var(--sidebar);border-right:1px solid var(--line);display:flex;flex-direction:column;padding:29px 17px 20px;z-index:20}.brand{display:flex;align-items:center;gap:7px;padding:0 6px 35px}.brand img{width:58px;height:43px;object-fit:contain}.brand span{font-size:20px;font-weight:650;letter-spacing:-.5px}.brand small{display:block;font-size:10px;letter-spacing:3px;color:var(--muted);font-weight:500;margin-top:1px}.nav-link{display:flex;align-items:center;gap:12px;padding:11px 13px;color:var(--muted);border-radius:5px;font-size:13px;margin:3px 0;white-space:nowrap}.nav-link:hover{background:var(--surface);color:var(--text)}.nav-link.active{background:var(--selected);color:var(--accent)}.icon{width:18px;height:18px;flex-shrink:0;filter:invert(.75)}.active .icon{filter:invert(71%) sepia(99%) saturate(2580%) hue-rotate(148deg) brightness(99%)}.sidebar-bottom{margin-top:auto;padding-top:30px}.sidebar-account{display:flex;justify-content:space-between;gap:8px;padding:22px 12px 12px;font-size:12px;color:var(--muted);border-top:1px solid var(--line);margin-top:15px}.sidebar-account span{overflow:hidden;text-overflow:ellipsis}.site-link{display:block;font-size:11px;color:var(--quiet);padding:5px 12px}.workspace{margin-left:224px;max-width:1800px;padding:38px 40px 60px}.mobile-header{display:none}.page-heading{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:30px}.heading-title{display:flex;align-items:baseline;gap:13px}.heading-count{color:var(--quiet);font-size:18px}.page-heading p{color:var(--muted);margin-top:9px;font-size:13px}.back-link{display:inline-block;color:var(--muted);font-size:13px;margin-bottom:22px}.back-link:hover,.text-link:hover{color:var(--accent)}.text-link{color:var(--accent)}
.button{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:40px;padding:9px 17px;border:1px solid var(--line);border-radius:5px;background:var(--raised);color:var(--text);font-size:13px;font-weight:550;line-height:1.4;white-space:nowrap}.button:hover{background:#23313d}.button.primary{background:var(--accent);color:var(--accent-dark);border-color:var(--accent)}.button.primary:hover{background:#63ddf7}.button.secondary{background:transparent}.button.danger{color:var(--danger);background:transparent}.button.compact{min-height:34px;padding:6px 12px;font-size:12px}.button.full-width{width:100%}.text-button{background:none;border:0;color:var(--muted);padding:0;font-size:inherit}.text-button:hover{color:var(--text)}.actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.toolbar{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:20px}.search-form{display:flex;gap:9px;align-items:center}.search-field{width:280px;max-width:100%}.tabs{display:flex;gap:21px;align-items:center;flex-wrap:wrap}.tabs a{padding:10px 0;border-bottom:2px solid transparent;color:var(--muted);font-size:13px}.tabs a.active{color:var(--text);border-color:var(--accent)}
.table-wrap{width:100%;overflow-x:auto}table{width:100%;border-collapse:collapse;text-align:left;font-size:13px}th{color:var(--muted);font-size:11px;letter-spacing:.25px;font-weight:500;background:var(--surface);padding:12px 17px;white-space:nowrap}td{padding:17px;border-bottom:1px solid var(--line);vertical-align:middle}td:first-child{padding-left:17px}td:last-child{text-align:right}td small{display:block;color:var(--muted);margin-top:3px;font-size:11px}td strong{font-weight:600}tbody tr:hover{background:#101922}.pc-name{display:inline-flex;align-items:center;gap:13px;color:var(--text);font-weight:600}.pc-name .icon{width:20px;height:20px}.state{display:inline-flex;align-items:center;gap:7px;white-space:nowrap;font-size:12px;color:var(--muted)}.state:before{content:"";width:6px;height:6px;border-radius:50%;background:currentColor;flex-shrink:0}.state.good{color:var(--good)}.state.pending{color:var(--accent)}.state.warning{color:var(--warning)}.state.danger{color:var(--danger)}.state.muted{color:var(--muted)}
.section{margin-top:32px}.section-title{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:18px}.section-title>a{font-size:12px}.empty-state{padding:70px 22px;text-align:center;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.empty-state.small{padding:40px 20px}.empty-icon{width:33px;height:33px;margin:0 auto 18px;filter:invert(.58)}.empty-state h2{font-size:18px}.empty-state p{color:var(--muted);max-width:460px;margin:10px auto 24px;font-size:13px}.empty-state .actions{justify-content:center}.form-stack{display:grid;gap:22px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px}.field{display:flex;flex-direction:column;gap:8px;min-width:0;font-size:13px}.field>span:first-child{font-weight:500}input:not([type=checkbox]):not([type=radio]),select,textarea{display:block;width:100%;min-height:42px;border:1px solid #34424e;border-radius:5px;padding:10px 12px;background:#0d141b;color:var(--text);font-size:13px}input::placeholder{color:var(--quiet)}select{padding-right:28px}textarea{resize:vertical}.helper{color:var(--muted);font-size:12px;line-height:1.65}.muted{color:var(--muted)}.eyebrow{font-size:11px;letter-spacing:1px;color:var(--muted);text-transform:uppercase;margin-bottom:12px}.validation:empty,.validation-summary-valid,.field-validation-valid{display:none}.validation{font-size:13px;color:var(--danger);padding:13px 16px;background:#26181d;border-left:2px solid var(--danger)}.validation ul{margin:0;padding-left:18px}.field-validation-error{font-size:12px;color:var(--danger)}.input-validation-error{border-color:var(--danger)!important}.notice{padding:13px 16px;background:var(--selected);border-left:2px solid var(--accent);color:#c2e6ef;font-size:13px;margin-bottom:25px}.notice.warning{background:#211c14;border-color:var(--warning);color:#e8d2b0}
.detail-grid{display:grid;grid-template-columns:minmax(350px,1.4fr) minmax(260px,1fr);gap:52px}.detail-form{max-width:720px}.form-section{border-top:1px solid var(--line);padding:24px 0 29px}.form-section h2{margin-bottom:20px;font-size:16px}.form-footer{display:flex;align-items:center;gap:18px;flex-wrap:wrap;padding-top:6px}.context-panel{padding-left:28px;border-left:1px solid var(--line)}.context-panel section+section{margin-top:33px}.context-panel h2{font-size:15px;margin-bottom:18px}.definition-list{margin:0;display:grid;grid-template-columns:minmax(90px,.8fr) 1.2fr;gap:13px 20px;font-size:12px}.definition-list dt{color:var(--muted)}.definition-list dd{margin:0;overflow-wrap:anywhere}details.advanced{border-top:1px solid var(--line);padding:18px 0;color:var(--muted);font-size:12px}details.advanced summary{cursor:pointer;font-size:13px;list-style-position:inside}details.advanced>div,details.advanced>form{margin-top:20px}.narrow-page{max-width:740px}.connection-code{font-size:19px;letter-spacing:2px;overflow-wrap:anywhere;display:block;padding:20px;background:var(--surface);border:1px solid var(--line);border-radius:5px;margin:18px 0}
.stats-line{display:flex;gap:32px;padding:0 0 27px;margin-bottom:28px;border-bottom:1px solid var(--line);flex-wrap:wrap}.stats-line div{display:flex;align-items:baseline;gap:8px;font-size:12px;color:var(--muted)}.stats-line strong{font-size:22px;font-weight:550;color:var(--text)}.overview-grid{display:grid;grid-template-columns:1.4fr 1fr;gap:38px}.next-step{display:flex;gap:17px;padding:21px 0;border-bottom:1px solid var(--line)}.step-number{color:var(--quiet);font-size:12px;padding-top:2px}.next-step p{font-size:13px;color:var(--muted);margin:6px 0 13px}.task-list{list-style:none;padding:0;margin:0}.task-list li{padding:18px 0;border-bottom:1px solid var(--line)}.task-list a{display:flex;justify-content:space-between;gap:15px;font-size:13px}.task-list small{display:block;color:var(--muted);margin-top:5px}
.task-progress{padding:30px 0}.progress-heading{display:flex;align-items:baseline;justify-content:space-between;gap:20px;margin-bottom:14px}.progress-value{font-size:30px;font-weight:550;letter-spacing:-1px;font-variant-numeric:tabular-nums}.progress-track{height:10px;background:#2b3945;border-radius:2px;overflow:hidden}.progress-fill{height:100%;background:var(--accent);border-radius:2px;width:0}.progress-caption{display:flex;justify-content:space-between;gap:15px;margin-top:12px;font-size:12px;color:var(--muted)}.progress-mini{max-width:180px;height:4px;margin-top:7px;background:#2b3945}.progress-mini>span{display:block;height:100%;background:var(--accent)}.settings-list{border-top:1px solid var(--line)}.settings-row{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:25px 0;border-bottom:1px solid var(--line)}.settings-row p{font-size:13px;color:var(--muted);margin-top:6px}.pill{padding:5px 8px;background:var(--raised);border-radius:4px;color:var(--muted);font-size:11px}
.auth-shell{min-height:100vh;display:grid;place-items:center}.auth-content{width:100%;padding:40px 25px}.auth-panel{width:440px;max-width:100%;margin:auto}.auth-brand{display:flex;align-items:center;justify-content:center;gap:10px;margin-bottom:47px}.auth-brand img{width:98px;height:67px;object-fit:contain}.auth-brand>span{font-size:32px;font-weight:650;letter-spacing:-1px}.auth-brand small{display:block;color:var(--muted);font-size:10px;letter-spacing:5px;font-weight:500;margin-top:4px}.auth-panel input{min-height:47px!important;font-size:15px!important}.auth-panel .button{min-height:47px;margin-top:7px}.auth-footer{display:block;text-align:center;color:var(--quiet);margin-top:40px;font-size:12px}.toast{position:fixed;bottom:25px;left:50%;transform:translateX(-50%);padding:12px 20px;border:1px solid var(--line);background:var(--raised);font-size:13px;border-radius:6px;z-index:60;max-width:90vw}
.brand img,.auth-brand img{mix-blend-mode:lighten}
.auth-shell{background:var(--bg);grid-template-columns:minmax(0,1fr)}
.auth-content{min-width:0}
.auth-panel{width:440px}
.auth-brand{gap:12px;margin-bottom:42px}
.auth-brand>span{font-weight:650;letter-spacing:-1px}
.auth-brand small{display:none}
.auth-panel input{background:var(--surface);border-color:#344149;border-radius:7px}
.auth-panel .button{border-radius:7px;font-weight:650}
.auth-panel .button.primary:hover{background:#94f1f4}
.auth-panel .field>span:first-child{color:var(--muted)}
.auth-footer{color:var(--muted)}
.history-toolbar{display:flex;align-items:center;flex-wrap:wrap;gap:12px}.history-toolbar h2{margin:0 auto 0 0}.history-toolbar .field{margin:0}.history-charts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.history-charts figure{margin:0;min-width:0}.history-charts figcaption{font-weight:600;margin-bottom:8px}.history-charts svg{display:block;width:100%;height:auto;color:var(--muted);font-size:12px}.history-charts svg text{fill:currentColor}@media(max-width:600px){.history-charts{grid-template-columns:1fr}.history-toolbar h2{width:100%}}
.pc-table td{padding-top:4px;padding-bottom:4px;font-size:14px}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.skip-link{position:fixed;left:20px;top:-60px;background:var(--accent);color:var(--accent-dark);padding:10px;z-index:100}.skip-link:focus{top:10px}
@media(min-width:1600px){td{padding-top:20px;padding-bottom:20px}.workspace{padding-right:55px;padding-left:55px}}
@media(max-width:1100px){.sidebar{width:202px;padding-left:10px;padding-right:10px}.workspace{margin-left:202px;padding:30px 26px}.detail-grid{grid-template-columns:1fr;gap:32px}.context-panel{padding-left:0;border-left:0;display:grid;grid-template-columns:1fr 1fr;gap:24px}.context-panel section+section{margin-top:0}.optional-column{display:none}.overview-grid{grid-template-columns:1fr}.search-field{width:220px}.toolbar{flex-wrap:wrap}}
@media(max-width:760px){h1{font-size:24px}.mobile-header{display:flex;align-items:center;justify-content:space-between;padding:13px 20px;border-bottom:1px solid var(--line);min-height:62px}.mobile-header small{font-size:9px;color:var(--muted);letter-spacing:2px;margin-left:6px}.sidebar{display:none;top:62px;width:240px;box-shadow:20px 0 35px #0005}.sidebar.is-open{display:flex}.workspace{margin-left:0;padding:26px 20px 40px}.page-heading{align-items:flex-start;margin-bottom:26px;gap:12px}.heading-title{gap:9px}.heading-count{font-size:15px}.page-heading>.button{padding:9px 12px;min-height:40px}.form-grid{grid-template-columns:1fr}.search-form{width:100%}.search-field{width:auto;flex:1}.toolbar{gap:18px}.tabs{gap:19px}.context-panel{grid-template-columns:1fr}.pc-table th:nth-child(3),.pc-table td:nth-child(3),.pc-table th:nth-child(4),.pc-table td:nth-child(4){display:none}.pc-table th,.pc-table td{padding:14px 9px}.pc-name .icon{display:none}.pc-table .state{font-size:11px}.pc-table .button.compact{min-height:40px}.settings-row{align-items:flex-start}.empty-state{padding:50px 8px}.form-footer{align-items:flex-start;flex-direction:column}.progress-caption{flex-direction:column;gap:6px}.stats-line{gap:24px}.auth-brand>span{font-size:29px}.detail-grid{display:block}.context-panel{margin-top:34px}.nav-link{min-height:44px}}
@media(max-width:760px){.page-heading{flex-wrap:wrap}.heading-title{flex-wrap:wrap;max-width:100%}.heading-title h1{overflow-wrap:anywhere}}
@media(max-width:1000px){.pc-table th:nth-child(3),.pc-table td:nth-child(3){display:none}}
.cloud-metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin:24px 0}.cloud-metric{padding:18px;background:var(--surface,#101820);border:1px solid var(--line,#263542);border-radius:8px;min-width:0}.cloud-metric>span{display:block;color:var(--muted,#9cacbc)}.cloud-metric>strong{display:block;font-size:24px;color:#1bc5e5;margin:10px 0}.cloud-metric canvas{display:block;width:100%;height:50px}.cloud-actions{display:flex;flex-wrap:wrap;align-items:center;gap:10px}.cloud-actions form{margin:0}.cloud-create{max-width:560px}.cloud-create button{margin-top:12px}@media(max-width:1100px){.cloud-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:540px){.cloud-metrics{gap:10px}.cloud-metric{padding:12px}.cloud-metric>span{font-size:12px}.cloud-metric>strong{font-size:18px}.cloud-metric canvas{height:38px}}
.cloud-computers{margin:24px 0}.cloud-computers-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;margin-bottom:12px}.cloud-computers-heading h3{margin:0}.cloud-computers-heading input{max-width:320px;min-width:0}.cloud-pc{border-bottom:1px solid var(--line,#263542)}.cloud-pc summary{display:grid;grid-template-columns:1.2fr 1.2fr .7fr .7fr 1.6fr;gap:14px;padding:16px 0;cursor:pointer;list-style:none}.cloud-pc summary:focus-visible{outline:2px solid #1bc5e5;outline-offset:2px}.cloud-pc summary>span,.cloud-pc-details>span{display:grid;gap:6px;min-width:0;overflow-wrap:anywhere}.cloud-pc small{color:var(--muted,#9cacbc);font-size:12px}.cloud-pc-online small{color:#1bc5e5}.cloud-pc-details{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;padding:4px 0 18px}.cloud-pc[open] summary{padding-bottom:12px}.cloud-pc summary::after{content:'Подробнее';font-size:11px;color:var(--muted,#9cacbc);grid-column:1/-1}.cloud-pc[open] summary::after{content:'Свернуть'}@media(max-width:700px){.cloud-pc summary{grid-template-columns:repeat(2,minmax(0,1fr))}.cloud-pc-details{grid-template-columns:repeat(2,minmax(0,1fr))}.cloud-computers-heading input{width:100%;max-width:none}}
.cloud-pc-controls { grid-column:1/-1; display:flex; flex-wrap:wrap; gap:8px; }
.cloud-command-notice { grid-column:1/-1; margin:0; }
.activation-panel { margin-bottom: 24px; }
input.activation-code { font-family: ui-monospace, Consolas, monospace; font-size: 12px; letter-spacing: 0; }
[data-network-field][hidden],[data-network-unchanged][hidden]{display:none}
.discovery-table td{padding:12px 10px}.discovery-table td:first-child{font-size:13px;white-space:nowrap}.discovery-table .button{white-space:nowrap}@media(max-width:760px){.discovery-table th:nth-child(2),.discovery-table td:nth-child(2),.discovery-table th:nth-child(3),.discovery-table td:nth-child(3){display:none}.discovery-table th,.discovery-table td{padding:12px 9px}}
@media(max-width:760px){.setup-detail{display:flex;flex-direction:column}.setup-detail>.context-panel{order:-1;margin-top:0;margin-bottom:30px}}