/* Hostrava original interface. No CSS frameworks or paid assets required.
   Layout: restrained infrastructure aesthetic, charcoal + porcelain + warm copper. */
:root{--ink:#171e24;--ink-2:#202a31;--ink-3:#2e3941;--text:#1b252d;--muted:#86919a;--muted-dark:#60707d;--accent:#efb46e;--accent-hover:#f7c487;--light:#f5f7f7;--line:#e8eced;--white:#fff;--green:#3a9a6b;--red:#c56866;--amber:#d49a43;--radius:12px;--shadow:0 7px 36px rgba(18,38,50,.025)}
*,*::before,*::after{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,"SF Pro Display",-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;font-size:14px;color:var(--text);-webkit-font-smoothing:antialiased}button,input,textarea,select{font:inherit}button{cursor:pointer}a{text-decoration:none;color:inherit}svg{flex:none;vertical-align:middle}h1,h2,h3,h4,p{margin-top:0}::selection{background:#ebba82;color:#151c21}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:11px;border:1px solid transparent;border-radius:8px;padding:13px 19px;font-weight:690;font-size:13px;line-height:1.3;white-space:nowrap;transition:background .2s,border-color .2s,color .2s,transform .2s;min-height:44px}.btn:hover{transform:translateY(-1px)}.btn:disabled{opacity:.45;cursor:not-allowed;transform:none}.btn-small{padding:9px 13px;min-height:37px;font-size:12px}.btn-large{padding:16px 22px;min-height:52px;font-size:14px}.btn-block{width:100%}.btn-accent{color:#151e23;background:var(--accent);border-color:var(--accent)}.btn-accent:hover{background:var(--accent-hover);border-color:var(--accent-hover)}.btn-dark{background:#1d272f;color:#fff;border-color:#1d272f}.btn-dark:hover{background:#34414b}.btn-outline{background:#fff;border-color:#dce2e5;color:#24313b}.btn-outline:hover{border-color:#aebbc1}.btn-outline-light{background:transparent;color:#fff;border-color:rgba(255,255,255,.25)}.btn-outline-light:hover{background:rgba(255,255,255,.075)}.container{max-width:1240px;padding:0 30px;margin:auto}.brand{display:inline-flex;align-items:center;gap:0;color:#fff}.brand-light{color:#fff}.brand-lockup{display:inline-flex;align-items:center;gap:0;min-width:0}.brand-wordmark{display:block;height:21px;width:auto;max-width:none;flex:none}.block{display:block}.muted{color:var(--muted)!important}.mono{font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:12px}.ico{vertical-align:middle}
/* Public landing */
.public-body{background:var(--ink);color:#fff}.public-header{border-bottom:1px solid rgba(255,255,255,.075);height:82px;position:relative;z-index:10}.nav-public{height:100%;display:flex;align-items:center;justify-content:space-between;gap:24px}.site-links{display:flex;gap:38px;color:#a9b3ba;font-size:13px}.site-links a:hover,.header-login:hover{color:var(--accent)}.nav-actions{display:flex;align-items:center;gap:23px}.header-login{color:#e1e5e7;font-size:13px}.hero{overflow:hidden;background:radial-gradient(ellipse at 65% 40%,#25323a 0%,transparent 46%),#151d23}.hero-grid{display:grid;grid-template-columns:1fr 1.05fr;gap:60px;align-items:center;min-height:620px;padding-top:65px;padding-bottom:93px}.hero-copy{position:relative;z-index:2}.hero-kicker{display:flex;align-items:center;gap:10px;font-size:10px;font-weight:760;letter-spacing:2.3px;color:#d6e0e2}.live-dot,.online-mini{width:7px;height:7px;display:inline-block;border-radius:50%;background:#69c79b;box-shadow:0 0 0 4px rgba(105,199,155,.13);flex:none}.hero h1{font-size:clamp(52px,5.8vw,82px);letter-spacing:-4.5px;line-height:1.065;font-weight:790;margin:29px 0 23px}.hero h1 em,.auth-side h2 em{color:var(--accent);font-style:normal}.hero-copy>p{max-width:480px;line-height:1.9;color:#b0bbc1;font-size:15px}.hero-buttons{display:flex;gap:14px;margin-top:35px}.hero-proof{display:flex;align-items:center;flex-wrap:wrap;gap:22px;margin-top:51px;font-size:12px;color:#a8b5bd}.hero-proof span{display:flex;align-items:center;gap:6px}.hero-proof svg{color:var(--accent)}.hero-visual{position:relative;min-width:0;padding:35px 0 24px}.visual-glow{position:absolute;width:550px;height:550px;border-radius:50%;background:rgba(203,127,62,.12);filter:blur(80px);top:0;left:50px}.mock-shell{position:relative;max-width:560px;background:#1f2930;border:1px solid #43505a;border-radius:14px;box-shadow:0 30px 85px rgba(0,0,0,.36),10px 10px 0 rgba(255,255,255,.03);overflow:hidden;transform:rotate(-2.4deg)}.mock-toolbar{height:47px;border-bottom:1px solid #39454d;display:flex;align-items:center;justify-content:space-between;padding:0 19px;gap:8px;font-family:ui-monospace,monospace;letter-spacing:1.3px;color:#9cabb4;font-size:9px}.mock-dots{display:flex;gap:5px}.mock-dots i{width:7px;height:7px;background:#9b6764;border-radius:50%}.mock-dots i:nth-child(2){background:#d2a65d}.mock-dots i:nth-child(3){background:#6ca68f}.mock-state{color:#82c19d}.mock-state i,.mock-running i{width:6px;height:6px;border-radius:50%;background:#6ec79c;display:inline-block;margin-right:4px}.mock-body{padding:31px}.mock-top,.chart-legend{display:flex;justify-content:space-between;font:10px ui-monospace,monospace;color:#8d9da6;letter-spacing:1px}.mock-host{display:flex;align-items:center;gap:15px;padding:26px 0 29px;border-bottom:1px solid #38444c}.mock-server-icon{display:grid;place-items:center;color:var(--accent);background:#364044;width:56px;height:56px;border-radius:9px}.mock-host strong{display:block;font-size:19px;letter-spacing:-.5px}.mock-host small{display:block;color:#96a8b2;margin-top:7px;font-size:11px}.mock-running{color:#9bdbb8;font:10px ui-monospace,monospace;margin-left:auto;background:#284438;border:1px solid #366548;border-radius:50px;padding:8px 11px}.mock-resources{display:grid;grid-template-columns:1fr 1fr;gap:16px;padding-top:25px}.mock-resources>div{padding:17px 19px;background:#27343b;border:1px solid #34444d;border-radius:8px}.mock-resources small{display:block;font-size:9px;letter-spacing:1px;color:#9baab2}.mock-resources b{display:block;font-size:31px;margin:7px 0 16px;letter-spacing:-1px}.mock-resources b span{font-size:15px;color:#8ca1ad}.progress{height:4px;background:#435059;border-radius:5px;overflow:hidden}.progress span{height:100%;background:var(--accent);display:block}.mock-resources>div:nth-child(2) .progress span{background:#89bdaa}.mock-chart{margin-top:26px}.chart-legend span{color:#667e8c}.mock-chart svg{width:100%;height:130px;margin-top:10px}.mock-ticks{display:flex;justify-content:space-between;font:10px ui-monospace,monospace;color:#69808c}.floating-chip{position:absolute;bottom:0;left:-38px;background:var(--accent);color:#1e2528;border-radius:5px;padding:14px 18px;display:flex;align-items:center;gap:10px;font:10px ui-monospace,monospace;letter-spacing:1px;transform:rotate(2deg);box-shadow:0 14px 33px rgba(0,0,0,.2)}.strip{border-top:1px solid rgba(255,255,255,.08);border-bottom:1px solid rgba(255,255,255,.08);background:#1c262e}.strip-items{display:flex;align-items:center;justify-content:space-between;gap:10px;min-height:87px;font-size:10px;letter-spacing:1px;color:#aab7bf;font-weight:600}.strip-items>span{display:flex;align-items:center;gap:9px}.strip-items b{color:var(--accent)}.strip-sep{height:22px;width:1px;background:#3d474e}.section{padding:112px 0}.section-label,.eyebrow{font-size:10px;letter-spacing:2.1px;font-weight:800;color:#bb8152}.section-heading{display:flex;justify-content:space-between;align-items:end;gap:35px;margin:19px 0 46px}.section-heading h2{font-size:clamp(35px,4vw,53px);letter-spacing:-2.25px;line-height:1.15;margin:0}.section-heading h2 span{color:#88939a}.section-heading>p{max-width:355px;line-height:1.8;color:#71818b;margin:0}.light-section{background:#f4f6f5;color:var(--text)}.benefit-grid{display:grid;grid-template-columns:1.25fr 1fr 1fr;gap:18px}.benefit{background:#fff;min-height:310px;padding:28px 28px 36px;position:relative;border:1px solid #e8eceb;border-radius:10px}.benefit-no{font-family:ui-monospace,monospace;color:#a7afb3;font-size:10px;letter-spacing:.8px}.feature-icon{display:grid;place-items:center;width:58px;height:58px;background:#f8f2eb;border-radius:11px;color:#ba8659;margin:36px 0 25px}.benefit h3{font-size:23px;letter-spacing:-.7px;margin-bottom:12px}.benefit p{color:#6e7c84;line-height:1.78;max-width:305px;margin:0}.benefit-corner{position:absolute;right:25px;bottom:25px;color:#b0b7ba;font-size:23px}.big-benefit{background:#243039;color:white;border-color:#243039}.big-benefit .feature-icon{background:#394148;color:var(--accent)}.big-benefit p{color:#acb6bb}.plans-section{background:#fff;color:var(--text)}.plan-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.plan-card{padding:27px 24px 24px;border:1px solid #e2e7e8;border-radius:10px;display:flex;flex-direction:column;min-width:0;background:#fff;position:relative;transition:border-color .2s,box-shadow .2s}.plan-card:hover{border-color:#c7a982;box-shadow:0 14px 39px rgba(18,35,47,.06)}.plan-featured{border-color:#e6b477;background:#fffdfa}.plan-featured:before{content:"";height:3px;background:var(--accent);position:absolute;top:-1px;left:23px;right:23px;border-radius:0 0 4px 4px}.plan-top{display:flex;justify-content:space-between;align-items:center;min-height:21px;gap:8px}.plan-category{letter-spacing:1px;font-size:10px;font-weight:800;color:#b48e65}.popular{background:#f4e7d5;border-radius:5px;color:#96693c;font-size:8px;font-weight:800;letter-spacing:.7px;padding:6px}.plan-card h3{font-size:23px;letter-spacing:-.75px;margin:25px 0 8px}.plan-sub{font-size:12px;color:#819098;line-height:1.5;margin-bottom:28px}.plan-price{display:flex;align-items:end;gap:6px;white-space:nowrap}.plan-price strong{font-size:30px;letter-spacing:-1.3px}.plan-price span{color:#8b969d;font-size:11px;padding-bottom:5px}.plan-rule{height:1px;background:#e8eded;margin:27px 0 23px}.plan-specs{display:grid;gap:15px;margin-bottom:33px}.plan-specs>div{display:flex;gap:12px;align-items:center;font-size:12px;font-weight:550;color:#56656d}.plan-specs svg{color:#9dabb0}.plan-card>.btn{margin-top:auto}.plans-soon{display:flex;flex-direction:column;align-items:center;text-align:center;gap:14px;padding:62px 25px;border:1px dashed #d4dedd;background:#fafbfa;border-radius:10px}.plans-soon h3{font-size:26px;margin:0}.plans-soon p{max-width:500px;color:#758189;line-height:1.7}.plans-soon-ico{color:#b18a61}.how-section{background:#f4f6f5;color:#1f2b32}.steps-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:25px}.step{border-top:1px solid #cfd9db;padding-top:24px}.step>span{font:30px ui-monospace,monospace;color:#bfa07b}.step h3{font-size:21px;margin-top:48px;letter-spacing:-.65px}.step p{line-height:1.8;color:#788790;max-width:300px}.cta-section{background:#f4f6f5;padding:0 0 110px}.cta-band{background:var(--accent);color:#212b30;border-radius:12px;position:relative;overflow:hidden;padding:60px 68px;display:flex;align-items:center;justify-content:space-between;gap:30px}.cta-band h2{font-size:41px;letter-spacing:-1.8px;line-height:1.15;margin:16px 0 0}.cta-band .section-label{color:#725434}.cta-band>.btn{z-index:2}.cta-deco{position:absolute;right:18%;top:-76px;font-size:330px;font-weight:850;letter-spacing:-40px;opacity:.07;pointer-events:none}.public-footer{background:#151e24;border-top:1px solid #303941}.footer-grid{min-height:144px;display:flex;align-items:center;justify-content:space-between;gap:30px}.footer-grid>span{color:#8a9aa3;font-size:12px}
/* Public auth */
.auth-wrap{max-width:1020px;margin:80px auto 115px;min-height:580px;display:grid;grid-template-columns:1fr 1fr;background:#fff;border-radius:13px;overflow:hidden;color:var(--text);box-shadow:0 35px 85px rgba(0,0,0,.25)}.auth-side{background:#26323a;color:#fff;position:relative;overflow:hidden;padding:65px 52px}.auth-side-content{position:relative;z-index:1}.auth-side .section-label{color:#e5b47c}.auth-side h2{font-size:51px;line-height:1.12;letter-spacing:-2.6px;margin-top:40px}.auth-side p{font-size:15px;color:#a3b2ba;line-height:1.8}.auth-small{display:flex;gap:9px;align-items:center;color:#93a5ad;font:11px ui-monospace,monospace;margin-top:92px}.auth-big-letter{position:absolute;bottom:-107px;right:-70px;font-size:390px;color:rgba(255,255,255,.035);font-weight:850;letter-spacing:-55px}.auth-card{padding:38px 50px 52px;display:flex;flex-direction:column;justify-content:center}.back-home{font-size:12px;color:#89969d;align-self:flex-end;margin-bottom:56px}.auth-eyebrow{font-size:10px;letter-spacing:1.9px;color:#c48e54;font-weight:790}.auth-card h1{font-size:34px;letter-spacing:-1.2px;margin:18px 0 9px}.auth-card>p{color:#8a979f;margin-bottom:37px;line-height:1.6}.stack-form{display:flex;flex-direction:column;gap:19px}.stack-form label{font-size:12px;font-weight:680;color:#414f58;display:flex;flex-direction:column;gap:9px}.stack-form label small{color:#a0a9af;font-size:11px;font-weight:450;line-height:1.6}.stack-form input:not([type=checkbox]),.stack-form textarea,.stack-form select,.search-field{width:100%;border:1px solid #dfe6e7;background:#fff;border-radius:8px;padding:13px 14px;color:#1c2931;outline:none;transition:border-color .2s,box-shadow .2s;min-height:46px}.stack-form input:focus,.stack-form textarea:focus,.stack-form select:focus,.search-field:focus{border-color:#c8a078;box-shadow:0 0 0 3px rgba(239,180,110,.15)}.stack-form input::placeholder,.stack-form textarea::placeholder{color:#aab4ba}.stack-form textarea{resize:vertical;line-height:1.6}.stack-form .checkbox-row{display:flex;flex-direction:row;gap:10px;align-items:center;font-weight:540}.auth-switch{margin-top:28px;color:#87949a;text-align:center;font-size:12px}.auth-switch a{color:#ae7a46;font-weight:750}
/* Dashboard shell */
.app-body{background:#f5f7f8;color:var(--text)}.app-shell{min-height:100vh;display:flex}.sidebar{width:256px;background:#1d272e;color:#bac5c9;flex:none;position:sticky;top:0;height:100vh;display:flex;flex-direction:column;padding:30px 17px 20px;overflow-y:auto;scrollbar-width:thin}.sidebar .brand{margin:0 14px 37px}.sidebar .brand-wordmark{height:21px}.sidebar .workspace-label{font-size:9px;letter-spacing:1.4px;color:#7f929b;padding:0 15px 26px;display:flex;align-items:center;gap:10px}.workspace-tag{color:#cfa87b;border:1px solid #605743;padding:3px 7px;border-radius:3px;letter-spacing:.8px;font-size:8px}.nav-group{display:flex;flex-direction:column;gap:5px;margin-bottom:31px}.nav-caption{padding:0 14px;margin-bottom:12px;color:#70818a;font-size:9px;letter-spacing:1.2px;font-weight:800}.nav-item{border:0;width:100%;background:none;text-align:left;color:#a7b6bf;min-height:41px;padding:11px 13px;border-radius:7px;display:flex;align-items:center;gap:12px;font-size:12px;font-weight:570}.nav-item svg{color:#81939f}.nav-item:hover{background:#293840;color:#fff}.nav-item.active{background:#374148;color:#fff}.nav-item.active svg{color:var(--accent)}.sidebar-bottom{margin-top:auto}.sidebar-support{border:1px solid #36434b;background:#253139;padding:17px 15px;border-radius:9px;display:flex;flex-direction:column;gap:10px;margin-bottom:17px}.sidebar-support .support-symbol{color:var(--accent)}.sidebar-support b{color:#edf1f3;font-size:12px}.sidebar-support small{color:#879aa5;line-height:1.6}.nav-item.logout{font-size:12px;padding:12px 14px}.app-main{flex:1;min-width:0;display:flex;flex-direction:column}.topbar{height:76px;background:#fff;border-bottom:1px solid #e8eeef;display:flex;align-items:center;justify-content:space-between;padding:0 38px}.topbar-left,.topbar-right{display:flex;align-items:center;gap:13px}.topbar-left{font-size:12px}.topbar-left .crumb{color:#a3aeb4}.crumb-arrow{color:#b7c1c7}.topbar-left b{font-weight:700}.topbar-right{gap:15px}.balance-chip{border:1px solid #e6e8e9;border-radius:7px;color:#34434b;padding:9px 13px;font-size:12px;font-weight:760;display:flex;gap:9px;align-items:center;margin-right:8px}.balance-chip svg{color:#a9845e}.user-avatar{width:33px;height:33px;display:grid;place-items:center;background:#29373d;color:#f3c18e;border-radius:8px;font-size:13px;font-weight:760}.topbar-user{display:flex;flex-direction:column;gap:4px}.topbar-user b{font-size:12px}.topbar-user small{font-size:10px;color:#9ba7ac}.main-content{max-width:1680px;width:100%;padding:37px 39px 65px;margin:0 auto;flex:1}.app-footer{padding:20px 39px;border-top:1px solid #e7eced;display:flex;justify-content:space-between;gap:20px;color:#9da9ae;font-size:10px}.mobile-toggle{display:none;border:0;background:none}.flash{max-width:1240px;margin:0 auto 24px;background:#eef9f2;border:1px solid #cce7d8;color:#326c4e;display:flex;align-items:center;gap:12px;padding:13px 16px;border-radius:8px;font-size:12px}.flash.flash-error{background:#fff2f0;border-color:#f2d6d1;color:#a45151}.flash button{background:none;border:0;color:inherit;font-size:21px;margin-left:auto}.page-heading{display:flex;justify-content:space-between;align-items:center;gap:25px;margin-bottom:30px}.page-heading h1{font-size:29px;letter-spacing:-1.1px;font-weight:790;margin:11px 0 6px}.page-heading p{color:#81909a;font-size:12px;line-height:1.8;margin:0}.page-heading>.btn{align-self:end}.eyebrow{font-size:9px;color:#b28b5e;letter-spacing:1.5px}.metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:17px;margin-bottom:23px}.metrics-four{grid-template-columns:repeat(4,1fr)}.metric-card{background:#fff;border:1px solid #e8eeef;padding:24px 26px;border-radius:10px;min-height:165px;overflow:hidden;position:relative;box-shadow:var(--shadow)}.metric-balance{background:#26333b;color:#fff;border-color:#26333b}.metric-label{display:flex;justify-content:space-between;align-items:center;font-size:10px;letter-spacing:1.2px;font-weight:750;color:#8999a4}.metric-label svg{color:#9caeb6}.metric-balance .metric-label,.metric-balance .metric-label svg{color:#b0bfc4}.metric-card>strong{display:block;font-size:34px;letter-spacing:-1.4px;margin:18px 0 9px}.metric-foot{font-size:11px;color:#93a1aa;display:flex;gap:9px;align-items:center}.metric-add{font-size:11px;color:var(--accent);display:flex;align-items:center;gap:7px;font-weight:750}.metric-orbit{position:absolute;width:200px;height:200px;border:1px solid #47545b;border-radius:50%;right:-100px;bottom:-114px}.metric-orbit:before{content:"";display:block;border:1px solid #3b4951;border-radius:50%;width:150px;height:150px;position:relative;top:24px;left:24px}.dashboard-grid{display:grid;grid-template-columns:minmax(0,1.8fr) minmax(280px,1fr);gap:19px;margin-bottom:20px}.panel{background:#fff;border:1px solid #e6eced;border-radius:10px;margin-bottom:20px;box-shadow:var(--shadow);min-width:0}.dashboard-grid .panel{margin-bottom:0}.panel-head{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:23px 25px;border-bottom:1px solid #edf0f1}.panel-head h2{font-size:15px;letter-spacing:-.25px;margin:0;font-weight:760}.panel-head p{font-size:11px;color:#9aa6ac;margin:6px 0 0}.text-link,.table-link{display:inline-flex;align-items:center;gap:6px;color:#a77b4f;font-size:11px;font-weight:740;white-space:nowrap}.table-link{color:#5e6e78}.text-link:hover,.table-link:hover{color:#bd8950}.table-scroll{overflow-x:auto}.data-table{width:100%;border-collapse:collapse;text-align:left;white-space:nowrap}.data-table th{font-size:10px;text-transform:uppercase;letter-spacing:.55px;color:#a3b0b6;background:#fbfcfc;font-weight:740;padding:16px 24px;border-bottom:1px solid #eaf0f1}.data-table td{border-bottom:1px solid #f0f3f3;padding:16px 24px;font-size:11px;color:#5d6a73}.data-table tbody tr:last-child td{border-bottom:0}.data-table tbody tr:hover{background:#fcfdfd}.data-table td strong{color:#293741;font-size:12px;font-weight:710}.server-name{display:flex;align-items:center;gap:11px}.server-name strong{display:block}.server-name small{display:block;color:#9aa6ad;font-size:10px;margin-top:5px}.mini-server-icon{width:33px;height:33px;display:grid;place-items:center;background:#edf2f1;border-radius:8px;color:#50636f}.pill{display:inline-flex;align-items:center;gap:7px;border-radius:30px;padding:7px 10px;font-size:10px;font-weight:720;white-space:nowrap}.pill i{width:6px;height:6px;border-radius:50%;background:currentColor}.pill.ok{background:#e8f7ef;color:#3c9b69}.pill.wait{background:#fff4e6;color:#b78c4a}.pill.bad{background:#fff0ee;color:#b9635b}.pill.neutral{background:#edf1f2;color:#839198}.muted-cell{text-align:center;color:#9ba8b0!important;padding:30px!important}.amount{font-weight:770!important;color:#27333a!important}.amount.positive{color:#3b9d6d!important}.amount.negative{color:#c37872!important}.quick-actions{padding:7px 18px}.quick-actions>a{padding:18px 6px;display:flex;align-items:center;gap:14px;border-bottom:1px solid #edf1f1}.quick-actions>a:last-child{border-bottom:0}.quick-icon{background:#f4f6f5;color:#677781;width:37px;height:37px;border-radius:8px;display:grid;place-items:center}.quick-actions a>div{display:flex;flex-direction:column;gap:5px;flex:1}.quick-actions a strong,.quick-actions a b{font-size:12px;font-weight:740}.quick-actions a small{font-size:10px;color:#9eaaaf}.quick-actions a>svg:last-child{color:#b1bcc1}.empty-state{padding:65px 25px;text-align:center;display:flex;flex-direction:column;align-items:center}.empty-icon{color:#bb9069;background:#f8f2eb;width:68px;height:68px;border-radius:15px;display:grid;place-items:center}.empty-state h3{margin:24px 0 6px;font-size:18px}.empty-state p{max-width:320px;color:#8c9ba2;line-height:1.7}.empty-state .btn{margin-top:11px}
/* Functional pages */
.catalog-note{background:#faf7f1;border:1px solid #efe2d0;padding:14px 17px;border-radius:8px;color:#967954;display:flex;align-items:flex-start;gap:11px;line-height:1.65;font-size:11px;margin-bottom:22px}.catalog-note svg{flex:none}.catalog-grid{margin-bottom:35px}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:17px}.form-grid.three{grid-template-columns:repeat(3,minmax(0,1fr))}.order-layout{display:grid;grid-template-columns:minmax(0,1.8fr) minmax(280px,1fr);gap:20px;align-items:start}.order-form .stack-form{padding:27px}.form-info{display:flex;gap:12px;align-items:flex-start;background:#f6f8f8;border:1px solid #edf1f2;border-radius:7px;padding:15px;color:#7b8b92;font-size:11px;line-height:1.65}.form-info svg{color:#b68c60}.order-summary{padding:25px}.order-summary h2{font-size:25px;margin:16px 0 23px}.order-spec-list{border-top:1px solid #edf0f1;border-bottom:1px solid #edf0f1;padding:5px 0}.info-row{display:flex;justify-content:space-between;gap:20px;padding:14px 0;font-size:11px;border-bottom:1px solid #f0f2f3;align-items:center}.info-row:last-child{border-bottom:0}.info-row span{color:#94a1a8}.info-row b{font-weight:700;color:#394954;text-align:right;overflow-wrap:anywhere}.order-total{display:flex;justify-content:space-between;align-items:center;padding:24px 0 13px}.order-total span{color:#7a8a95}.order-total strong{font-size:25px;letter-spacing:-1px}.order-balance{font-size:11px;color:#92a0a7;margin-bottom:24px}.order-balance b{color:#50606a}.backline{display:flex;gap:13px;color:#9ea9af;font-size:11px;margin:0 0 23px}.backline a{color:#697d89}.backline a:hover{color:#b4814d}.server-heading{display:flex;align-items:center;justify-content:space-between;gap:25px;margin-bottom:28px}.server-heading h1{font-size:30px;letter-spacing:-1px;margin:11px 0}.server-sub{display:flex;gap:13px;align-items:center;color:#95a3aa;font-size:12px}.server-layout{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(280px,1fr);gap:20px}.power-actions{display:grid;grid-template-columns:repeat(3,1fr);gap:13px;padding:25px 25px 12px}.power-button{display:flex;align-items:center;flex-direction:column;justify-content:center;gap:12px;width:100%;padding:23px 12px;background:#f7f9f8;border:1px solid #e6ebec;border-radius:8px;color:#55666f;font-size:11px;font-weight:750}.power-button:hover:not(:disabled){background:#fdf6ef;border-color:#e5c4a3;color:#a77a49}.power-button:disabled{opacity:.45;cursor:not-allowed}.hint{margin:8px 25px 25px;display:flex;align-items:center;gap:7px;color:#a2abb0;font-size:10px}.info-pairs{padding:13px 25px 20px}.console-link{margin:4px 25px 25px;border:1px solid #dfe7e8;border-radius:8px;padding:13px;display:flex;align-items:center;gap:13px}.console-icon{width:39px;height:39px;border-radius:7px;display:grid;place-items:center;background:#f3f5f5;color:#677b87}.console-link>div{display:flex;flex-direction:column;gap:6px;flex:1}.console-link b{font-size:12px}.console-link small{font-size:10px;color:#99a7ae}.resource-list{padding:11px 25px}.resource-list>div{display:flex;align-items:center;gap:13px;padding:18px 0;border-bottom:1px solid #eef2f3}.resource-list>div:last-child{border-bottom:0}.resource-list>div>span{color:#a7825c}.resource-list label{flex:1;font-size:11px;color:#93a0a8}.resource-list b{font-size:12px;color:#34444d}.renew-panel{padding-bottom:25px}.renew-panel .renew-date{font-size:25px;font-weight:800;letter-spacing:-.6px;padding:24px 25px 0}.renew-panel p{font-size:11px;line-height:1.75;color:#97a3aa;padding:0 25px}.renew-panel form{margin:20px 25px 0}.vnc-panel{overflow:hidden}.vnc-toolbar{height:58px;background:#202d34;color:#d8e2e7;padding:0 23px;display:flex;align-items:center;gap:25px;font:10px ui-monospace,monospace;letter-spacing:.6px}.vnc-toolbar>span:first-child{margin-right:auto;display:flex;align-items:center;gap:11px}.vnc-screen{width:100%;height:min(61vh,670px);min-height:360px;background:#121a1f;overflow:hidden;display:flex;align-items:center;justify-content:center}.vnc-screen canvas{max-width:100%;max-height:100%}.vnc-placeholder{text-align:center;color:#9caeb5;padding:40px}.vnc-placeholder>svg{color:var(--accent)}.vnc-placeholder h3{color:#f0f3f5;margin:23px 0 11px;font-size:19px}.vnc-placeholder p{font-size:12px;line-height:1.8}.vnc-status{padding:13px 22px;font:11px ui-monospace,monospace;background:#263139;color:#a9bac4}.billing-grid{display:grid;grid-template-columns:1.1fr 1fr;gap:19px;margin-bottom:0}.wallet-large{background:#27353d;color:white;border-radius:10px;min-height:320px;margin-bottom:20px;padding:36px;position:relative;overflow:hidden;display:flex;flex-direction:column}.wallet-large>span{color:#a2b4bd;letter-spacing:1.8px;font-size:10px;font-weight:800}.wallet-large>strong{font-size:51px;letter-spacing:-2px;margin:47px 0 23px}.wallet-large>div:not(.wallet-decoration){display:flex;align-items:center;gap:12px;color:#b2c0c7;font-size:11px}.wallet-decoration{position:absolute;right:30px;bottom:-135px;font-size:350px;color:rgba(255,255,255,.035);font-weight:900}.billing-grid>.panel .stack-form{padding:24px}.preset-amounts{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.preset-amounts button{padding:10px 4px;border-radius:7px;background:#f6f8f8;border:1px solid #e5ecee;font-size:11px;color:#54636d}.preset-amounts button.selected,.preset-amounts button:hover{border-color:#d7b58d;background:#fff8f0}.support-layout{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(310px,.8fr);gap:20px}.support-layout .stack-form{padding:25px}.thread-panel .stack-form{border-top:1px solid #edf1f2;padding:24px}.message-thread{padding:25px;display:flex;flex-direction:column;gap:16px}.message{background:#f7f9f9;border:1px solid #eaf0f0;border-radius:8px;padding:18px 20px;max-width:83%;align-self:flex-start}.staff-message{align-self:flex-end;background:#fdf7ed;border-color:#f1dfc7}.message-meta{display:flex;gap:11px;align-items:center;flex-wrap:wrap;font-size:11px}.message-meta b{color:#34424a}.message-meta span,.message-meta time{color:#a0aeb4}.message-meta time{margin-left:auto;font-size:10px}.message-text{font-size:12px;line-height:1.9;margin-top:13px;color:#5c6870;overflow-wrap:anywhere}
/* Admin controls */
.admin-two{display:grid;grid-template-columns:1fr 1fr;gap:20px}.admin-two .panel .stack-form{padding:25px}.admin-two .panel>.info-pairs{padding-bottom:0}.admin-two .panel>.info-pairs+.stack-form{border-top:1px solid #edf1f2}.user-balance-number{font-size:33px;font-weight:780;letter-spacing:-1px;padding:23px 25px;background:#fbfcfc;border-bottom:1px solid #eff2f3}.avatar-table{width:33px;height:33px}.search-field{max-width:275px;font-size:11px;padding:10px 13px;min-height:37px}.toggle-row{display:flex;gap:30px;padding:5px 0 10px}.toggle-row .checkbox-row{flex-direction:row}.panel#editPlan>.stack-form{padding:24px}.panel#editPlan{scroll-margin-top:30px}.error-cell{max-width:230px;overflow:hidden;text-overflow:ellipsis}.settings-explain{padding:27px}.settings-explain .feature-icon{margin:0 0 25px}.settings-explain h3{font-size:21px}.settings-explain p{color:#84929a;font-size:12px;line-height:1.85}.formula{border:1px solid #e3e9ea;background:#f5f8f8;padding:20px 17px;font-family:ui-monospace,monospace;font-size:11px;border-radius:8px;margin:24px 0;color:#6f7e87}.integration-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.integration-card{padding:26px}.integration-top{display:flex;align-items:center;gap:14px}.integration-top>div:nth-child(2){flex:1}.integration-top h2{margin:0 0 7px;font-size:20px}.integration-top .muted{font-size:10px}.integration-logo{width:53px;height:53px;border-radius:11px;display:grid;place-items:center;background:#26353c;color:#f6bd76;font-size:27px;font-weight:850}.platega-logo{background:#ecf2f7;color:#6081b7}.ovh-logo{background:#eef3fe;color:#2f68b3}.vnc-logo{background:#f6eee3;color:#ae8054}.integration-card>p{color:#7e8e97;line-height:1.8;font-size:12px;min-height:58px;margin:24px 0 4px}.integration-card>.info-pairs{padding-left:0;padding-right:0}.integration-card>.catalog-note{margin:14px 0 0}.inline-forms{display:flex;gap:12px;flex-wrap:wrap;margin-top:18px}.nodes-list{padding:10px 25px}.node-item{display:flex;align-items:center;gap:14px;padding:17px 0;border-bottom:1px solid #edf0f1}.node-item>div{flex:1;display:flex;flex-direction:column;gap:6px}.node-item>div>b{font-size:12px}.node-item small{color:#84939b}.node-item .muted{font-size:10px}.notfound{min-height:70vh;display:flex;align-items:center;justify-content:center;flex-direction:column;text-align:center;padding:70px 25px}.error-code{font-size:92px;font-weight:850;color:var(--accent);line-height:1}.notfound h1{margin:27px 0 10px;font-size:33px;letter-spacing:-1px}.notfound p{color:#98a8b2;margin-bottom:25px}
/* Responsive */
@media(max-width:1250px){.hero-grid{gap:20px}.mock-body{padding:23px}.main-content{padding:33px 25px 55px}.sidebar{width:235px}.topbar{padding:0 25px}.plan-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.metrics-four{grid-template-columns:repeat(2,1fr)}.benefit-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:990px){.hero-grid{grid-template-columns:1fr;gap:15px;padding-top:75px}.hero-copy{max-width:700px}.hero-visual{max-width:650px;margin:auto;width:100%}.site-links{gap:18px}.benefit-grid{grid-template-columns:1fr 1fr}.big-benefit{grid-column:span 2}.strip-items{flex-wrap:wrap;justify-content:center;padding:20px 25px}.strip-sep{display:none}.dashboard-grid,.order-layout,.server-layout,.support-layout{grid-template-columns:1fr}.billing-grid{grid-template-columns:1fr 1fr}.admin-two,.integration-grid{grid-template-columns:1fr}.metrics{grid-template-columns:repeat(3,1fr)}.metric-card{padding:22px 18px}.metric-card>strong{font-size:29px}}
@media(max-width:740px){.container{padding:0 21px}.public-header{height:69px}.brand{font-size:21px}.site-links{display:none}.nav-actions{gap:11px}.header-login{display:none}.hero-grid{padding-top:48px;padding-bottom:65px}.hero h1{font-size:57px;letter-spacing:-3.2px}.hero-copy>p{font-size:14px}.hero-proof{margin-top:35px;gap:15px}.hero-buttons{flex-wrap:wrap}.mock-shell{transform:none}.floating-chip{left:-12px;bottom:2px;font-size:9px}.hero-visual{padding:22px 0}.section{padding:75px 0}.section-heading{display:block}.section-heading>p{margin-top:18px}.section-heading h2{font-size:38px}.benefit-grid{grid-template-columns:1fr}.big-benefit{grid-column:auto}.benefit{min-height:265px}.plan-grid{grid-template-columns:1fr}.plan-card{min-height:425px}.steps-grid{grid-template-columns:1fr;gap:32px}.step h3{margin-top:22px}.cta-section{padding-bottom:65px}.cta-band{padding:36px 30px;display:block}.cta-band h2{font-size:32px;margin-bottom:28px}.cta-deco{font-size:220px;right:15px;top:70px}.footer-grid{min-height:150px;align-items:flex-start;justify-content:center;flex-direction:column;gap:12px;padding-top:23px;padding-bottom:24px}.auth-wrap{display:block;margin:30px 15px 65px;min-height:auto}.auth-side{display:none}.auth-card{padding:34px 27px}.back-home{margin-bottom:34px}.sidebar{transform:translateX(-100%);position:fixed;left:0;z-index:40;transition:transform .24s;height:100dvh}.sidebar-open .sidebar{transform:translateX(0)}.sidebar-open:after{content:"";position:fixed;inset:0;background:rgba(8,15,19,.5);z-index:35}.mobile-toggle{display:block;cursor:pointer}.topbar{height:66px;padding:0 17px}.topbar-left{gap:8px}.topbar-user{display:none}.balance-chip{font-size:11px;margin:0}.topbar-right{gap:10px}.main-content{padding:26px 16px 48px}.page-heading{align-items:flex-start;flex-direction:column;gap:14px}.page-heading h1{font-size:26px}.metrics,.metrics-four{grid-template-columns:1fr;gap:12px}.metric-card{min-height:140px}.dashboard-grid{gap:0}.panel-head{padding:19px 17px;flex-wrap:wrap}.data-table th,.data-table td{padding:14px 17px}.form-grid,.form-grid.three{grid-template-columns:1fr}.order-form .stack-form{padding:20px}.order-summary{padding:20px}.server-heading{display:block}.server-heading>form{margin-top:16px}.server-heading h1{overflow-wrap:anywhere;font-size:26px}.power-actions{padding:18px;gap:8px}.power-button{padding:18px 5px}.hint{margin:8px 18px 18px}.console-link{margin:0 17px 18px;flex-wrap:wrap}.console-link>div{min-width:130px}.resource-list{padding:10px 17px}.info-pairs{padding:10px 17px}.billing-grid{grid-template-columns:1fr}.wallet-large{min-height:235px;padding:28px}.wallet-large>strong{margin-top:32px;font-size:40px}.app-footer{padding:20px 17px;display:block}.app-footer span+span{display:none}.search-field{max-width:100%}.integration-card{padding:20px}.integration-top{flex-wrap:wrap}.integration-top .pill{margin-left:auto}.vnc-toolbar{padding:0 12px;gap:8px}.vnc-toolbar>span:nth-child(2){display:none}.vnc-screen{min-height:310px}.message{max-width:100%}}
@media(max-width:420px){.mock-host{gap:9px}.mock-running{font-size:8px;padding:6px}.mock-resources>div{padding:12px}.mock-resources b{font-size:24px}.hero h1{font-size:47px}.hero-buttons{display:grid}.nav-actions .btn{font-size:10px;padding:9px}.brand{font-size:20px}.strip-items{display:none}.strip{height:5px}.preset-amounts{grid-template-columns:repeat(2,1fr)}.power-button{font-size:10px}.power-button svg{width:18px}}
.payment-cell{display:flex;align-items:center;gap:13px}.payment-verify{background:transparent;border:0;padding:0;text-decoration:underline;cursor:pointer}

.integration-secret-form{padding:25px}.integration-secret-form .form-info{max-width:720px}

.server-advanced{display:grid;grid-template-columns:1fr 1fr;gap:20px}.advanced-grid{display:grid;grid-template-columns:1fr 1fr}.advanced-grid>.stack-form{padding:24px;border-right:1px solid #edf1f2;align-content:start}.advanced-grid>.stack-form:last-child{border-right:0}.advanced-grid h3{font-size:13px;margin:0}.advanced-grid p{font-size:11px;line-height:1.6;color:#8c9aa3;min-height:35px;margin:0}.reinstall-form{padding:25px}.snapshot-list{border-top:1px solid #e9eff0;padding:20px 25px}.snapshot-list h3{font-size:12px}.snapshot-list>div{display:flex;justify-content:space-between;padding:10px 0;font-size:11px;color:#71818c}.snapshot-list>div svg{margin-right:6px}@media(max-width:1200px){.server-advanced{grid-template-columns:1fr}}@media(max-width:600px){.advanced-grid{grid-template-columns:1fr}.advanced-grid>.stack-form{border-right:0;border-bottom:1px solid #edf1f2}}


/* Hostrava 1.1 · location categories, partner dashboard and aligned brand */
.nav-actions .btn svg{flex:none}
.location-filters{display:flex;justify-content:center;align-items:center;gap:10px;flex-wrap:wrap;margin:0 auto 32px;padding:4px 0 3px}
.location-pill{display:inline-flex;align-items:center;gap:9px;justify-content:center;min-height:44px;padding:11px 19px;border-radius:8px;border:1px solid #e0e5e8;background:#fff;color:#586974;font-size:12px;font-weight:650;transition:.18s ease;white-space:nowrap}
.location-pill .ico{color:#9aaab3}.location-pill:hover{border-color:#cba47e;background:#fcfaf6;color:#263039}.location-pill.is-active{border-color:#c18e59;background:#27333b;color:#fff;box-shadow:0 4px 13px rgba(29,40,45,.1)}.location-pill.is-active .ico{color:#f0b46a}
.plans-section .location-filters{margin-top:-13px;margin-bottom:34px}
.catalog-grid+.location-filters{margin-top:0}
.plan-specs .ico{opacity:.8}
.plan-card .plan-specs>div:last-child{color:#253740}
.order-location{display:flex;align-items:center;justify-content:space-between;gap:15px;border:1px solid #e4eaec;border-radius:9px;padding:16px 17px;background:#f8faf9}
.order-location>div{display:flex;flex-direction:column;gap:5px}.order-location span,.order-location small{color:#8d9aa1;font-size:11px}.order-location strong{font-size:15px;color:#1e2a31}.order-location>a{display:inline-flex;align-items:center;gap:4px;color:#9c6c3d;font-size:11px;font-weight:700}
.subsection-heading{font-size:17px;font-weight:750;letter-spacing:-.35px;margin:30px 0 16px;color:#263039}
.referral-link-panel{padding-bottom:20px}.referral-link-panel .panel-head{align-items:start}.referral-link-panel .panel-head p{max-width:730px}
.ref-code{font-family:ui-monospace,Consolas,monospace;color:#8a949b;font-size:12px;white-space:nowrap}
.ref-copy-row{display:flex;gap:10px;margin:1px 24px 8px}.ref-copy-row input{flex:1;min-width:0;border:1px solid #dce3e5;background:#f6f8f8;border-radius:7px;padding:13px;color:#24323a;font-family:ui-monospace,Consolas,monospace;font-size:12px;outline:none}.ref-copy-row input:focus{border-color:#d0a06b}.ref-copy-row .btn{min-width:175px}
.ref-caption{padding:0 25px;color:#8d9ba1;font-size:11px;margin:8px 0 2px}
.ref-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin:20px 0 24px}.ref-stat{display:flex;align-items:flex-start;gap:15px;padding:22px 21px;background:#fff;border:1px solid #e6eaec;border-radius:9px;min-height:123px}.ref-stat-icon{width:44px;height:44px;flex:none;border:1px solid #dfe7e4;border-radius:8px;background:#f1f5f3;display:grid;place-items:center;color:#485d51}.ref-stat>div{display:flex;flex-direction:column;align-items:flex-start;gap:5px}.ref-stat small{font-size:12px;color:#738188}.ref-stat strong{font-size:26px;letter-spacing:-1px;line-height:1.2;color:#1f2c33}.ref-stat>div>span{color:#8d999e;font-size:11px;line-height:1.5}
.ref-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin:0 0 22px}.ref-steps article{padding:23px;background:#fff;border:1px solid #e6eaec;border-radius:9px;min-height:174px}.ref-step-no{display:inline-grid;place-items:center;width:25px;height:25px;border-radius:50%;background:#e9eeeb;color:#526559;font-size:12px;font-weight:800}.ref-steps h3{font-size:14px;letter-spacing:-.2px;display:inline;margin-left:9px;color:#28333a}.ref-steps p{font-size:12px;color:#7c898e;line-height:1.78;margin:15px 0 0}.ref-steps p strong{color:#28343b}
.inline-delete{display:inline-block;margin-left:9px}.inline-delete .table-link{border:0;background:transparent;color:#ae7171;font-size:11px}
@media(max-width:1050px){.ref-stats,.ref-steps{grid-template-columns:1fr 1fr}.ref-stats>*:last-child,.ref-steps>*:last-child{grid-column:span 2}}
@media(max-width:650px){.ref-stats,.ref-steps{grid-template-columns:1fr}.ref-stats>*:last-child,.ref-steps>*:last-child{grid-column:auto}.ref-copy-row{flex-direction:column;margin:1px 16px 10px}.ref-copy-row .btn{width:100%}.ref-caption{padding:0 17px}.ref-code{font-size:10px}.location-filters{flex-wrap:nowrap;justify-content:flex-start;overflow-x:auto;scrollbar-width:thin;padding:6px 1px 14px;margin-right:-16px}.location-pill{flex:none}.order-location{flex-wrap:wrap}.nav-actions .btn{white-space:normal;text-align:center;gap:6px}}

/* Hostrava 1.2 — mobile navigation, emoji categories, VPS credentials */
.sidebar-backdrop{display:none}
.location-emoji,.emoji-input,.location-emoji-example{font-family:"Apple Color Emoji","Segoe UI Emoji","Noto Color Emoji",sans-serif;font-variant-emoji:emoji}
.location-emoji{display:inline-block;font-size:19px;line-height:1;vertical-align:-3px;letter-spacing:normal;flex:none}
.location-pill .location-emoji{font-size:20px;vertical-align:middle}
.location-emoji-example{font-size:19px}
.emoji-input{font-size:21px!important}
.ref-stat-icon{background:#fff5e9;border-color:#f0dec7;color:#a96d36}
.ref-step-no{background:#fff1e2;color:#ac713e;border:1px solid #f1ddc2}
.ref-stat:nth-child(2) .ref-stat-icon{background:#fff4e7;color:#a8753e}
.ref-stat:nth-child(3) .ref-stat-icon{background:#fbefde;color:#a97436}
.access-fieldset{border:0;margin:3px 0;padding:0;min-width:0}
.access-fieldset legend{color:#25323c;font-size:12px;font-weight:760;padding:0;margin:0 0 8px}
.access-fieldset>p{color:#88979e;font-size:11px;line-height:1.7;margin:0 0 13px}
.access-methods{display:grid;grid-template-columns:1fr 1fr;gap:11px;margin:0 0 16px}
.access-choice{display:block;position:relative;cursor:pointer}
.access-choice input{position:absolute;top:15px;right:15px;opacity:0;width:1px;height:1px}
.access-choice>span{display:flex;flex-direction:column;align-items:flex-start;gap:7px;border:1px solid #dfe6e7;border-radius:9px;padding:16px;min-height:108px;color:#50616a;background:#fff;transition:border-color .2s,background .2s}
.access-choice>span .ico{color:#a76c37}
.access-choice>span strong{color:#26333c;font-size:12px}
.access-choice>span small{font-size:11px;color:#86949b}
.access-choice input:checked+span{border-color:#c38d53;background:#fff8ee;box-shadow:0 0 0 1px rgba(195,141,83,.2)}
.access-choice input:focus-visible+span{outline:2px solid #c38d53;outline-offset:3px}
.access-detail{margin:0 0 15px}
.access-detail[hidden]{display:none!important}
.access-password-row{display:flex;gap:8px;margin-top:8px}
.access-password-row input{flex:1;min-width:0}
.access-password-row .btn{flex:none}
.server-access-hint{margin:0 21px 18px;padding:16px 17px;background:#fff8ef;border:1px solid #f1dfc8;border-radius:8px;color:#9e6c37;display:flex;gap:12px;align-items:start}
.server-access-hint>div{min-width:0;flex:1}
.server-access-hint b{font-size:12px;color:#29353c}
.server-access-hint p{color:#73838c;font-size:11px;line-height:1.8;margin:6px 0 11px}
.server-access-hint code{font-size:11px;background:#f3ebdf;border-radius:4px;padding:3px 5px;overflow-wrap:anywhere;white-space:normal;color:#1d2b35}
.server-access-hint form{margin-top:9px}
.password-once{display:flex;gap:12px;align-items:center;margin:22px 24px}
.password-once input{min-width:0;flex:1;border:1px solid #dbe3e6;background:#f5f7f7;padding:14px;border-radius:8px;font-family:ui-monospace,SFMono-Regular,Consolas,monospace}
.password-once+.form-info{margin:0 24px}
@media(max-width:740px){
  .sidebar-backdrop{display:block;position:fixed;inset:0;background:rgba(8,15,19,.57);z-index:35;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .24s,visibility .24s;border:0;border-radius:0;padding:0;width:100vw;height:100dvh}
  .sidebar-open .sidebar-backdrop{opacity:1;visibility:visible;pointer-events:auto}
  .sidebar-open:after{display:none!important}
  body.sidebar-open{overflow:hidden}
  .sidebar{z-index:40}
  .access-methods{grid-template-columns:1fr}
  .access-choice>span{min-height:80px}
  .access-password-row{flex-wrap:wrap}
  .access-password-row input{flex-basis:100%}
  .password-once{flex-direction:column;align-items:stretch;margin:18px 16px}
  .password-once+.form-info{margin:0 16px}
}

/* Hostrava 1.3 — OS families + versions; light infrastructure UI */
.os-picker{min-width:0;margin:2px 0 10px}
.os-picker-heading{margin-bottom:15px}
.os-picker-heading h3{margin:0 0 6px;font-size:13px;font-weight:770;letter-spacing:-.15px;color:#26333c}
.os-picker-heading p{color:#8d9ba3;font-size:11px;line-height:1.6;margin:0}
.os-family-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.os-family-card{position:relative;display:flex;align-items:center;gap:12px;min-width:0;min-height:79px;padding:12px 13px;border-radius:10px;border:1px solid #e1e7e9;background:#fff;text-align:left;color:#23313a;transition:border-color .16s,background .16s,box-shadow .16s;cursor:pointer}
.os-family-card:hover{border-color:#d6ad80;background:#fffaf4}
.os-family-card:focus-visible,.os-version-button:focus-visible{outline:2px solid #bd803f;outline-offset:3px}
.os-family-card.is-selected{border-color:#c88d4e;background:#fff6ea;box-shadow:0 0 0 1px rgba(200,141,78,.18)}
.os-logo{width:42px;height:42px;flex:none;border-radius:10px;object-fit:contain}
.os-family-meta{display:flex;flex-direction:column;gap:6px;min-width:0}
.os-family-meta strong{font-size:12px;font-weight:750;overflow-wrap:anywhere;line-height:1.25}
.os-family-meta small{font-size:10px;color:#8b989f}
.os-family-card.is-selected .os-family-meta strong{color:#724920}
.os-card-check{display:none;position:absolute;right:8px;top:7px;color:#b37a42}
.os-family-card.is-selected .os-card-check{display:block}
.os-version-section{border-top:1px solid #e6ebec;margin-top:22px;padding-top:19px}
.os-version-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-bottom:12px}
.os-version-heading h4{font-size:12px;font-weight:760;color:#27353e;margin:0}
.os-version-heading span{font-size:11px;color:#9d7046}
.os-version-options{display:flex;flex-wrap:wrap;align-items:center;gap:7px}
.os-version-options[hidden]{display:none!important}
.os-version-button{background:#f5f7f7;color:#5a6a74;border:1px solid #e2e8e9;border-radius:8px;min-height:37px;padding:8px 15px;font-size:12px;font-weight:670;line-height:1.2;cursor:pointer;transition:border-color .16s,background .16s,color .16s}
.os-version-button:hover{background:#fff7ec;border-color:#e2bd92;color:#533b25}
.os-version-button.is-selected{background:#27343d;border-color:#27343d;color:#fff;box-shadow:0 2px 7px rgba(29,40,48,.12)}
.os-empty{margin:10px 0 0}
.os-noscript{font-size:12px;color:#8a959d;margin:12px 0}
@media(max-width:1100px){.os-family-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:740px){.os-family-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.os-family-card{padding:10px;gap:9px;min-height:74px}.os-logo{height:36px;width:36px}.os-family-meta strong{font-size:11px}.os-version-heading{align-items:flex-start}.os-version-options{gap:7px}}
@media(max-width:380px){.os-family-grid{grid-template-columns:1fr 1fr}.os-family-card{gap:6px;padding:9px 6px}.os-logo{height:30px;width:30px}.os-family-meta strong{font-size:10px}.os-family-meta small{font-size:9px}.os-version-button{padding:7px 11px}}

@media(max-width:740px){.brand-lockup{gap:0}.brand-wordmark{height:20px;max-width:none}}

/* Hostrava 1.3.6 — soft, no-reload VPS location swapping on landing */
.home-plan-results{width:100%;overflow-anchor:none;position:relative}
.home-plan-results [data-home-plan-fragment]{width:100%}
.location-sr-only{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}
.location-filters[data-home-locations] .location-pill{transition:background .22s ease,color .22s ease,border-color .22s ease,box-shadow .22s ease,transform .22s ease}
.location-filters[data-home-locations] .location-pill:hover{transform:translateY(-1px)}
.location-filters[data-home-locations].is-loading .location-pill{cursor:progress}
@media(prefers-reduced-motion:reduce){.location-filters[data-home-locations] .location-pill{transition:none;transform:none!important}}

/* Hostrava 1.3.7 | Site footer and bilingual legal pages */
.public-footer{background:#191d20;border-top:1px solid #343a3e;color:#e2e6e8}
.footer-main{display:grid;grid-template-columns:1fr 1fr 1.25fr 1.12fr;column-gap:54px;row-gap:34px;padding-top:65px;padding-bottom:55px}
.footer-column{min-width:0}
.footer-column h2{color:#f1f3f4;font-size:12px;letter-spacing:.72px;font-weight:790;margin:0 0 23px;line-height:1.5}
.footer-column ul{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:15px}
.footer-column a{color:#99a4aa;font-size:14px;line-height:1.65;text-decoration:none;transition:color .18s ease;overflow-wrap:anywhere}
.footer-column a:hover,.footer-column a:focus-visible{color:#efb46e}
.footer-column a:focus-visible,.footer-bottom a:focus-visible,.legal-actions a:focus-visible{outline:2px solid #efb46e;outline-offset:4px;border-radius:2px}
.footer-external{font-size:11px;margin-left:2px;color:#b58a59}
.footer-contacts ul{gap:22px}
.footer-contacts li{display:flex;align-items:flex-start;gap:12px}
.footer-contact-icon{color:#7c8990;display:block;flex:0 0 19px;width:19px;height:19px;margin-top:3px;background-color:currentColor;-webkit-mask-size:contain;mask-size:contain;-webkit-mask-position:center;mask-position:center;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}
.footer-contact-icon--flag{-webkit-mask-image:url("/assets/icons/fa-flag-regular.svg");mask-image:url("/assets/icons/fa-flag-regular.svg")}
.footer-contact-icon--mail{-webkit-mask-image:url("/assets/icons/fa-envelope-regular.svg");mask-image:url("/assets/icons/fa-envelope-regular.svg")}
.footer-contact-icon--telegram{-webkit-mask-image:url("/assets/icons/fa-telegram-brand.svg");mask-image:url("/assets/icons/fa-telegram-brand.svg")}
.footer-contacts li>div{display:flex;flex-direction:column;min-width:0;gap:2px}
.footer-contact-label{font-size:11.5px;line-height:1.45;color:#bec5ca;font-weight:550}
.footer-contacts a{font-size:14px}
.footer-bottom{min-height:78px;border-top:1px solid #30383c;display:flex;align-items:center;justify-content:space-between;gap:18px;padding-top:16px;padding-bottom:16px}
.footer-bottom>span{font-size:12px;color:#78868d}
.footer-bottom nav{display:flex;align-items:center;gap:25px;flex-wrap:wrap}
.footer-bottom nav a{font-size:12px;color:#c1c8cd;transition:color .18s ease}
.footer-bottom nav a:hover{color:#efb46e}
@media(max-width:1000px){.footer-main{column-gap:26px;grid-template-columns:.9fr 1fr 1.3fr 1.2fr}}
@media(max-width:800px){.footer-main{grid-template-columns:repeat(2,minmax(0,1fr));gap:40px 35px;padding-top:47px;padding-bottom:40px}}
@media(max-width:520px){.footer-main{grid-template-columns:1fr;gap:29px;padding-top:38px;padding-bottom:36px}.footer-column h2{font-size:12px;margin-bottom:13px}.footer-column ul{gap:10px}.footer-column a{font-size:13.5px}.footer-contacts ul{gap:15px}.footer-contacts li{gap:12px}.footer-contacts a{font-size:13.5px}.footer-contact-label{font-size:11.5px}.footer-bottom{flex-direction:column;align-items:flex-start;gap:16px}.footer-bottom nav{gap:22px}}
@media(max-width:370px){.footer-main{grid-template-columns:1fr}.footer-column a{font-size:13px}}
.legal-page,.about-page{background:#f5f7f7;color:#202c34;min-height:65vh;padding:0 0 92px}
.legal-container{max-width:1180px}
.legal-breadcrumbs{display:flex;align-items:center;gap:11px;padding:30px 0 0;font-size:11px;color:#87949c}
.legal-breadcrumbs a{color:#566b76}.legal-breadcrumbs a:hover{color:#ad7d49}
.legal-intro{margin:48px 0 36px}
.legal-eyebrow{display:block;color:#b17b45;letter-spacing:1.7px;font-weight:800;font-size:10px;margin-bottom:16px}
.legal-intro h1,.about-content h1{font-size:clamp(34px,4.1vw,50px);line-height:1.14;letter-spacing:-1.8px;font-weight:790;max-width:850px;margin:0 0 17px}
.legal-intro p{font-size:12px;color:#7e8d95;line-height:1.8}
.legal-actions{display:flex;flex-wrap:wrap;gap:11px;margin-top:24px;align-items:center}
.legal-actions a{display:inline-flex;align-items:center;justify-content:center;padding:10px 15px;border:1px solid #d9e1e4;background:#fff;border-radius:8px;font-size:11px;color:#52646e;min-height:38px;transition:background .15s,border-color .15s}
.legal-actions a:hover{background:#fff7ec;border-color:#e3c39f}
.legal-actions .legal-download{background:#243039;color:#fff;border-color:#243039;margin-left:auto;gap:9px}
.legal-layout{display:grid;grid-template-columns:minmax(0,1fr) 275px;align-items:start;gap:22px}
.legal-article{background:#fff;border:1px solid #e6eaec;border-radius:12px;padding:30px 36px 45px;min-width:0}
.legal-language{scroll-margin-top:28px}
.legal-language+.legal-language{border-top:1px solid #e6ecee;margin-top:52px;padding-top:30px}
.legal-language-head{display:flex;align-items:center;justify-content:space-between;gap:15px;padding-bottom:17px;margin-bottom:25px;border-bottom:1px solid #e9eef0}
.legal-language-label{font-size:11px;font-weight:800;letter-spacing:1px;color:#ba8756;text-transform:uppercase}
.legal-back-top{font-size:11px;color:#8799a1}.legal-back-top:hover{color:#ad7e48}
.legal-prose{line-height:1.82;color:#52616b;font-size:13px;overflow-wrap:anywhere}
.legal-prose h2{color:#24333c;font-size:18px;font-weight:760;line-height:1.42;letter-spacing:-.3px;margin:29px 0 11px}
.legal-prose h2:first-child{margin-top:0}
.legal-prose p{margin:0 0 13px}
.legal-prose ul{padding-left:22px;margin:1px 0 15px}
.legal-prose li{margin:0 0 8px;padding-left:2px}
.legal-prose li::marker{color:#c2986a}
.legal-table-scroll{overflow-x:auto;margin:19px 0 22px;border:1px solid #e7eced;border-radius:9px}
.legal-table{border-collapse:collapse;width:100%;font-size:12px;min-width:380px;text-align:left}
.legal-table th{background:#f2f5f5;color:#26343c;font-weight:750}.legal-table th,.legal-table td{padding:12px 14px;border-bottom:1px solid #edf0f1}
.legal-table tr:last-child td{border-bottom:0}
.legal-aside-box{background:#fff;border:1px solid #e6eaec;border-radius:10px;padding:24px 21px;position:sticky;top:28px;display:flex;flex-direction:column;gap:4px}
.legal-aside-box>span{font-size:10px;font-weight:750;letter-spacing:1px;color:#aa865f;margin-bottom:15px}
.legal-aside-box>a{padding:10px 12px;font-size:12px;line-height:1.5;color:#7e8d95;border-radius:6px}
.legal-aside-box>a:hover{background:#f7f8f8;color:#263139}
.legal-aside-box>a[aria-current="page"]{background:#fff3e5;color:#9b6b3f;font-weight:720}
.legal-aside-help{margin-top:19px;padding-top:18px;border-top:1px solid #e9eef0;display:flex;flex-direction:column;gap:7px;color:#8b989f;font-size:11px}
.legal-aside-help a{font-size:12px;color:#ab7948}
.about-content{margin:62px 0 0;max-width:850px}.about-content>p{font-size:15px;line-height:1.9;color:#72818b;max-width:720px}
.about-company{display:flex;flex-direction:column;gap:9px;background:#fff;border:1px solid #e5eae9;padding:25px;margin:33px 0;border-radius:10px;max-width:440px}
.about-company span:first-child{font-size:10px;letter-spacing:1px;font-weight:750;color:#ab7b48}
.about-company strong{font-size:20px}.about-company span:not(:first-child){font-size:12px;color:#778691}.about-company a{color:#996e44;font-size:12px}
.about-actions{display:flex;align-items:center;gap:12px;flex-wrap:wrap}
@media(max-width:950px){.legal-layout{grid-template-columns:1fr}.legal-aside{order:-1}.legal-aside-box{position:static;flex-direction:row;align-items:center;gap:6px;flex-wrap:wrap}.legal-aside-box>span{width:100%;margin-bottom:7px}.legal-aside-help{display:none}.legal-aside-box>a{padding:8px 11px}}
@media(max-width:600px){.legal-page,.about-page{padding-bottom:62px}.legal-breadcrumbs{padding-top:20px}.legal-intro{margin:33px 0 26px}.legal-intro h1,.about-content h1{font-size:31px;letter-spacing:-1px}.legal-article{padding:22px 18px 32px}.legal-prose{font-size:12px}.legal-prose h2{font-size:16px}.legal-actions{gap:7px}.legal-actions a{font-size:10px;padding:9px}.legal-actions .legal-download{margin-left:0}.legal-aside-box{padding:14px}.legal-aside-box>a{font-size:11px}.about-content{margin-top:42px}}

/* Hostrava 1.3.9 — coordinated VPS workbench */
.server-heading-v2{align-items:flex-end;gap:22px;flex-wrap:wrap;margin-bottom:26px}
.server-heading-v2 .server-heading-details{min-width:0;flex:1 1 300px}
.server-toolbar{display:flex;align-items:center;gap:9px;flex-wrap:wrap;justify-content:flex-end}
.server-toolbar form{margin:0}.server-toolbar .btn{height:43px;min-height:43px;font-size:12px;gap:9px}
.server-toolbar .btn:disabled{cursor:not-allowed;opacity:.48;transform:none}
.server-toolbar .server-more-button{padding:0;width:43px;min-width:43px;flex:none}
.server-dashboard-grid{display:grid;grid-template-columns:minmax(0,1.62fr) minmax(295px,1fr);gap:18px;align-items:stretch}
.server-dashboard-grid .panel{margin:0;min-width:0}
.server-tile{display:flex;flex-direction:column;min-height:246px;overflow:hidden}
.server-tile>.panel-head{min-height:80px}
.server-tile>.panel-head>svg{color:#b88c61}
.server-tile .power-actions{flex:1;align-items:center;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;padding:20px 23px 10px}
.server-tile .power-actions form{min-width:0;height:100%}
.server-tile .power-actions .power-button{width:100%;height:100%;min-height:91px;display:flex;flex-direction:column;justify-content:center;gap:10px}
.server-power-tile .hint{margin:8px 23px 17px;line-height:1.55}
.server-resource-tile .resource-list{padding:6px 22px 17px;flex:1;display:flex;flex-direction:column;justify-content:center}
.server-resource-tile .resource-list>div{min-height:39px;padding:11px 0}
.server-network-tile{grid-column:1/-1;min-height:0}
.server-network-main{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);align-items:start;gap:24px;padding:21px 24px 0}
.server-network-tile .server-network-specs{padding:0!important;margin:0}
.server-network-tile .server-network-specs>div{min-height:49px}
.server-network-help .server-access-hint{margin:0!important;min-height:152px}
.server-network-tile .console-link{margin:17px 24px 23px}
.server-modal-overlay[hidden]{display:none!important}
.server-modal-overlay{position:fixed;inset:0;z-index:160;display:flex;align-items:center;justify-content:center;overflow-y:auto;padding:20px;background:rgba(13,24,30,.67);backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px);animation:server-modal-shade .18s ease-out both}
.server-modal{position:relative;display:flex;flex-direction:column;width:100%;max-width:580px;max-height:min(92dvh,920px);border-radius:15px;background:#fff;box-shadow:0 28px 90px rgba(0,0,0,.22);border:1px solid #e6ebec;overflow:hidden;animation:server-modal-show .22s cubic-bezier(.2,.8,.2,1) both}
.server-modal-lg{max-width:660px}
.server-modal-snapshots{max-width:620px}
.server-modal-header{display:flex;align-items:flex-start;gap:17px;padding:25px 27px 20px;border-bottom:1px solid #edf0f1}
.server-modal-header>div{min-width:0;flex:1}
.server-modal-header h2{font-size:22px;letter-spacing:-.65px;line-height:1.22;margin:7px 0 7px}
.server-modal-header p{font-size:12px;color:#8999a2;margin:0;line-height:1.55}
.server-modal-icon{flex:none;width:42px;height:42px;display:grid;place-items:center;border-radius:11px;color:#af7840;background:#f8eee0}
.server-modal-close{border:0;background:#f4f6f7;color:#667883;width:32px;height:32px;display:grid;place-items:center;border-radius:8px;flex:none;padding:0}
.server-modal-close:hover{background:#e8eeef;color:#1b2831}
.server-modal-content{overflow-y:auto;overscroll-behavior:contain;padding:22px 27px 25px;flex:1;min-height:0}
.server-modal-warning,.server-modal-note{display:flex;align-items:flex-start;gap:12px;border:1px solid #ecd7bd;background:#fff8ee;color:#7c5939;padding:13px 15px;border-radius:9px;line-height:1.6;font-size:12px;margin-bottom:19px}
.server-modal-warning svg,.server-modal-note svg{flex:none;margin-top:1px}
.server-modal-note{background:#f6f8f9;color:#617581;border-color:#e3e9eb;margin-top:14px}
.server-modal-form{display:grid;gap:17px}
.server-modal-form label{display:grid;gap:8px;font-size:12px;font-weight:720;color:#33414b}
.server-modal-form input,.server-modal-form select,.server-modal-inline-form input{width:100%;min-width:0;min-height:43px;border:1px solid #dce4e7;border-radius:8px;background:#fff;color:#1d2831;padding:10px 13px;font-size:12px;outline:0}
.server-modal-form input:focus,.server-modal-form select:focus,.server-modal-inline-form input:focus{border-color:#ddab72;box-shadow:0 0 0 3px rgba(239,180,110,.13)}
.server-modal-form label small{font-size:11px;line-height:1.6;font-weight:400;color:#83929b}
.server-modal-form code{font-size:11px;color:#b08152;font-weight:650;word-break:break-word}
.server-modal-footer{display:flex;align-items:center;justify-content:flex-end;gap:10px;border-top:1px solid #e9eff0;background:#fcfdfd;padding:17px 27px}
.server-modal-footer .btn{font-size:12px;min-height:41px}
.btn-danger{background:#bd655b;border-color:#bd655b;color:white}
.btn-danger:hover{background:#a44d45;border-color:#a44d45}
.btn-danger:disabled{opacity:.5;cursor:not-allowed}
.server-modal-section{padding:0 0 21px;margin-bottom:22px;border-bottom:1px solid #edf0f1}
.server-modal-section:last-child{margin-bottom:0;padding-bottom:0;border-bottom:0}
.server-modal-section h3{font-size:14px;font-weight:750;display:flex;align-items:center;gap:9px;line-height:1.4;margin:0 0 9px}
.server-modal-section h3 svg{color:#b78854}
.server-modal-section-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:15px;flex-wrap:wrap}
.server-modal-price{font-size:12px;font-weight:780;color:#a46f3a;background:#fbf3e9;padding:7px 9px;border-radius:6px}
.server-modal-muted{color:#81919b;font-size:12px;line-height:1.7;margin:4px 0 13px}
.server-modal-muted b{color:#253541}
.server-modal-inline-form{display:flex;align-items:center;flex-wrap:wrap;gap:10px}
.server-modal-inline-form input{flex:1 1 220px}
.server-modal-inline-form .btn{font-size:12px;min-height:43px}
.server-modal-inline-form .btn:disabled{opacity:.45;cursor:not-allowed}
.server-snapshot-list{border-radius:8px;border:1px solid #e8ecee;margin-top:16px;padding:12px 15px}
.server-snapshot-list>b{display:block;font-size:11px;margin-bottom:7px}
.server-snapshot-list>div{display:flex;align-items:center;gap:9px;font-size:11px;padding:8px 0;border-top:1px solid #edf0f1}
.server-snapshot-list>div svg{color:#a78a67}
.server-snapshot-list>div span{flex:1;overflow-wrap:anywhere}
.server-snapshot-list>div small{color:#81929b}
.server-modal-visible{overflow:hidden}
.sr-only{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@keyframes server-modal-shade{from{opacity:0}to{opacity:1}}
@keyframes server-modal-show{from{opacity:0;transform:translateY(16px) scale(.985)}to{opacity:1;transform:translateY(0) scale(1)}}
@media(max-width:1080px){.server-dashboard-grid{grid-template-columns:minmax(0,1.18fr) minmax(0,1fr)}.server-network-main{grid-template-columns:1fr 1fr;gap:14px}.server-tile .power-actions{padding:15px 15px 5px}.server-power-tile .hint{margin:8px 15px 17px}}
@media(max-width:820px){.server-dashboard-grid{grid-template-columns:minmax(0,1fr)}.server-network-tile{grid-column:1}.server-tile{min-height:0}.server-resource-tile .resource-list{padding:9px 19px 17px}.server-network-main{grid-template-columns:1fr;gap:17px}.server-network-tile .server-network-specs{max-width:none}.server-heading-v2{align-items:flex-start}}
@media(max-width:600px){.server-heading-v2{gap:17px}.server-toolbar{width:100%;justify-content:flex-start;display:grid;grid-template-columns:1fr auto auto;gap:7px}.server-toolbar form{min-width:0}.server-toolbar .btn{font-size:11px;padding:9px 11px;min-height:42px;height:42px;white-space:nowrap}.server-toolbar .server-more-button{width:42px;min-width:42px;padding:0}.server-toolbar form .btn{width:100%}.server-dashboard-grid{gap:13px}.server-tile>.panel-head{min-height:70px}.server-tile .power-actions{gap:7px;padding:15px 13px 6px}.server-tile .power-actions .power-button{min-height:84px;gap:8px}.server-power-tile .hint{margin:10px 14px 16px}.server-network-main{padding:14px 15px 0}.server-network-tile .console-link{margin:16px 15px 18px;flex-wrap:wrap}.server-network-tile .console-link>a{margin-left:auto}.server-modal-overlay{padding:12px;align-items:center}.server-modal{max-height:calc(100dvh - 24px);border-radius:12px}.server-modal-header{padding:19px 18px 16px;gap:11px}.server-modal-header h2{font-size:19px}.server-modal-header p{font-size:11px}.server-modal-icon{width:36px;height:36px}.server-modal-content{padding:18px}.server-modal-footer{padding:14px 18px}.server-modal-inline-form .btn{width:100%}.server-modal-inline-form input{flex-basis:100%}}
@media(max-width:370px){.server-toolbar .btn{font-size:10px;gap:5px;padding:8px}.server-toolbar .btn svg{height:14px;width:14px}.server-toolbar .server-more-button svg{height:20px;width:20px}.server-toolbar .server-more-button{padding:0;width:40px;min-width:40px}.server-tile .power-actions .power-button{font-size:10px}}
@media(prefers-reduced-motion:reduce){.server-modal-overlay,.server-modal{animation:none}}

/* Hostrava 1.3.10: discrete server action menu */
.server-heading-v2{position:relative;z-index:5}
.server-actions-dropdown{position:relative;display:flex;align-items:center;flex:none}
.server-actions-dropdown .server-more-button[aria-expanded="true"]{background:#f6efe6;border-color:#dcb88d;color:#986637}
.server-actions-menu[hidden]{display:none!important}
.server-actions-menu{position:absolute;z-index:25;right:0;top:calc(100% + 9px);width:min(256px,calc(100vw - 30px));padding:6px;background:#fff;border:1px solid #e3e9eb;border-radius:10px;box-shadow:0 17px 44px rgba(19,34,42,.17);transform-origin:top right;animation:server-actions-in .17s ease both}
.server-actions-menu button[role="menuitem"]{border:0;background:transparent;color:#33434d;display:flex;align-items:center;gap:12px;width:100%;min-height:47px;text-align:left;padding:10px 11px;border-radius:7px;font-size:12px;font-weight:670;line-height:1.3;white-space:nowrap;cursor:pointer}
.server-actions-menu button[role="menuitem"]>span{flex:1;min-width:0}
.server-actions-menu button[role="menuitem"]>svg:first-child{color:#b88956;flex:none}
.server-actions-menu button[role="menuitem"]>svg:last-child{color:#a8b3b8;flex:none}
.server-actions-menu button[role="menuitem"]:hover,.server-actions-menu button[role="menuitem"]:focus-visible{outline:none;background:#fbf2e6;color:#222d34}
.server-renew-summary{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:15px 16px;border:1px solid #e9eeef;border-radius:9px;background:#fafbfb;margin-bottom:17px}
.server-renew-summary span{color:#697b86;font-size:12px}
.server-renew-summary strong{font-size:19px;white-space:nowrap;color:#243039}
@keyframes server-actions-in{from{opacity:0;transform:translateY(-5px) scale(.985)}to{opacity:1;transform:translateY(0) scale(1)}}
@media(max-width:600px){.server-actions-menu button[role="menuitem"]{min-height:49px;font-size:13px}.server-renew-summary strong{font-size:17px}}
@media(prefers-reduced-motion:reduce){.server-actions-menu{animation:none}}

/* Hostrava 1.4.0: paid renewals in administrative queue */
.renewal-admin-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-bottom:22px}
.renewal-admin-stat{background:#fff;border:1px solid #e6ebed;border-radius:10px;padding:23px 25px;display:flex;flex-direction:column;gap:8px;box-shadow:var(--shadow)}
.renewal-admin-stat small{color:#87959d;font-size:11px}.renewal-admin-stat strong{font-size:30px;color:#1c2931}.renewal-admin-stat span{font-size:11px;color:#95a1a8}.renewal-admin-stat .renewals-highlight{color:#b78245}
.renewal-admin-note{margin-bottom:23px;display:flex;gap:12px;align-items:start;font-size:12px;line-height:1.75}.renewal-admin-note b{color:#344148}
.renewals-filters{display:flex;gap:9px;flex-wrap:wrap;margin-bottom:16px}.renewals-filter{padding:11px 17px;background:#fff;border:1px solid #e4e9eb;border-radius:7px;font-size:12px;font-weight:680;color:#78858d}.renewals-filter.is-selected{background:#27343d;color:#fff;border-color:#27343d}
.renewal-admin-list{padding:4px 22px 14px}.renewal-row{padding:23px 3px;border-bottom:1px solid #e9eef0}.renewal-row:last-child{border:0}.renewal-row-head{display:flex;gap:16px;align-items:start;justify-content:space-between}.renewal-row-title{display:flex;align-items:center;gap:12px;min-width:0}.renewal-row-title>div{display:flex;flex-direction:column;gap:7px;min-width:0}.renewal-id{background:#f7efe4;border:1px solid #f1e5d7;color:#a87949;font-size:11px;font-weight:760;border-radius:7px;padding:10px}.renewal-row-title strong{font-size:14px;color:#26343e;overflow-wrap:anywhere}.renewal-row-title span:not(.renewal-id){font-size:11px;color:#9aa6ac;overflow-wrap:anywhere}
.renewal-meta{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin:19px 0 12px;padding:16px;background:#f9fafb;border-radius:8px}.renewal-meta>div{display:flex;flex-direction:column;gap:8px;min-width:0}.renewal-meta small{color:#9aa6ac;font-size:10px}.renewal-meta b{font-size:12px;overflow-wrap:anywhere;color:#36454f}.renewal-meta a{text-decoration:underline;text-underline-offset:2px}
.renewal-actions{display:flex;align-items:start;gap:12px;flex-wrap:wrap;margin-top:16px}.renewal-action-box{min-width:190px;max-width:100%;position:relative}.renewal-action-box>summary{list-style:none;cursor:pointer}.renewal-action-box>summary::-webkit-details-marker{display:none}.renewal-action-box[open]{width:min(360px,100%)}.renewal-action-form{display:flex;flex-direction:column;gap:14px;padding:17px;margin-top:8px;border:1px solid #e4e9eb;background:#fff;border-radius:9px;box-shadow:0 8px 30px rgba(27,38,48,.08)}.renewal-action-form label{display:flex;flex-direction:column;gap:8px;font-size:11px;font-weight:720}.renewal-action-form .checkbox-row{flex-direction:row;line-height:1.5;font-weight:550}.renewal-action-form input[type=datetime-local],.renewal-action-form textarea{font-size:12px;min-width:0;width:100%;border:1px solid #dce4e8;border-radius:6px;padding:10px}.renewal-row-result{font-size:12px;color:#7b8991;margin:14px 0 0}
@media(max-width:900px){.renewal-meta{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:640px){.renewal-admin-stats{grid-template-columns:1fr}.renewal-admin-stat{padding:17px 20px}.renewal-admin-list{padding:3px 13px 12px}.renewal-row-head{flex-wrap:wrap}.renewal-meta{grid-template-columns:1fr 1fr;gap:15px}.renewal-actions{flex-direction:column;align-items:stretch}.renewal-action-box,.renewal-action-box[open]{width:100%}.renewal-action-box>summary{width:100%}.renewal-admin-note{font-size:11px}}

.server-sub .server-paid-until{display:inline-flex;align-items:center;gap:6px;font-size:11px;color:#a4b0b9}.server-sub .server-provider-pending{font-size:10px;color:#c28e50;background:#fff4e7;border-radius:50px;padding:6px 9px}@media(max-width:640px){.server-sub{flex-wrap:wrap}.server-sub .server-paid-until{width:100%}}

/* Hostrava 1.5 — support tickets, OTP, and integrations */
.ticket-actions{display:inline-flex;align-items:center;gap:7px;white-space:nowrap}
.ticket-open-button{min-height:34px;padding:8px 13px;font-size:12px;font-weight:720;border-radius:7px}
.ticket-dropdown{position:relative;flex:none}
.ticket-more-button{min-width:34px;height:34px;display:grid;place-items:center;border-radius:7px;border:1px solid #dce4e7;background:#fff;color:#35414a;font-size:24px;line-height:1}
.ticket-more-button:hover,.ticket-more-button[aria-expanded=true]{background:#f7f2eb;border-color:#deb78b;color:#a67541}
.ticket-menu{position:fixed;right:auto;top:auto;width:170px;background:#fff;border:1px solid #e4e8e9;box-shadow:0 14px 44px rgba(25,40,50,.16);border-radius:9px;padding:6px;z-index:20}
.ticket-menu[hidden]{display:none!important}
.ticket-menu button{display:flex;align-items:center;gap:9px;width:100%;padding:10px;background:none;color:#46535d;border:0;border-radius:6px;font-size:12px;font-weight:680;text-align:left}
.ticket-menu button:hover{background:#fff5ec;color:#ae7340}
.hostrava-dialog{width:min(94vw,520px);max-width:520px;max-height:calc(100dvh - 32px);overflow:auto;border:1px solid #dfe7e9;border-radius:13px;padding:0;background:#fff;color:#23323a;box-shadow:0 26px 90px rgba(10,25,37,.18)}
.hostrava-dialog::backdrop{background:rgba(14,25,33,.57);backdrop-filter:blur(5px)}
.ticket-dialog-head{display:flex;align-items:center;gap:14px;border-bottom:1px solid #e9eef0;padding:21px 23px}
.ticket-dialog-head .ticket-dialog-icon{display:grid;place-items:center;background:#fbf1e5;color:#bd8751;width:40px;height:40px;border-radius:9px;flex:none}
.ticket-dialog-head>div{flex:1}.ticket-dialog-head b{font-size:17px}.ticket-dialog-head p{font-size:11px;color:#8899a3;margin:5px 0 0}
.ticket-dialog-head>button{border:0;background:#f1f4f5;color:#71828e;border-radius:7px;width:30px;height:30px;font-size:22px}
.ticket-dialog-body{padding:24px;display:grid;gap:16px}.ticket-dialog-body label{display:grid;gap:8px;font-size:12px;font-weight:730}
.ticket-dialog-body textarea,.ticket-dialog-body select{width:100%;border:1px solid #dce4e6;border-radius:8px;min-height:42px;padding:11px 12px;color:#25363f;outline:0;background:#fff;font:inherit;resize:vertical}
.ticket-dialog-body textarea:focus,.ticket-dialog-body select:focus{border-color:#cda477;box-shadow:0 0 0 3px #f9ede0}
.ticket-dialog-footer{display:flex;align-items:center;justify-content:flex-end;gap:10px;padding:17px 24px;border-top:1px solid #edf0f1;background:#fcfdfd}
.ticket-header-actions{display:flex;gap:9px;flex-wrap:wrap;align-items:center}
.ticket-system-notice{display:flex;gap:10px;align-items:flex-start;padding:14px 17px;margin:15px auto;border-radius:9px;background:#fff7eb;border:1px solid #f0d9b7;font-size:12px;font-weight:600;color:#8c6645;max-width:720px;line-height:1.6}
.ticket-system-notice time{margin-left:auto;font-size:10px;white-space:nowrap;opacity:.7}
.ticket-closed-banner{display:flex;gap:9px;align-items:center;margin:20px 24px;padding:14px;border-radius:9px;background:#edf5f0;color:#3d805f;font-size:12px}
.verify-layout{min-height:75vh;display:grid;place-items:center;padding:55px 17px;background:#f5f7f8;color:#24323b}
.verify-card{max-width:495px;width:100%;background:#fff;border-radius:14px;border:1px solid #e7eced;padding:42px 37px;text-align:center;box-shadow:0 16px 60px rgba(21,38,48,.05)}
.verify-symbol{margin:auto auto 25px;display:grid;place-items:center;background:#fff2e4;color:#bf8b57;width:62px;height:62px;border-radius:15px}
.verify-card h1{font-size:29px;letter-spacing:-1px;margin:12px 0}.verify-card>p{font-size:13px;color:#7e8b94;line-height:1.75}
.otp-fields{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:8px;margin:30px 0}
.otp-digit{min-width:0;width:100%;height:60px;text-align:center;border-radius:10px;border:1.5px solid #e0e6e7;background:#fff;color:#26353c;font-size:27px;font-weight:780;outline:0}
.otp-digit:focus{border-color:#d4a36e;box-shadow:0 0 0 3px rgba(239,180,110,.18)}
.verify-resend{margin-top:21px}.verify-resend button{border:0;background:transparent;cursor:pointer;color:#b57f47;font-weight:710;font-size:12px}
.verify-card .verify-hint{font-size:11px;color:#91a0aa;margin:18px auto 0}
@media(max-width:740px){.hostrava-dialog{width:calc(100vw - 24px)}.ticket-dialog-head,.ticket-dialog-body{padding:18px}.ticket-dialog-footer{padding:15px}.verify-card{padding:34px 20px}.otp-fields{gap:5px}.otp-digit{height:52px;font-size:22px}.ticket-header-actions{width:100%}.ticket-header-actions form{display:contents}.ticket-system-notice{flex-wrap:wrap}}

/* 1.5.1: Keep both landing hero CTAs aligned on narrow 421–459px viewports.
   At <=420px the intentional stacked layout stays unchanged. */
@media (min-width:421px) and (max-width:459px) {
  .hero-buttons {display:flex; flex-wrap:nowrap; align-items:stretch; gap:9px; width:100%;}
  .hero-buttons > .btn {flex:1 1 0; min-width:0; padding:12px 8px; gap:6px; font-size:12px; white-space:nowrap;}
  .hero-buttons > .btn svg {width:17px; height:17px; flex:none;}
}

/* Hostrava 1.5.3 · Mobile input typography.
   iOS Safari needs the actual control font to be at least 16px to avoid focus zoom.
   Make placeholders look like 13px again; don't inherit bold label weight.
   Login/register inputs are drawn at 87.5% while retaining 16px CSS font for iOS. */
.auth-input-frame { display: contents; }
@media (max-width: 1024px) {
  input:not([type="checkbox"]):not([type="radio"]):not([type="button"]):not([type="submit"]):not([type="reset"]):not([type="hidden"]):not([type="file"]):not([type="range"]):not([type="color"]):not(.otp-digit),
  textarea,
  select { font-size: 16px !important; font-weight: 400; }
  input:not(.otp-digit)::placeholder,
  textarea::placeholder {font-size: 13px; font-weight: 400; opacity: 1;}

  /* Match the old visual font size (14px) without triggering iOS focus zoom.
     Fixed-size frame prevents wider, unscaled input layout from overflowing. */
  .auth-card .auth-input-frame {
    display: block; width: 100%; height: 46px; position: relative;
  }
  .auth-card .auth-input-frame > input {
    width: 114.285714%; max-width: none; height: 52.571428px; min-height: 52.571428px;
    padding: 14.857px 16px; border-radius: 9.14px;
    font-size: 16px !important; font-weight: 400; line-height: normal;
    transform: scale(.875); transform-origin: top left;
  }
  .auth-card .auth-input-frame > input::placeholder {font-size: 16px; font-weight: 400;}
}

/* VPS reference-inspired dark server surfaces */
.servers-ref-page,.server-detail-page{color:#f3f6fb}
.servers-ref-header,.server-ref-hero{background:linear-gradient(180deg,#090c14 0%,#0c1018 100%);border:1px solid #1d2433;border-radius:20px;padding:26px 28px;box-shadow:0 30px 70px rgba(5,8,15,.14)}
.servers-ref-page{display:grid;gap:18px}
.servers-ref-kicker{display:inline-flex;align-items:center;gap:8px;font-size:10px;letter-spacing:1.7px;font-weight:800;color:#8793a5;text-transform:uppercase}
.servers-ref-header{display:flex;justify-content:space-between;align-items:flex-start;gap:18px}
.servers-ref-header h1,.server-ref-hero h1{margin:10px 0 8px;font-size:38px;letter-spacing:-1.6px;color:#fff}
.servers-ref-header p,.server-ref-hero p{margin:0;color:#8b97ab;font-size:13px;line-height:1.7}
.servers-ref-panel{background:#090d14;border:1px solid #1a2231;border-radius:20px;padding:18px;box-shadow:0 25px 65px rgba(5,8,15,.14)}
.servers-ref-list{display:grid;gap:12px}
.server-list-card{position:relative;display:grid;grid-template-columns:minmax(240px,1.35fr) repeat(3,minmax(140px,.8fr)) minmax(125px,.65fr) auto;gap:18px;align-items:center;padding:18px 20px;border:1px solid #1f2636;border-radius:16px;background:linear-gradient(180deg,#111723 0%,#0e131e 100%);transition:border-color .2s,transform .2s,box-shadow .2s}
.server-list-card:hover{transform:translateY(-1px);border-color:#39445b;box-shadow:0 12px 35px rgba(0,0,0,.25)}
.server-list-card-link{position:absolute;inset:0;z-index:2;border-radius:16px}
.server-list-col{position:relative;z-index:3;display:flex;flex-direction:column;gap:5px;min-width:0}
.server-list-col span{font-size:10px;letter-spacing:1.1px;text-transform:uppercase;color:#758296;font-weight:700}
.server-list-col b,.server-list-col strong{color:#fff;font-size:13px;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.server-list-col small{color:#8d99aa;font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.server-list-main{flex-direction:row;align-items:center;gap:14px}
.server-list-main>div{min-width:0}
.server-list-main strong{display:block;font-size:22px;line-height:1.05}
.server-list-main small{display:block;margin-top:4px;font-size:12px}
.server-list-icon{width:40px;height:40px;border-radius:12px;background:#1b2231;display:grid;place-items:center;color:#d7dee9;flex:none}
.server-list-status .pill{align-self:flex-start;background:#18202d;border:1px solid #273143}
.server-list-open{position:relative;z-index:3;display:inline-flex;align-items:center;gap:7px;color:#fff;font-size:12px;font-weight:700;padding-left:4px}
.server-backline a,.server-backline span,.server-backline{color:#64738a}
.server-ref-hero{display:flex;justify-content:space-between;align-items:flex-start;gap:22px}
.server-ref-meta{display:flex;flex-wrap:wrap;gap:10px;align-items:center;margin-bottom:10px}
.server-ref-chip,.server-ref-ip,.server-card-tag{display:inline-flex;align-items:center;justify-content:center;border-radius:999px;padding:7px 12px;background:#161d2a;border:1px solid #293346;color:#d8dfeb;font-size:11px;font-weight:700}
.server-ref-ip{font-family:ui-monospace,SFMono-Regular,Consolas,monospace}
.server-toolbar-dark{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:10px}.server-toolbar-dark form{margin:0}
.server-toolbar-dark .btn{background:#111723;border-color:#242c3b;color:#eaf0f8}.server-toolbar-dark .btn-outline{background:transparent;border-color:#2c3548;color:#dce5ef}.server-toolbar-dark .btn:hover{background:#181f2d}.server-toolbar-dark .btn-outline:hover{background:#131926}
.server-overview-strip{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin:18px 0}
.server-overview-card,.server-card{background:linear-gradient(180deg,#0d121b 0%,#0a0e16 100%);border:1px solid #1b2332;border-radius:20px;box-shadow:0 22px 55px rgba(5,8,15,.12)}
.server-overview-card{padding:20px 22px;min-height:110px;display:flex;flex-direction:column;gap:6px}
.server-overview-card span{font-size:10px;letter-spacing:1.1px;text-transform:uppercase;color:#7f8c9f;font-weight:700}
.server-overview-card strong{color:#fff;font-size:22px;letter-spacing:-.8px;line-height:1.15}
.server-overview-card small{color:#8e9aac;font-size:12px}
.server-reference-grid{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(300px,.8fr);gap:18px;margin-bottom:18px}
.server-card{padding:24px 24px 22px;color:#eff4fb}
.server-card-head{display:flex;justify-content:space-between;align-items:flex-start;gap:18px;margin-bottom:18px}
.server-card-head h2{margin:0;color:#fff;font-size:23px;letter-spacing:-.7px}.server-card-head p{margin:7px 0 0;color:#8e9aac;font-size:12px}
.server-link-button{border:0;background:none;color:#9eb0c6;font-size:12px;font-weight:700;padding:0;cursor:pointer}.server-link-button:hover{color:#fff}
.server-connect-table{display:grid;gap:12px}
.server-connect-row{display:grid;grid-template-columns:120px minmax(0,1fr);gap:16px;align-items:center;padding:14px 16px;border:1px solid #1d2534;background:#111723;border-radius:14px}
.server-connect-row>span{font-size:12px;color:#90a0b5;font-weight:700}
.server-connect-value{display:flex;align-items:center;gap:10px;justify-content:space-between;min-width:0}.server-connect-value b,.server-connect-value em{color:#fff;font-size:13px;min-width:0;overflow-wrap:anywhere}.server-connect-value em{font-style:normal;color:#8b97ab}
.server-secret-value{align-items:center}.server-secret-input{flex:1;min-width:0;background:#0b1018;border:1px solid #222c3c;border-radius:11px;color:#fff;padding:12px 14px;font-size:13px;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;outline:none}
.server-secret-actions{display:flex;align-items:center;gap:7px;flex:none}.server-secret-actions form{margin:0}
.server-inline-action{width:38px;height:38px;border-radius:11px;border:1px solid #293345;background:#141b28;color:#d9e3ef;display:grid;place-items:center;cursor:pointer;transition:background .2s,border-color .2s,color .2s}.server-inline-action:hover,.server-inline-action.is-active{background:#1c2434;border-color:#3d4b64;color:#fff}
.server-connect-footer{display:flex;justify-content:space-between;align-items:center;gap:14px;margin-top:16px}.server-connect-footer small{color:#8491a5;font-size:11px;display:flex;align-items:center;gap:7px}
.server-sidebar-stack{display:grid;gap:18px}.server-billing-price{font-size:39px;letter-spacing:-1.6px;color:#fff;font-weight:800}.server-billing-price small{font-size:15px;color:#8d98a8;font-weight:600}
.server-billing-grid,.server-network-facts{display:grid;gap:12px;margin-top:16px}.server-billing-grid>div,.server-network-facts>div{border:1px solid #1d2534;background:#111723;border-radius:14px;padding:14px 16px;display:flex;justify-content:space-between;align-items:center;gap:14px}.server-billing-grid span,.server-network-facts span{font-size:11px;letter-spacing:1px;text-transform:uppercase;color:#8492a7;font-weight:700}.server-billing-grid b,.server-network-facts b{color:#fff;font-size:13px;text-align:right;overflow-wrap:anywhere}
.server-billing-actions{display:flex;gap:10px;margin-top:16px}
.server-secondary-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.server-secondary-grid .server-card{height:100%}
.server-power-actions{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.server-power-actions form{min-width:0}.server-power-actions .power-button{width:100%;min-height:96px;background:#111723;border:1px solid #243044;color:#f2f7ff;border-radius:16px;display:flex;flex-direction:column;justify-content:center;gap:10px}.server-power-actions .power-button:hover{background:#172031;border-color:#394964}.server-power-actions .power-button:disabled{opacity:.45}
.server-dark-hint{margin:14px 0 0;background:#101723;border:1px solid #1d2635;color:#8d9aad}
.server-resource-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.server-resource-grid>div{border:1px solid #1d2534;background:#111723;border-radius:14px;padding:15px 16px;display:grid;gap:7px}.server-resource-grid span{color:#9aa9bc}.server-resource-grid label{font-size:11px;text-transform:uppercase;letter-spacing:.9px;color:#8392a8}.server-resource-grid b{color:#fff;font-size:15px}
.server-activity-list{display:grid;gap:12px}.server-activity-list>div{border:1px solid #1d2534;background:#111723;border-radius:14px;padding:14px 16px;display:grid;gap:6px}.server-activity-list b{color:#fff;font-size:13px}.server-activity-list small{color:#8b98aa;line-height:1.55}.server-activity-list span{color:#69788f;font-size:11px}.server-activity-empty{border:1px dashed #263144;border-radius:14px;padding:28px 18px;color:#8b98aa;text-align:center}
@media(max-width:1220px){.server-list-card{grid-template-columns:minmax(220px,1.2fr) repeat(2,minmax(130px,.75fr)) minmax(110px,.6fr) auto}.server-list-card>:nth-child(5){display:none}.server-overview-strip{grid-template-columns:repeat(2,minmax(0,1fr))}.server-reference-grid{grid-template-columns:1fr}.server-secondary-grid{grid-template-columns:1fr 1fr}.servers-ref-header h1,.server-ref-hero h1{font-size:34px}}
@media(max-width:820px){.servers-ref-header,.server-ref-hero{padding:22px 20px;border-radius:18px}.servers-ref-header{flex-direction:column}.servers-ref-panel{padding:14px}.server-list-card{grid-template-columns:1fr 1fr;gap:14px}.server-list-open{grid-column:1/-1;padding-top:2px}.server-list-main{grid-column:1/-1}.server-ref-hero{flex-direction:column}.server-toolbar-dark{width:100%;justify-content:flex-start}.server-connect-row{grid-template-columns:1fr;gap:9px}.server-connect-value{align-items:flex-start;flex-direction:column}.server-secret-value{width:100%}.server-secret-input{width:100%}.server-connect-footer{flex-direction:column;align-items:flex-start}.server-secondary-grid{grid-template-columns:1fr}.server-resource-grid{grid-template-columns:1fr 1fr}}
@media(max-width:600px){.servers-ref-header h1,.server-ref-hero h1{font-size:30px}.server-list-card{grid-template-columns:1fr;padding:16px}.server-overview-strip{grid-template-columns:1fr}.server-card{padding:18px 16px}.server-card-head h2{font-size:20px}.server-billing-price{font-size:31px}.server-resource-grid{grid-template-columns:1fr}.server-power-actions{grid-template-columns:1fr}.server-secret-actions{width:100%;justify-content:flex-start;flex-wrap:wrap}.server-toolbar-dark{display:grid;grid-template-columns:1fr 1fr}.server-toolbar-dark .server-actions-dropdown{justify-self:stretch}.server-toolbar-dark .server-more-button{width:100%;height:44px}.server-toolbar-dark form{min-width:0}.server-toolbar-dark form .btn,.server-toolbar-dark>a,.server-toolbar-dark>button{width:100%}}

/* Hostrava 1.5.5 — reference layout in the established Hostrava palette.
   Light porcelain surfaces, charcoal UI, warm copper interactions. */
.servers-ref-page,.server-detail-page{
  --vps-ink:#1c2931;--vps-muted:#81919b;--vps-line:#e5ebec;
  --vps-subtle:#f6f8f8;--vps-copper:#b97e49;--vps-shadow:0 12px 32px rgba(29,45,54,.035);
  color:var(--vps-ink);
}
.servers-ref-header,.server-ref-hero{
  background:#fff;border:1px solid var(--vps-line);border-radius:12px;
  box-shadow:var(--vps-shadow);
}
.servers-ref-kicker,.server-ref-kicker{color:var(--vps-copper)}
.servers-ref-header h1,.server-ref-hero h1{color:var(--vps-ink)}
.servers-ref-header p,.server-ref-hero p{color:var(--vps-muted)}
.servers-ref-panel{background:#fff;border:1px solid var(--vps-line);border-radius:12px;box-shadow:var(--vps-shadow)}
.server-list-card{
  border:1px solid var(--vps-line);border-radius:10px;background:#fff;
  box-shadow:0 2px 10px rgba(22,39,49,.016);
}
.server-list-card:hover{border-color:#d2a372;background:#fffdfa;box-shadow:0 10px 26px rgba(29,45,54,.065)}
.server-list-card:focus-within{outline:2px solid rgba(239,180,110,.72);outline-offset:2px}
/* The transparent whole-row anchor also captures taps on child text. */
.server-list-col,.server-list-open{pointer-events:none}
.server-list-col span{color:#94a3ad}
.server-list-col b,.server-list-col strong{color:var(--vps-ink)}
.server-list-col small{color:#87959e}
.server-list-icon{background:#f5eee5;color:#bd8550}
.server-list-status .pill{background:#edf7f0;border-color:#dcefe3}
.server-list-status .pill.wait{background:#fff4e6;border-color:#f2e2cb}
.server-list-status .pill.bad{background:#fff0ee;border-color:#f0d7d5}
.server-list-open{color:#956b43}
.server-backline a,.server-backline span,.server-backline{color:#84939d}
.server-ref-chip,.server-ref-ip,.server-card-tag{background:#f6f8f8;border-color:#e5ebed;color:#53636e}
.server-ref-hero .server-ref-meta .pill.ok{background:#e8f7ef;color:#3b9b68}
.server-toolbar-dark .btn{background:#202b33;border-color:#202b33;color:#fff}
.server-toolbar-dark .btn-outline{background:#fff;border-color:#dce3e5;color:#25343d}
.server-toolbar-dark .btn:hover{background:#33424b;border-color:#33424b}
.server-toolbar-dark .btn-outline:hover{background:#f8faf9;border-color:#cb9c69;color:#2b3740}
.server-overview-card,.server-card{
  background:#fff;border:1px solid var(--vps-line);border-radius:12px;
  box-shadow:var(--vps-shadow);
}
.server-overview-card span{color:#a08161}
.server-overview-card strong{color:var(--vps-ink)}
.server-overview-card small{color:var(--vps-muted)}
.server-card{color:var(--vps-ink)}
.server-card-head h2{color:var(--vps-ink)}
.server-card-head p{color:#8a99a1}
.server-card-tag{font-weight:600}
.server-link-button{color:#a67749}
.server-link-button:hover{color:#774f28}
.server-connect-row{border:1px solid #e8edef;background:var(--vps-subtle);border-radius:9px}
.server-connect-row>span{color:#81919c}
.server-connect-value b{color:#283943}
.server-connect-value em{color:#8999a2}
.server-secret-input{
  background:#fff;border:1px solid #dfe6e8;border-radius:8px;color:#23323b;
  font-size:16px; /* Prevent iOS focus zoom */ font-weight:500;
}
.server-secret-input:focus{border-color:#dba96d;box-shadow:0 0 0 3px rgba(239,180,110,.14)}
.server-inline-action{border:1px solid #dfe6e8;background:#fff;color:#6d7e89;border-radius:8px}
.server-inline-action:hover,.server-inline-action.is-active{background:#fff6e8;border-color:#e5c59d;color:#ad7742}
.server-connect-footer small{color:#8999a2}
.server-billing-price{color:#21313b}
.server-billing-price small{color:#91a0a9}
.server-billing-grid>div,.server-network-facts>div{
  border:1px solid #e8edef;background:#f9faf9;border-radius:9px;
}
.server-billing-grid span,.server-network-facts span{color:#91a0a8}
.server-billing-grid b,.server-network-facts b{color:#2a3943}
.server-power-actions .power-button{
  background:#fafbfa;border:1px solid #e4e9eb;color:#34434e;border-radius:9px;
}
.server-power-actions .power-button svg{color:#bd8757}
.server-power-actions .power-button:hover{background:#fff7ec;border-color:#e9bf90;color:#263740}
.server-power-actions .power-button:disabled{opacity:.55}
.server-dark-hint{background:#faf8f4;border:1px solid #f0e4d5;color:#8d8d89}
.server-resource-grid>div{border:1px solid #e8edef;background:#f8faf9;border-radius:9px}
.server-resource-grid span{color:#b88858}
.server-resource-grid label{color:#94a0a8}
.server-resource-grid b{color:#263842}
.server-activity-list>div{border:1px solid #e8edef;background:#f8faf9;border-radius:9px}
.server-activity-list b{color:#273942}
.server-activity-list small{color:#82939e}
.server-activity-list span{color:#9aa8b0}
.server-activity-empty{border-color:#dce5e7;color:#8e9ba4}
@media(max-width:600px){
  .server-secret-input{font-size:16px}
  .server-toolbar-dark .server-more-button{background:#fff;border-color:#dce3e5;color:#25343d}
}


/* Hostrava 1.5.6 — russian labels + calmer typography for VPS screens */
.servers-ref-page,.server-detail-page{--vps-shadow:0 10px 28px rgba(29,45,54,.03)}
.servers-ref-header,.server-ref-hero{padding:24px 26px;border-radius:14px}
.servers-ref-header h1,.server-ref-hero h1{font-size:28px;letter-spacing:-.8px;font-weight:800;margin:8px 0 6px}
.servers-ref-header p,.server-ref-hero p{font-size:14px;line-height:1.65}
.server-ref-kicker,.servers-ref-kicker{font-size:11px;letter-spacing:1.15px;font-weight:700}
.server-ref-chip,.server-ref-ip,.server-card-tag{font-size:12px;font-weight:600}
.server-overview-strip{margin:16px 0 14px}
.server-overview-card{min-height:unset;padding:18px 20px;gap:5px}
.server-overview-card strong{font-size:16px;letter-spacing:-.3px;font-weight:800}
.server-overview-card small{font-size:13px}
.server-reference-grid,.server-secondary-grid{gap:16px}
.server-card{padding:20px 20px 18px;border-radius:14px}
.server-card-head{margin-bottom:14px}
.server-card-head h2{font-size:16px;letter-spacing:-.2px;font-weight:800}
.server-card-head p{margin-top:5px;font-size:13px;line-height:1.5}
.server-list-card{padding:18px 20px;grid-template-columns:minmax(220px,1.35fr) repeat(3,minmax(120px,.75fr)) minmax(120px,.6fr) auto;align-items:center}
.server-list-main strong{font-size:16px;line-height:1.25;font-weight:800}
.server-list-main small,.server-list-col small{font-size:13px;line-height:1.45}
.server-list-col span{font-size:10px;letter-spacing:1px;font-weight:700;text-transform:uppercase}
.server-list-col b,.server-list-col strong{font-size:15px;line-height:1.35;font-weight:700}
.server-list-open{font-size:14px;font-weight:700}
.server-connect-row{padding:12px 14px;gap:14px}
.server-connect-row>span{font-size:12px}
.server-connect-value b,.server-connect-value em{font-size:14px;line-height:1.45}
.server-connect-footer small{font-size:12px}
.server-secret-input{font-size:14px;line-height:1.4}
.server-billing-price{font-size:28px;letter-spacing:-.8px;font-weight:800}
.server-billing-price small{font-size:14px}
.server-billing-grid span,.server-network-facts span,.server-resource-grid label{font-size:10px;letter-spacing:1px}
.server-billing-grid b,.server-network-facts b{font-size:14px}
.server-resource-grid b{font-size:14px;font-weight:800}
.server-activity-list b{font-size:14px}
.server-activity-list small{font-size:13px}
.server-activity-list span{font-size:12px}
.server-power-actions .power-button{min-height:88px;gap:8px}
.server-dark-hint{font-size:12px}
@media (max-width:1220px){
  .server-list-card{grid-template-columns:minmax(220px,1.2fr) repeat(2,minmax(125px,.8fr)) minmax(120px,.7fr) auto}
}
@media (max-width:820px){
  .servers-ref-header,.server-ref-hero{padding:20px 18px}
  .servers-ref-header h1,.server-ref-hero h1{font-size:24px}
}
@media (max-width:600px){
  .servers-ref-header h1,.server-ref-hero h1{font-size:22px}
  .server-overview-card strong{font-size:15px}
  .server-list-main strong{font-size:15px}
  .server-card-head h2{font-size:18px}
  .server-billing-price{font-size:24px}
}

/* Hostrava 1.5.7: match the original client-panel typography and restore
   breathing room between the stacked VPS sections. */
.servers-ref-page,.server-detail-page{
  font-size:13px;
  font-weight:400;
}
.servers-ref-page .servers-ref-header h1,
.server-detail-page .server-ref-hero h1{
  font-size:27px;
  font-weight:600;
  letter-spacing:-.7px;
  line-height:1.2;
}
.servers-ref-page .servers-ref-kicker,
.server-detail-page .server-ref-kicker{
  font-size:10px;
  font-weight:600;
  letter-spacing:1.3px;
}
.servers-ref-page .servers-ref-header p,
.server-detail-page .server-ref-hero p{
  font-size:12px;
  font-weight:400;
}
.servers-ref-page .server-list-main strong{
  font-size:13px;
  font-weight:600;
  letter-spacing:-.15px;
}
.servers-ref-page .server-list-col b,
.servers-ref-page .server-list-col strong{
  font-size:12px;
  font-weight:600;
}
.servers-ref-page .server-list-main strong{font-size:13px;font-weight:600}
.servers-ref-page .server-list-col small{font-size:11px;font-weight:400}
.servers-ref-page .server-list-col span{font-size:10px;font-weight:620}
.servers-ref-page .server-list-open{font-size:11px;font-weight:600}
.server-detail-page .server-overview-card strong{
  font-size:15px;
  font-weight:600;
  letter-spacing:-.15px;
}
.server-detail-page .server-overview-card span{
  font-size:10px;
  font-weight:620;
  letter-spacing:1px;
}
.server-detail-page .server-overview-card small{
  font-size:11px;
  font-weight:400;
}
.server-detail-page .server-card-head h2{
  font-size:15px;
  font-weight:600;
  letter-spacing:-.2px;
}
.server-detail-page .server-card-head p{
  font-size:11px;
  font-weight:400;
}
.server-detail-page .server-connect-value b,
.server-detail-page .server-network-facts b,
.server-detail-page .server-billing-grid b{
  font-size:12px;
  font-weight:600;
}
.server-detail-page .server-connect-row>span{
  font-size:11px;
  font-weight:500;
}
.server-detail-page .server-billing-price{
  font-size:26px;
  font-weight:600;
  letter-spacing:-.6px;
}
.server-detail-page .server-billing-price small{
  font-size:11px;
  font-weight:400;
}
.server-detail-page .server-resource-grid b{
  font-size:13px;
  font-weight:600;
}
.server-detail-page .server-activity-list b{
  font-size:12px;
  font-weight:600;
}
.server-detail-page .server-activity-list small{
  font-size:11px;
  font-weight:400;
}
.server-detail-page .server-power-actions .power-button{
  font-size:11px;
  font-weight:550;
}
/* These are two separate grids: margin is needed between them, not just gap. */
.server-detail-page .server-secondary-grid{
  margin-bottom:30px;
}
.server-detail-page .server-overview-strip{
  margin-bottom:20px;
}
@media(max-width:820px){
  .servers-ref-page .servers-ref-header h1,
  .server-detail-page .server-ref-hero h1{font-size:25px}
  .server-detail-page .server-secondary-grid{margin-bottom:24px}
}
@media(max-width:600px){
  .servers-ref-page .servers-ref-header h1,
  .server-detail-page .server-ref-hero h1{font-size:23px}
  .server-detail-page .server-card-head h2{font-size:15px}
  .server-detail-page .server-secondary-grid{margin-bottom:22px}
  .server-detail-page .server-secret-input{font-size:16px}
}

/* Hostrava 1.5.12 — branded confirmations instead of browser confirm/alert/prompt. */
.hostrava-action-backdrop[hidden],.hostrava-action-field[hidden],.hostrava-action-buttons [hidden]{display:none!important}
.hostrava-action-backdrop{position:fixed;inset:0;z-index:10000;display:flex;align-items:center;justify-content:center;padding:20px;background:rgba(12,19,24,.58);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);animation:hostravaBackdropIn .2s ease-out}
body.hostrava-action-visible{overflow:hidden}
.hostrava-action-dialog{position:relative;width:min(100%,470px);max-height:calc(100dvh - 40px);overflow-y:auto;padding:30px 30px 24px;border:1px solid #e2e8e9;border-radius:16px;background:#fff;color:#24333b;box-shadow:0 28px 100px rgba(7,14,20,.24);animation:hostravaDialogIn .22s cubic-bezier(.21,.8,.28,1)}
.hostrava-action-x{position:absolute;top:18px;right:18px;border:1px solid #e8edef;border-radius:9px;background:#f5f7f7;color:#75838c;width:32px;height:32px;font-size:22px;line-height:1;display:grid;place-items:center;cursor:pointer;transition:.15s}
.hostrava-action-x:hover{background:#e9edef;color:#24333b}
.hostrava-action-icon{width:44px;height:44px;display:grid;place-items:center;background:#fff2e5;color:#bb8050;border:1px solid #f1dcc6;border-radius:12px;margin-bottom:17px}
.hostrava-action-kicker{color:#b37e4f;font-size:10px;font-weight:750;letter-spacing:1.5px;margin-bottom:8px}
.hostrava-action-dialog h2{font-size:21px;line-height:1.25;letter-spacing:-.5px;font-weight:700;margin:0 34px 10px 0;color:#1e2c34}
.hostrava-action-dialog p{font-size:14px;line-height:1.7;color:#647680;margin:0 0 25px;white-space:pre-line;overflow-wrap:anywhere}
.hostrava-action-buttons{display:flex;justify-content:flex-end;gap:10px;align-items:center;border-top:1px solid #eef1f2;padding-top:19px}
.hostrava-action-buttons .btn{min-width:125px;font-size:13px;min-height:43px}
.hostrava-action-buttons .btn-accent{background:#eeb46f;border-color:#eeb46f;color:#1c2930}
.hostrava-action-buttons .btn-accent:hover{background:#f3c38d;border-color:#f3c38d}
.hostrava-action-backdrop[data-action-danger="true"] .hostrava-action-icon{background:#fff0ec;border-color:#f0d5d0;color:#bf6b60}
.hostrava-action-backdrop[data-action-danger="true"] .hostrava-action-buttons .btn-accent{background:#27343d;border-color:#27343d;color:white}
.hostrava-action-backdrop[data-action-danger="true"] .hostrava-action-buttons .btn-accent:hover{background:#3c4c56;border-color:#3c4c56}
.hostrava-action-field{display:grid;gap:9px;margin:-7px 0 25px;color:#364752;font-size:12px;font-weight:600}
.hostrava-action-field input{width:100%;border:1px solid #dce4e6;border-radius:9px;padding:13px 14px;outline:none;background:#f8faf9;color:#24343d;font-size:16px;font-weight:400}
.hostrava-action-field input:focus{border-color:#d5a16a;box-shadow:0 0 0 3px rgba(239,180,110,.15)}
.hostrava-action-backdrop[data-action-type="notice"] .hostrava-action-buttons{justify-content:flex-end}
@keyframes hostravaBackdropIn{from{opacity:0}to{opacity:1}}
@keyframes hostravaDialogIn{from{transform:translateY(11px) scale(.986);opacity:0}to{transform:translateY(0) scale(1);opacity:1}}
@media(max-width:520px){.hostrava-action-backdrop{padding:14px}.hostrava-action-dialog{width:100%;max-height:calc(100dvh - 28px);border-radius:13px;padding:24px 20px 18px}.hostrava-action-dialog h2{font-size:19px}.hostrava-action-dialog p{font-size:13px;margin-bottom:22px}.hostrava-action-buttons{display:grid;grid-template-columns:1fr 1fr;gap:9px}.hostrava-action-buttons .btn{min-width:0;padding:10px 8px}}
@media(prefers-reduced-motion:reduce){.hostrava-action-backdrop,.hostrava-action-dialog{animation:none}}
html[data-theme="dark"] .hostrava-action-backdrop{background:rgba(1,4,8,.7)}
html[data-theme="dark"] .hostrava-action-dialog{background:#1b222b;border-color:#37434f;box-shadow:0 28px 90px rgba(0,0,0,.48);color:#ecf2f8}
html[data-theme="dark"] .hostrava-action-x{background:#27313b;border-color:#374552;color:#b3c0cf}
html[data-theme="dark"] .hostrava-action-x:hover{background:#34424f;color:#fff}
html[data-theme="dark"] .hostrava-action-icon{background:#403126;border-color:#5f4430;color:#efb57a}
html[data-theme="dark"] .hostrava-action-kicker{color:#e8ae73}
html[data-theme="dark"] .hostrava-action-dialog h2{color:#f2f6fa}
html[data-theme="dark"] .hostrava-action-dialog p{color:#b2c0ce}
html[data-theme="dark"] .hostrava-action-buttons{border-color:#35414c}
html[data-theme="dark"] .hostrava-action-backdrop[data-action-danger="true"] .hostrava-action-icon{background:#412c2c;border-color:#684044;color:#f4aaa2}
html[data-theme="dark"] .hostrava-action-backdrop[data-action-danger="true"] .hostrava-action-buttons .btn-accent{background:#ddaa70;border-color:#ddaa70;color:#1d2229}
html[data-theme="dark"] .hostrava-action-backdrop[data-action-danger="true"] .hostrava-action-buttons .btn-accent:hover{background:#efbe85;border-color:#efbe85}
html[data-theme="dark"] .hostrava-action-field{color:#d9e2ec}
html[data-theme="dark"] .hostrava-action-field input{background:#111923;border-color:#3c4b59;color:#f2f6fa}

/* Live support counters and message delivery */
.nav-counter{display:inline-flex;align-items:center;justify-content:center;align-self:center;min-width:18px;height:18px;padding:0 5px;border-radius:999px;background:#ecb170;color:#18242e;font-size:10px;font-weight:700;font-style:normal;line-height:1;margin:0 0 0 8px;box-shadow:0 1px 4px rgba(0,0,0,.09)}
.nav-counter[hidden]{display:none!important}
.ticket-unread-mark{display:inline-flex;align-items:center;justify-content:center;margin-left:8px;min-width:18px;height:18px;padding:0 5px;border-radius:999px;background:#e9b274;color:#243038;font-size:10px;font-weight:700;font-style:normal;line-height:1}
.message-thread{max-height:min(65vh,640px);overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin}
.live-ticket-feedback{padding:0 24px;color:#8b725c;font-size:12px}
.live-ticket-feedback:empty{display:none}
html[data-theme="dark"] .nav-counter,html[data-theme="dark"] .ticket-unread-mark{background:#efb46e;color:#161c23}
/* Stock inventory */
.stock-list{display:grid;gap:14px;padding:19px}
.stock-item{border:1px solid #e2e8eb;border-radius:10px;padding:18px;background:#fafbfb}
.stock-item-head{display:flex;gap:12px;justify-content:space-between;align-items:flex-start}
.stock-item-head strong{display:block;font-size:15px;font-weight:700}
.stock-item-head small,.stock-item-sub{display:block;color:#8b9aa3;font-size:12px;margin-top:6px}
.stock-state{padding:6px 8px;border-radius:7px;font-size:11px;white-space:nowrap;background:#e9f6ed;color:#357b58}
.stock-state-imported,.stock-state-reserved{background:#fff1df;color:#9a733d}
.stock-state-review{background:#fff0f0;color:#b45454}
.stock-state-assigned,.stock-state-retired{background:#ecf0f2;color:#788794}
.stock-item-actions{margin-top:15px}.stock-item-actions form{display:inline}
.stock-retire-form{margin-top:10px}.stock-retire-form button{border:0;background:none;padding:4px 0;cursor:pointer}
.stock-review-note{font-size:12px;line-height:1.7;color:#9b6666}
html[data-theme="dark"] .stock-item{background:#202832;border-color:#3d4855}
html[data-theme="dark"] .stock-item-head strong{color:#f1f4f7}
html[data-theme="dark"] .stock-item-head small,html[data-theme="dark"] .stock-item-sub{color:#a5b2c1}
@media(max-width:660px){.stock-item-head{flex-wrap:wrap}.stock-list{padding:13px}}

/* Hostrava stock: private-key credential editor, light and dark modes */
.stock-credentials-editor{margin-top:14px;border:1px solid #dce4e7;border-radius:9px;padding:12px 14px;background:#f7f9f9}
.stock-credentials-editor summary{cursor:pointer;font-size:13px;font-weight:600;color:#ac784a;list-style-position:inside}
.stock-credentials-editor .stack-form{margin-top:13px;gap:13px}
.stock-credentials-editor textarea{min-height:70px}
html[data-theme="dark"] .stock-credentials-editor{background:#1a242f;border-color:#394856}
html[data-theme="dark"] .stock-credentials-editor summary{color:#e5ae74}

/* Hostrava 1.6.3 — manual stock VPS command queue */
.stock-command-state{display:flex;align-items:center;gap:13px;margin:0 0 30px;padding:16px 20px;border:1px solid #ebd5b8;border-radius:12px;background:#fff8ef;color:#8d642e}
.stock-command-state>div{flex:1;min-width:0}.stock-command-state strong{display:block;font-size:14px;font-weight:650;color:#80552b}.stock-command-state p{margin:4px 0 0;font-size:12px;color:#876f52}
.stock-command-state>span{font-size:12px;font-weight:600;color:#9d815d}
.stock-command-done{background:#eef8f0;border-color:#c7e8d0;color:#398256}.stock-command-done strong{color:#34734c}.stock-command-done p{color:#65866e}
.stock-command-failed{background:#fff0ee;border-color:#f1d1cb;color:#ba625c}.stock-command-failed strong{color:#974b48}.stock-command-failed p{color:#ae6963}
.manual-actions-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px;margin:18px 0 20px}
.manual-actions-stats article{background:#fff;border:1px solid #e6eced;border-radius:12px;padding:18px 20px;display:flex;flex-direction:column;gap:8px}
.manual-actions-stats span{font-size:12px;color:#82919b}.manual-actions-stats strong{font-size:27px;font-weight:640;color:#34424c}
.manual-actions-list{padding:20px;display:grid;gap:14px}
.manual-action-card{border:1px solid #e3e8ea;border-radius:12px;padding:19px;background:#fff;display:grid;gap:17px}
.manual-action-card>header{display:flex;align-items:flex-start;justify-content:space-between;gap:15px;flex-wrap:wrap}
.manual-action-headline{display:flex;align-items:center;gap:14px;min-width:0}.manual-action-headline>span{border-radius:8px;padding:9px 12px;background:#f3f5f6;color:#82909a;font-size:12px;font-weight:600}
.manual-action-headline strong{font-size:15px;font-weight:620;color:#26353f;display:block}.manual-action-headline small{display:block;color:#8b9aa4;font-size:12px;margin-top:5px;overflow-wrap:anywhere}
.manual-action-status{display:inline-flex;align-items:center;border-radius:999px;padding:7px 10px;font-size:11px;font-weight:600;background:#fff2df;color:#946f39}
.manual-action-status-completed{background:#eaf7ed;color:#3c8a5f}.manual-action-status-rejected{background:#ffefed;color:#bb5c55}
.manual-action-facts{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:13px}
.manual-action-facts>div{background:#f8fafa;border:1px solid #ecf0f1;padding:13px 14px;border-radius:9px;min-width:0}
.manual-action-facts small{display:block;font-size:11px;color:#93a0a8;margin-bottom:6px}.manual-action-facts b{font-size:12px;font-weight:630;color:#374750;overflow-wrap:anywhere}
.manual-action-facts a{text-decoration:underline;text-underline-offset:3px}
.manual-action-controls{display:flex;align-items:flex-start;gap:12px;flex-wrap:wrap}.manual-action-controls form{margin:0}
.manual-action-reject>summary{cursor:pointer;list-style:none}.manual-action-reject>summary::-webkit-details-marker{display:none}
.manual-action-reject-form{margin:12px 0 0;padding:12px;border:1px solid #e7ecee;border-radius:9px;display:grid;gap:10px;min-width:min(320px,80vw)}
.manual-action-reject-form label{font-size:12px;color:#677984;display:grid;gap:7px}.manual-action-reject-form textarea{min-height:70px;resize:vertical;border:1px solid #dce4e7;border-radius:7px;padding:10px;font:inherit}
.manual-action-result{margin:0;color:#7c8a93;font-size:12px;line-height:1.6}
html[data-theme="dark"] .stock-command-state{background:#32281d;border-color:#685033;color:#f2ba79}
html[data-theme="dark"] .stock-command-state strong{color:#f3c38b}html[data-theme="dark"] .stock-command-state p,html[data-theme="dark"] .stock-command-state>span{color:#d5b795}
html[data-theme="dark"] .stock-command-done{background:#183028;border-color:#315541;color:#92dab0}html[data-theme="dark"] .stock-command-done strong{color:#9de0b8}html[data-theme="dark"] .stock-command-done p{color:#99c5ad}
html[data-theme="dark"] .stock-command-failed{background:#392626;border-color:#654043;color:#efaba6}html[data-theme="dark"] .stock-command-failed strong{color:#f1b8b0}html[data-theme="dark"] .stock-command-failed p{color:#d3a7a2}
html[data-theme="dark"] .manual-actions-stats article,html[data-theme="dark"] .manual-action-card{background:#1a2028;border-color:#343f4c}
html[data-theme="dark"] .manual-actions-stats span,html[data-theme="dark"] .manual-action-headline small{color:#9cabb8}
html[data-theme="dark"] .manual-actions-stats strong,html[data-theme="dark"] .manual-action-headline strong{color:#edf2f7}
html[data-theme="dark"] .manual-action-headline>span,html[data-theme="dark"] .manual-action-facts>div{background:#222b36;border-color:#374551;color:#aab7c5}
html[data-theme="dark"] .manual-action-facts small,html[data-theme="dark"] .manual-action-result{color:#9dabba}
html[data-theme="dark"] .manual-action-facts b{color:#e8eff6}
html[data-theme="dark"] .manual-action-reject-form{background:#222a34;border-color:#3a4855}
html[data-theme="dark"] .manual-action-reject-form textarea{background:#151e27;border-color:#414d5b;color:#e9eff5}
@media(max-width:850px){.manual-action-facts{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:600px){.manual-actions-stats{grid-template-columns:1fr}.manual-action-facts{grid-template-columns:1fr}.manual-actions-list{padding:14px}.manual-action-card{padding:15px}.stock-command-state{align-items:flex-start;padding:14px 15px;gap:10px}.stock-command-state strong{font-size:13px}}

.manual-action-credentials{padding:13px 15px;border-radius:10px;border:1px solid #e3e9eb;background:#f9fafb;display:grid;gap:12px;max-width:460px}
.manual-action-credentials p{margin:0;color:#73838c;font-size:12px;line-height:1.55}
.manual-action-credentials label{font-size:12px;color:#5e6d76;display:grid;gap:6px}
.manual-action-credentials input,.manual-action-credentials textarea{width:100%;border-radius:8px;border:1px solid #d9e2e5;background:#fff;padding:11px;color:#24313a;resize:vertical;font-size:14px}
html[data-theme="dark"] .manual-action-credentials{background:#222a34;border-color:#3d4956}
html[data-theme="dark"] .manual-action-credentials p,html[data-theme="dark"] .manual-action-credentials label{color:#acb9c7}
html[data-theme="dark"] .manual-action-credentials input,html[data-theme="dark"] .manual-action-credentials textarea{background:#151e27;border-color:#414d5b;color:#e9eff5}

/* 1.6.5: manual reinstall access onboarding */
.reinstall-access-fieldset{margin:18px 0 16px;min-width:0}
.server-modal-form .reinstall-access-fieldset{border-top:1px solid rgba(133,151,164,.2);padding-top:18px}
.server-modal-form .reinstall-access-fieldset legend{padding-top:6px}
.manual-action-review{font-size:12px;line-height:1.7;color:#9f643a;background:#fff7e8;border:1px solid #edd9bf;padding:14px;border-radius:9px;margin-bottom:14px}
.manual-reinstall-bootstrap-fields{grid-template-columns:minmax(0,1.5fr) minmax(110px,.5fr)}
.manual-action-credentials textarea{resize:vertical;max-width:100%;overflow-wrap:anywhere}
html[data-theme="dark"] .manual-action-review{background:#352a23;border-color:#65452d;color:#f1bd85}
@media(max-width:600px){.manual-reinstall-bootstrap-fields{grid-template-columns:1fr}.reinstall-access-fieldset .access-methods{grid-template-columns:1fr}}

/* 1.6.6 — FreakHosting API controls */
.stock-api-link{margin-top:12px;padding-top:11px;border-top:1px solid #e7ecee;font-size:12px}
.stock-api-link summary{cursor:pointer;font-weight:650;color:#ad7a47;list-style-position:inside}
.stock-api-link .stack-form{padding:12px 0 0;gap:10px}
.stock-api-guide{margin:0 0 18px;color:#89949e;font-size:12px}
.stock-api-control{padding:22px;display:flex;flex-direction:column;gap:13px;font-size:12px}
.stock-api-fact{display:flex;justify-content:space-between;gap:10px;padding-bottom:12px;border-bottom:1px solid #e9edee}
.stock-api-fact>span{color:#8c9aa2}.stock-api-fact b{color:#394650}
.stock-api-control p{color:#85939c;line-height:1.7}
html[data-theme="dark"] .stock-api-link{border-color:#3d4855}
html[data-theme="dark"] .stock-api-control .stock-api-fact{border-color:#3d4855}
html[data-theme="dark"] .stock-api-fact b{color:#edf3f7}

/* Customer server-access actions */
.server-access-tools{display:flex;align-items:center;flex-wrap:wrap;gap:9px;padding:12px 22px;border-top:1px solid #e2e7eb}
.server-access-tools form{margin:0}.server-access-tools small{width:100%;font-size:11px;line-height:1.6;color:#8a98a4}
html[data-theme="dark"] .server-access-tools{border-top-color:#394450}
html[data-theme="dark"] .server-access-tools small{color:#a6b5c5}


/* 1.6.11 — branded reinstall OS catalog */
.reinstall-os-picker{min-width:0}
.reinstall-os-picker-heading{display:flex;flex-direction:column;gap:5px;margin-bottom:11px}
.reinstall-os-picker-heading strong{font-size:12px;color:#263540;font-weight:750}
.reinstall-os-picker-heading span{font-size:11px;color:#84949d}
.reinstall-os-native.is-enhanced{display:none!important}
.reinstall-os-catalog[hidden]{display:none!important}
.reinstall-os-catalog{border:1px solid #e1e7eb;border-radius:11px;overflow:hidden;background:#fff}
.reinstall-os-group{border-bottom:1px solid #e9eef0}
.reinstall-os-group summary{display:flex;align-items:center;gap:12px;min-height:61px;padding:10px 14px;cursor:pointer;list-style:none;color:#293844;outline-offset:-3px}
.reinstall-os-group summary::-webkit-details-marker{display:none}
.reinstall-os-group summary:hover{background:#f7f9fa}
.reinstall-os-group[open]>summary{background:#f8f5f0}
.reinstall-os-group summary:focus-visible{outline:2px solid #d29c62}
.reinstall-os-icon{height:36px;width:36px;flex:none;display:grid;place-items:center;background:#edf1f3;border-radius:8px;padding:7px}
.reinstall-os-icon img{width:100%;height:100%;object-fit:contain}
.reinstall-os-group-name{font-size:12px;font-weight:720;flex:1;min-width:0}
.reinstall-os-group-count{font-size:10px;color:#82929c;white-space:nowrap}
.reinstall-os-group-lock{font-size:10px;color:#a66f45;white-space:nowrap}
.reinstall-os-group summary>.ico{color:#8c99a2;transform:rotate(90deg);transition:transform .15s}
.reinstall-os-group[open] summary>.ico{transform:rotate(-90deg)}
.reinstall-os-versions{padding:6px 12px 13px 61px;display:grid;gap:7px;background:#fbfcfc}
.reinstall-os-version{display:flex;align-items:center;gap:12px;text-align:left;width:100%;border:1px solid #e2e8eb;background:#fff;border-radius:9px;padding:10px 12px;min-width:0;color:#25333d;cursor:pointer;transition:border-color .16s,background .16s}
.reinstall-os-version:hover:not(.is-unavailable){border-color:#d9aa73;background:#fffaf3}
.reinstall-os-version:focus-visible{outline:2px solid #d19b61;outline-offset:2px}
.reinstall-os-version.is-selected{background:#fbf1e5;border-color:#d4a36c;box-shadow:inset 0 0 0 1px rgba(211,159,102,.18)}
.reinstall-os-version-label{display:flex;flex-direction:column;gap:4px;flex:1;min-width:0}
.reinstall-os-version-label strong{font-size:12px;font-weight:760;line-height:1.25}
.reinstall-os-version-label small{font-size:10px;line-height:1.45;color:#82929a;overflow-wrap:anywhere}
.reinstall-os-version-check{display:grid;place-items:center;width:20px;height:20px;border-radius:50%;border:1px solid #dce4e7;color:transparent;flex:none}
.reinstall-os-version.is-selected .reinstall-os-version-check{background:#d8a46e;color:#16232d;border-color:#d8a46e}
.reinstall-os-version.is-unavailable{cursor:not-allowed;opacity:.65;background:#f7f8f9}
.reinstall-os-unavailable{font-size:10px;color:#98714d;text-align:right;max-width:110px}
.reinstall-os-selection{display:flex;align-items:center;gap:9px;padding:11px 15px;background:#f5f8f6;color:#4e7864;font-size:11px;line-height:1.4}
.reinstall-os-selection strong{font-weight:730;overflow-wrap:anywhere}
.reinstall-os-empty{font-size:12px;padding:16px;color:#81919a;margin:0}
@media(max-width:520px){.reinstall-os-group summary{gap:9px;padding:9px 10px;min-height:56px}.reinstall-os-icon{width:32px;height:32px;padding:5px}.reinstall-os-group-name{font-size:11px}.reinstall-os-group-count{font-size:9px}.reinstall-os-group-lock{display:none}.reinstall-os-versions{padding:6px 9px 10px 9px}.reinstall-os-version{padding:9px 10px}.reinstall-os-unavailable{font-size:9px;max-width:76px}}

.reinstall-os-icon{position:relative;overflow:hidden}
.reinstall-os-icon-fallback{position:absolute;inset:0;display:grid;place-items:center;font-size:15px;font-weight:800;line-height:1;color:#8a97a3}
.reinstall-os-icon img{position:relative;z-index:1;background:transparent}
.reinstall-os-icon-ubuntu{color:#e95420}.reinstall-os-icon-ubuntu .reinstall-os-icon-fallback{color:#e95420}
.reinstall-os-icon-debian .reinstall-os-icon-fallback{color:#d70a53}
.reinstall-os-icon-almalinux .reinstall-os-icon-fallback{color:#ee893b}
.reinstall-os-icon-fedora .reinstall-os-icon-fallback{color:#457cc8}
.reinstall-os-icon-rocky .reinstall-os-icon-fallback{color:#2fa76a}
.reinstall-os-icon-alpine .reinstall-os-icon-fallback{color:#308db4}
.reinstall-os-icon-freebsd .reinstall-os-icon-fallback{color:#db4437}
.reinstall-os-icon-windows .reinstall-os-icon-fallback{color:#00a4ef}

/* Hostrava 1.6.12 — stock renewal queue identifiers (admin only) */
.renewal-admin-sources{display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin:0 0 15px;font-size:11px;color:#75838e}
.renewal-admin-sources span{padding:7px 11px;border:1px solid #e0e5e8;border-radius:8px;background:#fff}
.renewal-admin-sources b{color:#76502e;font-weight:700}
.renewal-admin-provider{display:inline-flex;align-items:center;padding:4px 8px;border:1px solid #e5c9a8;border-radius:6px;background:#fff7eb;color:#975e2d;font-size:10px;font-weight:700;font-style:normal;white-space:nowrap}
.renewal-admin-uuid{display:block;font-size:10px;line-height:1.5;overflow-wrap:anywhere;color:#87939f;font-weight:500}
html[data-theme="dark"] .renewal-admin-sources span{background:#1b242e;border-color:#364250;color:#b6c4d0}
html[data-theme="dark"] .renewal-admin-sources b{color:#e9bc8a}
html[data-theme="dark"] .renewal-admin-provider{background:#362c24;border-color:#776045;color:#ecc08c}

/* 1.6.14 · referral commission hold */
.ref-stats-four{grid-template-columns:repeat(4,minmax(0,1fr))}
.ref-stats-four .ref-stat{padding:18px 15px;gap:11px;min-width:0}
.ref-stats-four .ref-stat-icon{width:38px;height:38px}
.ref-stats-four .ref-stat strong{font-size:clamp(16px,1.65vw,23px);letter-spacing:-.4px;overflow-wrap:anywhere}
.ref-hold-history{margin:22px 0}
.ref-hold-history .data-table td{white-space:nowrap}
.ref-hold-status{display:inline-flex;align-items:center;justify-content:center;border-radius:999px;padding:5px 9px;white-space:nowrap;font-size:11px;font-weight:650;font-style:normal}
.ref-hold-pending{background:#fff0dc;color:#94602e}
.ref-hold-released{background:#e8f6ed;color:#307853}
.ref-hold-reversed{background:#f3ecec;color:#a35e5e}
.ref-hold-empty{padding:24px;color:#89959c;font-size:12px;line-height:1.65}
html[data-theme="dark"] .ref-hold-pending{background:#443326;color:#edbc83}
html[data-theme="dark"] .ref-hold-released{background:#23392f;color:#86d8a8}
html[data-theme="dark"] .ref-hold-reversed{background:#3c2c30;color:#efa5ad}
@media(max-width:1120px){.ref-stats-four{grid-template-columns:repeat(2,minmax(0,1fr))}.ref-stats-four>*:last-child{grid-column:auto}}
@media(max-width:650px){.ref-stats-four{grid-template-columns:1fr}}

/* 1.6.16: explicit and protected VPS inventory deletion (admin only). */
.stock-delete-panel{margin-top:12px;border-top:1px solid #e5eaec;padding-top:11px}
.stock-delete-panel>summary{display:inline-flex;align-items:center;gap:7px;cursor:pointer;list-style:none;color:#a35f61;font-size:11px;font-weight:650;padding:6px 2px}
.stock-delete-panel>summary::-webkit-details-marker{display:none}
.stock-delete-panel>summary:hover{color:#bb555c}
.stock-delete-panel>summary:focus-visible{outline:2px solid #c68b63;outline-offset:3px;border-radius:4px}
.stock-delete-form{display:flex;align-items:flex-start;flex-direction:column;gap:10px;max-width:380px;margin-top:8px;padding:14px;border-radius:9px;border:1px solid #eddddd;background:#fffafa}
.stock-delete-form p{margin:0;font-size:11px;line-height:1.6;color:#92696b}
.stock-delete-form label{font-size:11px;line-height:1.6;color:#6b4548;width:100%}
.stock-delete-form label b{font-weight:750;white-space:nowrap}
.stock-delete-form input{display:block;width:100%;box-sizing:border-box;margin-top:7px;min-height:37px;padding:8px 10px;border-radius:7px;border:1px solid #dec6c7;color:#323941;background:#fff;font-size:13px;font-style:normal}
.stock-delete-form input:focus{outline:2px solid #c68b63;outline-offset:1px}
.stock-delete-submit{display:inline-flex;align-items:center;gap:7px;border:1px solid #ac6568;background:#ac6568;color:#fff;font-weight:650}
.stock-delete-submit:hover{background:#934e54;color:#fff;border-color:#934e54}
.stock-delete-locked{display:flex;align-items:center;gap:7px;margin:10px 0 0;font-size:10px;line-height:1.5;color:#8d989e}
html[data-theme="dark"] .stock-delete-panel{border-color:#3b4652}
html[data-theme="dark"] .stock-delete-panel>summary{color:#f0aaaa}
html[data-theme="dark"] .stock-delete-form{background:#2b252b;border-color:#644248}
html[data-theme="dark"] .stock-delete-form p,html[data-theme="dark"] .stock-delete-form label{color:#e1babb}
html[data-theme="dark"] .stock-delete-form input{background:#1a222d;color:#f4f4f4;border-color:#755158}
html[data-theme="dark"] .stock-delete-locked{color:#b0bac5}