:root{--bg:#110e13;--panel:#1b151d;--border:#3e2b36;--muted:#a995a5;--orange:#ff8f43;--orange-light:#ffc283;--text:#f6e8ee}
body{background:radial-gradient(ellipse at 17% 6%,#42201e55,transparent 46%),radial-gradient(ellipse at 85% 54%,#38204044,transparent 52%),#110e13;color:#f6e8ee}
.panel,.stat-card,.login-card{background:linear-gradient(125deg,#241a24,#19131b);border-color:#49303c;box-shadow:0 15px 35px #07030933}
.sidebar{background:#171019ee;border-color:#382334}
.sidebar .brand small{letter-spacing:1.5px;font-size:8px}
.brand span{font-size:20px}
.topbar{background:#151015dd;backdrop-filter:blur(16px);border-color:#422731}
.hero-card{background:radial-gradient(ellipse at 27% 50%,#74302788,transparent 50%),linear-gradient(110deg,#241320,#341b26,#22171e);border-color:#a2553c66;box-shadow:0 22px 55px #0005,inset 0 1px 0 #ffc38822}
.hero-copy h2{color:#ffeedb}
.hero-copy p{color:#c8b5c2}
.fire-art{width:42%;height:330px;top:0;left:0}
.fire-art>img{width:100%;height:100%;filter:drop-shadow(0 0 23px #ff6d2c22)}
.fire-art .orbit,.fire-art .fire-halo,.fire-art .star{display:none}
.art-coordinate{opacity:.65}
.hero-meta{background:#150b1288;border-color:#7d48383d}
.button.primary{background:linear-gradient(110deg,#ff943f,#f95938);color:#211016;border-color:#ffb377;box-shadow:0 5px 18px #ed57242d}
.button.ivory{background:#f9dcc0;color:#342229}
.button.secondary{background:#3f2432;color:#ffd0a3;border-color:#7b473d}
.nav-item.active{background:linear-gradient(90deg,#6c342222,#a54b2933);border-color:#9d573244}
.icon-button:hover,.profile-mini:hover{background:#38202a;border-color:#a15a43}
.telemetry-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.25fr);gap:20px;margin:22px 0}
.telemetry-card{min-width:0}
.gauges{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;padding:15px 20px 0}
.resource-gauge{text-align:center;min-width:0}
.resource-gauge svg{width:95px;max-width:100%;height:auto;display:block;margin:0 auto}
.resource-gauge text{fill:#ffe6cc;font:600 18px Arial,sans-serif}
.gauge-arc{stroke:#ff9955}
.resource-gauge:nth-child(2) .gauge-arc{stroke:#db87c0}
.resource-gauge:nth-child(3) .gauge-arc{stroke:#ecca7d}
.resource-gauge b{display:block;font-size:12px}.resource-gauge small{display:block;font-size:9px;color:#ac95a2;overflow-wrap:anywhere}
.telemetry-card>.field-note{padding:12px 20px}
.network-chart{height:155px;display:flex;align-items:center;justify-content:center;padding:0 18px;overflow:hidden}
.network-chart svg{width:100%;height:150px}
.chart-grid{fill:none;stroke:#493038;stroke-width:1;stroke-dasharray:3 8}
.chart-down,.chart-up{fill:none;stroke:#ff9955;stroke-width:3;stroke-linejoin:round;stroke-linecap:round}
.chart-up{stroke:#d781bf;stroke-width:2}
.chart-label{font:10px Arial;fill:#a48a9c}
.chart-wait{font-size:12px;color:var(--muted)}
.chart-legend{font-size:9px;display:flex;align-items:center;gap:5px;color:#ac93a3}
.chart-legend i{width:7px;height:7px;background:#ff9955;border-radius:50%}.chart-legend i:last-of-type{background:#d781bf}
.network-rates{display:flex;justify-content:space-between;font:11px Arial,sans-serif;color:#ffc28a;padding:0 22px 18px;direction:ltr}
.network-rates span:last-child{color:#da9ac9}
.hosting-cards{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:14px;margin-bottom:22px}
.hosting-card{display:flex;flex-direction:column;align-items:flex-start;text-align:right;padding:20px 17px;background:#241922;border:1px solid #563341;border-radius:16px;min-width:0;transition:transform .15s,border-color .15s}
.hosting-card:hover{transform:translateY(-3px);border-color:#bb7157}
.hosting-card.selected{background:linear-gradient(145deg,#61352c88,#251725);border-color:#e79b5f;box-shadow:0 8px 25px #f7772122}
.hosting-logo{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:10px;background:#50313a;color:#ffc69e;font:600 23px Arial;margin-bottom:18px}
.hosting-card b{font-size:14px}.hosting-card p{font-size:11px;color:#b9a0ae;line-height:2.1;margin:12px 0 18px;flex:1}.hosting-card small{font-size:10px;color:#efac79}
.hosting-card:disabled{opacity:.6;cursor:default;transform:none}
.hosting-guide{padding-bottom:20px;margin-bottom:22px}.hosting-guide ol{font-size:13px;color:#dac2ca;padding:0 40px;line-height:2.5}.hosting-guide li{padding-right:6px;margin-bottom:8px}.hosting-guide>.field-note{margin:0 25px}
.mode-badge{padding:8px 12px;border:1px solid #835344;border-radius:20px;color:#ffc993;font:10px Arial;background:#402429}
.vps-panel{margin-bottom:25px}.key-preview{display:grid;grid-template-columns:1fr;gap:8px;margin-top:20px;border:1px solid #4a2d38;border-radius:12px;padding:15px;background:#120d13}
.key-preview span{font-size:10px;color:#ba99ab}.key-preview code{direction:ltr;overflow-wrap:anywhere;color:#f7b278;font:12px monospace;display:block}
.toggle-line{display:flex;align-items:center;gap:10px;padding:10px 0}.toggle-line input{width:18px!important;margin:0}
.telegram-layout{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);gap:22px}
.telegram-guide{padding:35px;position:relative;overflow:hidden;background:radial-gradient(circle at 30% 0%,#ba5f572b,transparent 65%),#231724}
.telegram-guide h2{font-size:28px;margin:15px 0}.telegram-guide>p{font-size:13px;line-height:2.2;color:#bda2b1}
.telegram-orb{display:flex;align-items:center;justify-content:center;width:64px;height:64px;border-radius:20px;background:linear-gradient(135deg,#eea267,#cd6489);box-shadow:0 0 55px #c869762f;color:#31131f;font:40px Arial}
.command-list{margin:26px 0}.command-list>div{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:14px 0;border-bottom:1px solid #543341}.command-list code{direction:ltr;color:#ffd196;font:12px monospace}.command-list span{font-size:11px;color:#c1a4b3}
.profile-filters{display:flex;gap:8px;flex-wrap:wrap;margin:20px 0}.profile-filters button{background:#291b26;border:1px solid #583d48;border-radius:20px;padding:8px 16px;color:#b9a2b0;font-size:11px}.profile-filters button.active{color:#ffc896;border-color:#b47047;background:#592f27}
.locked-profile{opacity:.7}.locked-profile button:disabled{background:#30212b;border-color:#563b49;color:#ac96a6}
.profiles-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.profile-card p{min-height:64px}.profile-card{min-width:0}.profile-card h2{font-size:18px}
.choice.unavailable{opacity:.45;cursor:default}.choice b{direction:ltr;text-align:right}.choice small{overflow-wrap:anywhere}
#connection-choices{max-height:350px;overflow-y:auto}.modal{max-height:92dvh;overflow:auto}
[hidden]{display:none!important}
.mobile-brand{display:none}.mobile-nav{display:none}
input,select{background:#160f18;border-color:#674352;color:#f4e0e9}
input[readonly]{background:#1d121c;color:#f4b47e}
.telemetry-grid,.telegram-layout,.hosting-cards,.stats-grid,.dashboard-columns{min-width:0}
@media(max-width:1100px){.hosting-cards{grid-template-columns:repeat(3,minmax(0,1fr))}.profiles-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:800px){
 .telemetry-grid,.telegram-layout{grid-template-columns:minmax(0,1fr)}
 .mobile-brand{display:flex;align-items:center;gap:5px;color:#f3c2a2;font:600 15px Arial;text-decoration:none}.mobile-brand span{font-size:16px}
 .topbar .breadcrumb{display:none}.topbar{padding:12px 18px;height:auto;min-height:62px}
 .mobile-nav{display:none;position:fixed;left:12px;right:12px;bottom:10px;z-index:50;border:1px solid #a5644677;border-radius:18px;background:#241624ef;backdrop-filter:blur(18px);box-shadow:0 10px 35px #0008;grid-template-columns:repeat(5,minmax(0,1fr));padding:8px 5px}
 body.signed-in .mobile-nav{display:grid}
 .mobile-nav button{display:flex;flex-direction:column;align-items:center;gap:6px;color:#b798a9;font-size:10px;background:none;border:0;padding:5px 2px}.mobile-nav .icon{height:18px;width:18px}.mobile-nav button.active{color:#ffa85e}
 .main-shell main{padding-bottom:100px}.main-footer{padding-bottom:20px}
 .hero-card{min-height:285px}.fire-art{left:-7%;width:46%;top:20px;height:225px}.hero-copy{max-width:75%;padding:27px 24px 65px}.hero-copy h2{font-size:31px}.hero-copy p{font-size:11px}
 .page-heading h1{font-size:25px}.page-heading p{font-size:11px}.page-heading{gap:10px}
 .hosting-cards{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.hosting-card{padding:18px 14px}.hosting-card p{font-size:11px}
 .profiles-grid{grid-template-columns:minmax(0,1fr)}
 .telemetry-grid{gap:16px}.gauges{padding:12px 15px 0;gap:8px}.resource-gauge svg{width:85px}
 .telegram-guide{padding:25px}
 .stat-card small{font-size:10px}.stat-card>div{font-size:11px!important}.stat-card strong{font-size:30px}
 .setting-panel label{font-size:12px}.field-note{font-size:11px!important;line-height:2}.notice b{font-size:11px}.notice div>span{font-size:10px}
 .profile-mini b{font-size:11px}.profile-mini small{font-size:9px}.activity-item b{font-size:11px}
 .form-grid{grid-template-columns:minmax(0,1fr)}.key-preview code{font-size:11px}
}
@media(prefers-reduced-motion:reduce){.hosting-card{transition:none}}

.mobile-tools{display:none}@media(max-width:800px){.mobile-tools{display:flex;gap:8px;flex-wrap:wrap;margin-top:18px}.mobile-tools .button{font-size:10px;padding:8px 12px}}