:root{color-scheme:dark;--bg:#101012;--surface:#18181c;--surface2:#1e1e23;--line:#303036;--line-soft:#27272d;--text:#f4f4f6;--muted:#a5a5ad;--subtle:#85858e;--red:#ef3340;--green:#71d99e;--amber:#edc17c;--body:'DM Sans',sans-serif;--mono:'JetBrains Mono',monospace}
*,*::before,*::after{box-sizing:border-box}
html{min-width:320px;min-height:100%;background:var(--bg);font-size:16px}
body{min-width:320px;min-height:100vh;margin:0;color:var(--text);background:radial-gradient(ellipse at 77% -20%,rgba(239,51,64,.1),transparent 39%),var(--bg);font:400 15px/1.5 var(--body)}
button,input,select,textarea{font:inherit}button{color:inherit;cursor:pointer;-webkit-tap-highlight-color:transparent}button:disabled{opacity:.5;cursor:not-allowed;transform:none!important}
a{color:#ff7880;text-decoration:none}a:hover{color:#ff9ba1;text-decoration:underline}::selection{color:white;background:rgba(239,51,64,.4)}
.hidden{display:none!important}.muted-small{color:var(--muted);font-size:13px}.center{text-align:center}.form-error{min-height:16px;margin:0;color:#ff747d;font-size:13px}
.eyebrow{color:#e35c65;font:700 10px/1.5 var(--mono);letter-spacing:.14em}
/* Authentication */
.auth-wrap{position:relative;display:grid;min-height:100vh;min-height:100svh;place-items:center;overflow:hidden;padding:clamp(18px,4vw,54px);background:radial-gradient(ellipse at 14% 78%,rgba(239,51,64,.12),transparent 34%),radial-gradient(ellipse at 92% 8%,rgba(239,51,64,.08),transparent 32%),#0d0d0f}
.auth-wrap::before{position:absolute;inset:0;background-image:linear-gradient(#fff 1px,transparent 1px),linear-gradient(90deg,#fff 1px,transparent 1px);background-size:72px 72px;opacity:.018;content:'';pointer-events:none}
.auth-wrap::after{position:absolute;top:-250px;left:38%;width:600px;height:600px;border:1px solid #ef334010;border-radius:50%;box-shadow:0 0 0 60px #ef334006,0 0 0 130px #ef334004;content:'';pointer-events:none}
.auth-layout{position:relative;z-index:1;display:grid;width:min(1160px,100%);min-height:min(740px,calc(100svh - 72px));grid-template-columns:minmax(0,1.08fr) minmax(390px,.82fr);overflow:hidden;border:1px solid #ffffff15;border-radius:22px;background:#141416;box-shadow:0 32px 100px #0009,0 0 80px #ef33400b}
.auth-showcase{position:relative;display:flex;min-width:0;min-height:650px;flex-direction:column;overflow:hidden;padding:clamp(26px,4.2vw,54px);border-right:1px solid #ffffff10;background:radial-gradient(ellipse at 72% 66%,#ef334012,transparent 42%),linear-gradient(145deg,#1a1518,#171619 48%,#131315)}
.auth-showcase::before{position:absolute;inset:0;background:linear-gradient(135deg,transparent 0 58%,#ffffff05 58.1%,transparent 58.3%),linear-gradient(135deg,transparent 0 72%,#ffffff04 72.1%,transparent 72.3%);content:'';pointer-events:none}
.auth-showcase::after{position:absolute;right:30px;bottom:88px;color:#ffffff05;content:'FH';font-size:clamp(130px,19vw,250px);font-weight:800;letter-spacing:-.12em;line-height:.8;pointer-events:none}
.brand{display:flex;align-items:center;gap:12px}.auth-showcase-header{position:relative;z-index:2;display:flex;align-items:center;justify-content:space-between;gap:14px}.brand-auth{justify-content:flex-start;margin:0}.brand-auth>div{text-align:left}
.brand-mark-img{display:block;width:46px;height:46px;flex:0 0 46px;object-fit:contain;filter:drop-shadow(0 5px 13px rgba(239,51,64,.28))}
.brand-auth .brand-mark-img{width:66px;height:66px;flex-basis:66px}
.brand-name-img{display:block;width:min(220px,48vw);height:auto;max-height:38px;object-fit:contain;object-position:left center}
.brand-name-img-sidebar{width:100%;max-width:202px;max-height:38px}
.brand-sidebar{gap:8px;padding-right:0}
.brand-sidebar .brand-mark-img{width:46px;height:46px;flex-basis:46px}
.brand-sidebar .brand-wordmark{flex:1 1 auto;width:auto}
.brand-sidebar .brand-tagline{font-size:8px;letter-spacing:.105em;white-space:nowrap}
.brand-sidebar .sidebar-hamburger{width:31px;height:36px;flex:0 0 31px;margin-left:0}
.brand-auth .brand-name-img{width:205px;margin:0}
.brand-wordmark{min-width:0}
.brand-name{color:#fff;font-size:23px;font-weight:800;letter-spacing:.08em}.brand-tagline{margin:4px 0 0;color:var(--muted);font-size:12px}
.brand-mark{display:grid;width:40px;height:40px;flex:0 0 40px;place-items:center;border:1px solid #ffffff20;border-radius:12px;background:linear-gradient(145deg,#ff4b56,#9e1823);box-shadow:0 8px 24px #ef334033;color:#fff;font-size:22px;font-weight:800}
.auth-availability{display:inline-flex;align-items:center;gap:8px;padding:7px 10px;border:1px solid #71d99e2b;border-radius:999px;background:#71d99e0b;color:#a9d6b9;font:700 8px var(--mono);letter-spacing:.08em;white-space:nowrap}.auth-availability i,.auth-showcase-footer i{width:6px;height:6px;border-radius:50%;background:#71d99e;box-shadow:0 0 10px #71d99e88}
.auth-showcase-content{position:relative;z-index:1;display:flex;flex:1;flex-direction:column;justify-content:center;padding:45px 0 55px}.auth-kicker,.auth-card-kicker{display:flex;align-items:center;gap:9px;color:#d46a73;font:700 9px var(--mono);letter-spacing:.16em}.auth-kicker i{width:18px;height:1px;background:var(--red)}
.auth-showcase-content h1{position:relative;z-index:2;margin:18px 0 13px;color:#fff;font-size:clamp(43px,5.6vw,70px);font-weight:800;letter-spacing:-.065em;line-height:.98}.auth-showcase-content h1 em{color:#f36a73;font-style:normal}.auth-showcase-content>p{position:relative;z-index:2;max-width:375px;margin:0;color:#aaa5aa;font-size:14px;line-height:1.65}
.auth-visual{position:absolute;right:2%;bottom:2%;width:min(310px,53%);height:245px;opacity:.84;pointer-events:none}.auth-visual-ring{position:absolute;top:50%;left:50%;display:block;border:1px solid #ef33402a;border-radius:50%;transform:translate(-50%,-50%)}.auth-visual-ring-outer{width:230px;height:230px;box-shadow:0 0 0 18px #ef334006,0 0 0 45px #ef334004}.auth-visual-ring-inner{width:150px;height:150px;border-color:#ffffff1c;box-shadow:inset 0 0 40px #ef33400a}.auth-visual-cross{position:absolute;top:50%;left:50%;display:block;background:linear-gradient(90deg,transparent,#ffffff2b,transparent);transform:translate(-50%,-50%)}.auth-visual-cross-x{width:100%;height:1px}.auth-visual-cross-y{width:1px;height:100%;background:linear-gradient(transparent,#ffffff2b,transparent)}
.auth-visual-core{position:absolute;top:50%;left:50%;display:flex;width:90px;height:90px;flex-direction:column;align-items:center;justify-content:center;border:1px solid #ef33405e;border-radius:50%;background:radial-gradient(circle,#332025,#171518 72%);box-shadow:0 0 35px #ef334026;transform:translate(-50%,-50%)}.auth-visual-core img{width:39px;height:39px;object-fit:contain}.auth-visual-core small{margin-top:1px;color:#fff;font:800 8px var(--mono);letter-spacing:.12em}.auth-visual-core b{margin-top:2px;color:#c37b80;font:500 6px var(--mono);letter-spacing:.1em}.auth-visual-label{position:absolute;color:#b58488;font:600 7px var(--mono);letter-spacing:.11em}.auth-visual-label-a{top:14%;left:0}.auth-visual-label-b{right:0;bottom:14%}
.auth-showcase-footer{position:relative;z-index:1;display:flex;justify-content:space-between;gap:12px;padding-top:17px;border-top:1px solid #ffffff12;color:#88838a;font:600 8px var(--mono);letter-spacing:.12em}.auth-showcase-footer span:first-child{display:flex;align-items:center;gap:8px}.auth-showcase-footer i{width:5px;height:5px;background:var(--red);box-shadow:0 0 8px #ef3340aa}
.auth-panel{display:flex;min-width:0;flex-direction:column;justify-content:center;padding:clamp(26px,4.6vw,58px);background:radial-gradient(ellipse at 100% 0,#ef33400b,transparent 40%),linear-gradient(155deg,#19191c,#141416 72%)}.auth-panel-meta,.auth-panel-footer{display:flex;justify-content:space-between;gap:12px;color:#77747c;font:600 8px var(--mono);letter-spacing:.1em}.auth-panel-meta{margin-bottom:26px}.auth-panel-meta b{color:#f17880;font-weight:700}.auth-panel-footer{margin-top:22px;color:#6e6b72;font-size:7px}
.auth-card{width:100%;margin:0;padding:0;border:0;border-radius:0;background:transparent;box-shadow:none}.auth-card-head{margin-bottom:23px}.auth-card-kicker{font-size:8px}.auth-card-head h2{margin:8px 0 5px;color:#fff;font-size:28px;font-weight:750;letter-spacing:-.045em}.auth-card-head p{margin:0;color:#99969e;font-size:12px;line-height:1.55}
.tabs{position:relative;display:flex;gap:4px;margin-bottom:21px;padding:4px;border:1px solid #ffffff13;border-radius:10px;background:#0f0f11}
.tab{position:relative;z-index:1;flex:1;min-height:39px;padding:9px;border:0;border-radius:7px;background:transparent;color:#89858e;font-size:12px;font-weight:700;transition:color .18s,background .18s}.tab.active{color:#fff}.tab:focus-visible{z-index:3;outline:2px solid #ff8990;outline-offset:2px;box-shadow:0 0 0 4px #ef33402e}.tab:not(.active):hover{color:#eee9eb;background:#ffffff08}
.tab-indicator{position:absolute;top:4px;left:4px;width:calc(50% - 4px);height:calc(100% - 8px);border:1px solid #f35a64;background:linear-gradient(120deg,#e63b47,#a91e2a);border-radius:7px;box-shadow:0 4px 15px #ef33402b;transition:transform .22s}
.auth-form{display:flex;flex-direction:column;gap:9px}.auth-form label{margin-top:3px;color:#d2cfd4;font-size:11px;font-weight:700}.auth-form input{min-height:47px;padding:12px 13px;border-color:#38363c;border-radius:8px;background:#101012;font-size:13px}.auth-form input:focus{border-color:#ec5963;box-shadow:0 0 0 3px #ef334020}.auth-form input::placeholder{color:#6f6c74}.auth-form .form-error{min-height:0;margin:0;font-size:12px;line-height:1.4}.auth-form .form-error:empty{display:none}.auth-form .form-error:not(:empty){display:block;padding:2px 0}.auth-form .btn{min-height:46px;justify-content:space-between;margin-top:7px;padding-inline:15px}.auth-form .btn span{font-size:18px;transition:transform .18s}.auth-form .btn:hover span{transform:translateX(3px)}.auth-foot{display:flex;align-items:center;gap:10px;margin:21px 0 0;padding-top:16px;border-top:1px solid #ffffff10;text-align:left;line-height:1.45}.auth-foot-mark{display:grid;width:28px;height:28px;flex:0 0 28px;place-items:center;border:1px solid #ef334044;border-radius:8px;background:#ef334012;color:#ff7c84;font:700 8px var(--mono)}
/* Compact auth card refinement: clearer hierarchy and a more deliberate frame. */
.auth-panel{position:relative;isolation:isolate}
.auth-panel::before{position:absolute;z-index:-1;inset:18% 9%;border:1px solid #ffffff0a;border-radius:22px;background:linear-gradient(145deg,#ffffff04,#ffffff00 48%,#ef334006);content:'';pointer-events:none}
.auth-panel-meta{margin:0 0 22px;padding:0 2px;color:#8b8790;font-size:8px;letter-spacing:.15em}
.auth-card{padding:24px 22px 20px;border:1px solid #ffffff17;border-radius:16px;background:linear-gradient(145deg,#1b1b1fef,#151518f5);box-shadow:0 18px 48px #0005,inset 0 1px #ffffff08}
.auth-card-head{margin-bottom:19px}.auth-card-kicker{gap:8px;color:#f07179;font-size:8px;letter-spacing:.18em}.auth-card-kicker::before{width:15px;height:1px;background:linear-gradient(90deg,transparent,var(--red));content:''}
.auth-card-head h2{font-size:clamp(25px,3vw,31px);letter-spacing:-.055em}.auth-card-head p{max-width:34ch;font-size:12px}
.tabs{margin-bottom:19px;padding:4px;border-color:#ffffff18;background:#101012}
.tab{min-height:38px}.tab-indicator{background:linear-gradient(115deg,#f03b49,#c31f30);box-shadow:0 5px 18px #ef33403b}
.auth-form{gap:8px}.auth-form label{margin-top:5px;font-size:11px;letter-spacing:.01em}.auth-form input{min-height:46px;border-radius:9px;transition:border-color .18s,box-shadow .18s,background .18s}.auth-form input:focus{background:#141416;box-shadow:0 0 0 3px #ef334018,0 0 18px #ef33400d}
.auth-form .btn{min-height:47px;margin-top:8px;border-radius:9px;box-shadow:0 8px 20px #ef334026}.auth-foot{margin-top:18px;padding-top:14px;color:#b2afb7}.auth-foot-mark{border-radius:9px}
.auth-panel-footer{margin-top:18px;padding:0 2px;font-size:7px;letter-spacing:.13em}
@media(max-width:760px){.auth-panel::before{inset:14% 4%}.auth-card{padding:21px 18px 18px}}
/* Shell, drawer and navigation */
#appShell.shell{display:block;min-height:100vh}
.sidebar{position:fixed;z-index:40;inset:0 auto 0 0;display:flex;width:264px;height:100dvh;flex-direction:column;overflow:hidden auto;padding:20px 15px 16px;border-right:1px solid var(--line-soft);background:rgba(15,15,17,.98);box-shadow:12px 0 36px #0002;transition:transform .24s,width .24s}
.shell.sidebar-collapsed .sidebar{width:264px;transform:translateX(-101%)}
.content-area{min-width:0;min-height:100vh;margin-left:0;transition:margin-left .24s}.shell:not(.sidebar-collapsed) .content-area{margin-left:264px}
.brand-sidebar{min-height:61px;padding:0 5px 17px;border-bottom:1px solid var(--line-soft)}.brand-sidebar .brand-name{font-size:16px}.brand-sidebar .brand-tagline{color:var(--subtle);font:600 9px var(--mono);letter-spacing:.12em}
.hamburger{display:inline-grid;width:40px;height:40px;flex:0 0 auto;place-items:center;border:1px solid transparent;border-radius:9px;background:transparent;color:#e8e8eb}
.hamburger:hover{border-color:var(--line);background:#242429}.hamburger svg{width:22px;height:22px}.sidebar-hamburger{margin-left:auto}.topbar-hamburger{display:inline-grid;margin-right:8px}
.nav{display:flex;flex:1;flex-direction:column;gap:5px;margin-top:15px}.nav-group{min-width:0}
.nav-item{position:relative;display:flex;width:100%;min-height:46px;align-items:center;gap:12px;padding:10px 12px;border:0;border-radius:10px;background:transparent;color:#b5b5bd;text-align:left;font-size:14px;font-weight:650;transition:background .18s,color .18s}
.nav-item:hover{background:#1e1e22;color:#fff}.nav-item.active{background:linear-gradient(95deg,#ef33402e,#ef33400b);color:#fff}
.nav-item.active::before{position:absolute;inset:9px auto 9px 0;width:3px;border-radius:0 3px 3px 0;background:var(--red);content:''}
.nav-icon{display:inline-grid;width:22px;height:22px;flex:0 0 22px;place-items:center;color:#898991;font-size:18px}.nav-icon svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.nav-item.active .nav-icon{color:#ff7079}
.nav-chevron{margin-left:auto;color:#797981;transition:transform .2s}.nav-group.open .nav-chevron{transform:rotate(90deg)}
.nav-submenu{display:flex;max-height:0;flex-direction:column;gap:2px;overflow:hidden;padding-left:44px;visibility:hidden;opacity:0;transition:max-height .22s,opacity .18s,padding .22s,visibility .22s}
.nav-group.open .nav-submenu{max-height:140px;padding-top:4px;padding-bottom:5px;visibility:visible;opacity:1}
.nav-sub-item{min-height:35px;padding:7px 10px;border:0;border-radius:7px;background:transparent;color:#93939c;text-align:left;font-size:13px}
.nav-sub-item:hover{background:#202024;color:white}.nav-sub-item.active{background:#ef334014;color:#ff747d}
.sidebar-footer{padding:15px 10px 5px;border-top:1px solid var(--line-soft)}
.admin-nav-item{flex:0 0 auto;margin-top:12px;margin-bottom:12px;border:1px solid #ef334033;background:linear-gradient(110deg,#ef334014,#ef334005)}.admin-nav-item:hover{border-color:#ef334077;background:linear-gradient(110deg,#ef334026,#ef33400b)}.admin-nav-item .nav-icon{color:#ff626d}.admin-nav-item.active{border-color:#ef334066}
.balance-line{display:flex;justify-content:space-between;color:var(--muted);font-size:13px}.balance-line b{color:var(--green);font:600 12px var(--mono)}
.online-line{display:flex;align-items:center;gap:8px;margin-top:13px;color:#92929a;font-size:12px}.status-dot{width:8px;height:8px;flex:0 0 8px;border-radius:50%;background:var(--green);box-shadow:0 0 9px #71d99e4d}
.pulse{animation:pulse 2s ease-in-out infinite}@keyframes pulse{50%{opacity:.55;transform:scale(.82)}}
.topbar{position:sticky;z-index:20;top:0;display:flex;min-height:72px;align-items:center;gap:8px;padding:10px clamp(16px,3vw,42px);border-bottom:1px solid var(--line-soft);background:#121215eb;backdrop-filter:blur(16px)}
.topbar-title{display:flex;min-width:0;flex-direction:column;gap:2px}.topbar-title .eyebrow{color:#bd5d65;font-size:9px}.topbar-title strong{color:#f6f6f7;font-size:16px}
.topbar-wordmark{display:inline-block;width:78px;height:17px;object-fit:contain;object-position:left center;vertical-align:middle}
.topbar-actions{display:flex;align-items:center;gap:16px;margin-left:auto}.topbar-currency-wrap{position:relative}.topbar-balance{padding:6px 11px;border:1px solid #2d4537;border-radius:8px;background:#17231c;color:#7addaa;font:600 12px var(--mono);cursor:pointer}.topbar-balance::after{content:"⌄";padding-left:7px;color:#a8c8b4}.topbar-currency-panel{position:absolute;top:calc(100% + 12px);right:0;z-index:30;width:min(370px,calc(100vw - 24px));max-height:min(78vh,650px);overflow:auto;padding:15px;border:1px solid #464149;border-radius:13px;background:linear-gradient(155deg,#1c1b20,#111113 72%);box-shadow:0 18px 55px #000b}.topbar-currency-head{display:flex;align-items:center;justify-content:space-between}.topbar-currency-head strong{font-size:15px}.topbar-currency-head button{width:30px;height:30px;border:1px solid var(--line-soft);border-radius:8px;background:#ffffff08;color:#ddd;font-size:20px;cursor:pointer}.topbar-currency-panel>p{margin:6px 0 12px;color:var(--muted);font-size:11px;line-height:1.45}.topbar-currency-balances{display:grid;gap:5px}.topbar-currency-balance{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:8px 9px;border:1px solid var(--line-soft);border-radius:8px;background:#ffffff04}.topbar-currency-balance span{overflow:hidden;color:#b8b5bd;font-size:10px;text-overflow:ellipsis;white-space:nowrap}.topbar-currency-balance strong{flex:0 0 auto;font:600 11px var(--mono);color:#f5f3f5}.topbar-currency-balance.is-primary{border-color:#ef334077;background:#ef33400d}.topbar-currency-balance.is-primary strong{color:#8be2ae}.topbar-currency-choices{display:grid;gap:7px;margin:12px 0}.topbar-currency-label{color:#a9a6af;font-size:10px;font-weight:750;text-transform:uppercase;letter-spacing:.08em}.topbar-primary-options,.topbar-secondary-options{display:flex;flex-wrap:wrap;gap:6px}.topbar-primary-options label,.topbar-secondary-options label{display:flex;align-items:center;gap:5px;padding:6px 8px;border:1px solid var(--line-soft);border-radius:7px;color:#ddd;font-size:10px;cursor:pointer}.topbar-primary-options input,.topbar-secondary-options input{margin:0;accent-color:var(--red)}.topbar-secondary-options input:disabled{opacity:.45}.topbar-currency-panel>.btn{width:100%}.topbar-currency-panel>small{display:block;min-height:14px;margin-top:8px;color:var(--muted);font-size:10px}
.user-pill{display:flex;min-width:0;align-items:center;gap:9px}.avatar{display:grid;width:35px;height:35px;flex:0 0 35px;place-items:center;border:1px solid #ffffff24;border-radius:50%;background:linear-gradient(145deg,#f64a55,#941c25);font-weight:800}
.user-pill-email{max-width:220px;overflow:hidden;color:#d4d4d9;font-size:13px;text-overflow:ellipsis;white-space:nowrap}
.user-pill-details{display:flex;min-width:0;flex-direction:column;align-items:flex-start;line-height:1.25}.user-pill-details strong{max-width:220px;overflow:hidden;color:#f4f4f6;font-size:12px;font-weight:750;text-overflow:ellipsis;white-space:nowrap}.user-pill-details .user-pill-email{max-width:220px;color:#aaa7af;font-size:11px}
.workspace{width:min(1560px,100%);margin:0 auto;padding:clamp(22px,3vw,42px)}.view{padding-bottom:44px;animation:appear .28s ease both}
@keyframes appear{from{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}
.page-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin:0 0 25px}
.page-heading h1{margin:6px 0;color:#fff;font-size:clamp(28px,3vw,38px);letter-spacing:-.045em;line-height:1.1}.page-heading p{margin:0;color:var(--muted);font-size:14px}
/* Signature FAST HOST operations surface */
.ops-console-grid{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(270px,.72fr);gap:14px;margin-bottom:16px}
.ops-stage{position:relative;min-width:0;overflow:hidden;padding:clamp(20px,2.4vw,31px);border:1px solid #3d3034;border-radius:16px;background:linear-gradient(130deg,#21191c,#19191d 48%,#17171a);box-shadow:0 16px 42px #0003}
.ops-stage::before{position:absolute;top:-100px;right:-80px;width:390px;height:390px;border:1px solid #ef33401f;border-radius:50%;box-shadow:0 0 0 36px #ef334008,0 0 0 82px #ef334005;content:'';pointer-events:none}
.ops-stage::after{position:absolute;top:22%;right:8%;color:#ffffff08;content:'F';font-size:clamp(220px,26vw,360px);font-weight:800;letter-spacing:-.1em;line-height:.8;pointer-events:none}
.ops-stage-top,.ops-stage-foot{position:relative;z-index:1;display:flex;align-items:center;justify-content:space-between;gap:12px}
.ops-live-mark{display:inline-flex;min-height:34px;align-items:center;gap:11px;padding:6px 12px;border:1px solid #ffffff12;border-radius:999px;background:linear-gradient(110deg,#ffffff08,#ffffff03);color:#dfd5d7;font:600 10px/1 var(--mono);letter-spacing:.07em}.ops-live-mark i{width:7px;height:7px;flex:0 0 7px;border-radius:50%;background:var(--red);box-shadow:0 0 10px #ef334087}.ops-live-mark>span{padding-left:11px;border-left:1px solid #ffffff24;color:#d6cdd0;font-size:9px;letter-spacing:.11em;white-space:nowrap}
.ops-stage-index,.ops-stage-foot{color:#818188;font:500 9px var(--mono);letter-spacing:.1em}
.ops-stage-copy{position:relative;z-index:1;margin:clamp(24px,4vw,44px) 0 23px}.ops-kicker{color:#d46b72;font:600 10px var(--mono);letter-spacing:.14em}
.ops-stage-copy h2{margin:9px 0 10px;color:white;font-size:clamp(32px,4vw,52px);font-weight:700;letter-spacing:-.055em;line-height:.99}
.ops-stage-copy h2 em{color:#f06a73;font-style:normal}.ops-stage-copy p{max-width:410px;margin:0;color:#a8a0a3;font-size:13px}
.metric-grid{position:relative;z-index:1;display:grid;grid-template-columns:1fr 1fr 1.2fr;gap:9px;margin:0 0 18px}
.metric-card{position:relative;display:flex;min-width:0;min-height:105px;flex-direction:column;gap:7px;overflow:hidden;padding:14px;border:1px solid #343238;border-radius:10px;background:#111113b8}
.metric-card>span{color:#aaa5a8;font-size:11px}.metric-card>strong{color:#f6f4f5;font-size:26px;letter-spacing:-.04em;line-height:1.1}
.metric-card>small{margin-top:auto;color:#77737a;font:500 8px var(--mono);letter-spacing:.1em}.metric-card .metric-mark{position:absolute;top:11px;right:12px;color:#f16670;font-size:13px;font-style:normal}
.metric-card.metric-primary{border-color:#60343a;background:linear-gradient(145deg,#9b252f52,#141113c2)}.metric-card.metric-primary>strong{color:#ff6872;font:700 30px var(--mono)}
.metric-card.metric-health>strong{color:var(--green);font-size:14px;letter-spacing:0}
.ops-stage-foot{justify-content:flex-start;gap:clamp(15px,3vw,34px);padding-top:13px;border-top:1px solid #ffffff12}
.ops-topology{position:relative;display:flex;min-width:0;flex-direction:column;overflow:hidden;padding:20px 18px;border:1px solid var(--line);border-radius:16px;background:linear-gradient(155deg,#1b1b20,#151518)}
.topology-heading{display:flex;justify-content:space-between;gap:10px;color:#a4a1a6;font:600 9px var(--mono);letter-spacing:.12em}.topology-code{color:#696970}
.topology-map{flex:1;padding:24px 0 19px}.topology-node{position:relative;display:flex;min-height:53px;align-items:center;gap:12px;padding:9px 11px;border:1px solid #303036;border-radius:9px;background:#19191d}
.topology-node span{display:flex;min-width:0;flex-direction:column;gap:3px}.topology-node strong{overflow:hidden;color:#e5e3e6;font-size:10px;letter-spacing:.045em;text-overflow:ellipsis;white-space:nowrap}.topology-node small{color:#85858d;font-size:10px}
.topology-root{min-height:72px;gap:16px;padding:12px 16px;border-color:#593239;background:linear-gradient(110deg,#96242e2e,#19191d 75%)}.topology-root>img{display:block;width:44px;height:44px;flex:0 0 44px;object-fit:contain;border-radius:8px;filter:drop-shadow(0 3px 7px #ef334044)}
.topology-root>span{flex:1;min-width:0}.topology-root .topology-wordmark{display:block;width:min(100%,150px);max-height:30px;object-fit:contain;object-position:left center;filter:drop-shadow(0 3px 8px #ef334044)}.topology-root strong{font-size:14px;letter-spacing:.09em}.topology-root small{font-size:9px;letter-spacing:.11em}
.topology-root strong{color:#fff}.topology-root small{color:#bd7b80;font:500 8px var(--mono);letter-spacing:.07em}
.topology-branches{display:flex;flex-direction:column;gap:8px;margin:10px 0 0 17px;padding:1px 0 1px 14px;border-left:1px solid #493036}
.topology-branches .topology-node::before{position:absolute;left:-15px;width:14px;border-top:1px solid #493036;content:''}
.topology-icon{display:grid;width:29px;height:29px;flex:0 0 29px;place-items:center;border:1px solid #37373d;border-radius:7px;color:#f2767e;font-style:normal}.topology-icon svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
.topology-note{margin:auto 0 0;padding-top:12px;border-top:1px solid #2b2b31;color:#85858e;font-size:11px}
.dashboard-lower-grid{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(260px,.78fr);gap:14px;align-items:start}.activity-card{min-height:195px}
.ops-wordmark{display:block;width:96px;max-height:21px;object-fit:contain;object-position:left center}
/* Shared surfaces and dynamic tables */
.card,.catalog-card{min-width:0;margin:0 0 16px;overflow:hidden;border:1px solid var(--line);border-radius:13px;background:linear-gradient(150deg,#1b1b1f,#17171a);box-shadow:0 10px 30px #0002}
.card-header{display:flex;min-height:51px;align-items:center;justify-content:space-between;gap:10px;padding:14px 18px;border-bottom:1px solid #2b2b30;color:#dcdce1;font-size:11px;font-weight:800;letter-spacing:.09em}
.card-body{min-width:0;padding:18px;color:#e4e4e8}.card-body.no-pad{padding:0}
#dashServersWrap,#serversWrap,#sitesWrap{overflow-x:auto}
table.data-table{width:100%;min-width:610px;border-collapse:collapse}
.data-table th{padding:12px 15px;border-bottom:1px solid var(--line);background:#151518;color:#92929b;text-align:left;font-size:10px;font-weight:700;letter-spacing:.09em;text-transform:uppercase}
.data-table td{padding:13px 15px;border-bottom:1px solid #29292e;color:#dedee3;font-size:13px}
.data-table tbody tr{transition:background .15s}.data-table tbody tr:hover{background:#202024}.data-table tbody tr:last-child td{border-bottom:0}
.row-actions{display:flex;flex-wrap:wrap;gap:7px}.row-actions .btn{min-height:34px;padding:6px 10px;font-size:12px}
.status-pill{display:inline-flex;min-height:25px;align-items:center;padding:4px 9px;border:1px solid currentColor;border-radius:999px;font-size:10px;font-weight:800;letter-spacing:.04em;white-space:nowrap}
.status-running{color:#82dfa8;background:#2fbf701a}.status-exited,.status-dead,.status-deleting{color:#ff7c84;background:#ef33401a}
.status-created,.status-starting,.status-stopping,.status-restarting,.status-reinstalling,.status-paused,.status-removing{color:var(--amber);background:#eda9441a}
.empty-state{padding:30px 20px;color:var(--muted);text-align:center}.empty-state svg{width:42px;height:42px;margin-bottom:9px;color:#f16a73;opacity:.6}
.skeleton-row{height:44px;margin:9px 0;border-radius:7px;background:linear-gradient(90deg,#202024 25%,#2a2a30 37%,#202024 63%);background-size:400% 100%;animation:shimmer 1.4s ease infinite}@keyframes shimmer{to{background-position:-100% 0}}
.metric-online{color:var(--green)}
/* Server and website tariff checkout */
.plan-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:0 0 15px}
.plan-card{display:flex;min-width:0;min-height:218px;flex-direction:column;gap:10px;padding:17px;border:1px solid #353238;border-radius:13px;background:linear-gradient(145deg,#1c1b20,#151518);color:var(--text);text-align:left;transition:border-color .18s,background .18s,transform .18s,box-shadow .18s}
.plan-card:hover{transform:translateY(-2px);border-color:#654047;background:linear-gradient(145deg,#261b20,#17171a)}.plan-card.selected{border-color:#e84a56;background:radial-gradient(ellipse at 100% 0%,#ef33401a,transparent 55%),linear-gradient(145deg,#251a1e,#17171a);box-shadow:inset 0 0 0 1px #ef334022,0 12px 30px #0002}
.plan-card-top,.checkout-heading{display:flex;align-items:center;justify-content:space-between;gap:10px}.plan-badge{display:inline-flex;align-items:center;padding:5px 8px;border:1px solid #ffffff12;border-radius:999px;background:#ffffff06;color:#bdb8bd;font:700 8px var(--mono);letter-spacing:.1em}.plan-select-mark{display:grid;width:21px;height:21px;place-items:center;border:1px solid #ffffff1a;border-radius:50%;color:transparent;font-size:12px;font-style:normal}.plan-card.selected .plan-select-mark{border-color:#f1535d;background:#c62e39;color:white}
.plan-card-name{color:#f7f4f5;font-size:23px;letter-spacing:-.035em}.plan-card-price{color:#fff;font-size:18px;font-weight:800}.plan-card-price small{color:#9a969d;font:500 9px var(--mono)}.plan-card-description{min-height:38px;color:#aaa5ad;font-size:12px;line-height:1.45}.plan-card-limits{display:flex;flex-wrap:wrap;gap:6px;color:#94919a;font-size:10px}.plan-card-limits b{color:#e3dfe2;font-weight:700}.plan-card-foot{margin-top:auto;padding-top:9px;border-top:1px solid #ffffff10;color:#cc777e;font-size:10px}
.plan-safe-note{color:#8f8a92;font:500 9px var(--mono);letter-spacing:.025em}.order-layout,.site-order-layout{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(280px,.72fr);gap:14px;align-items:start}
.order-config,.site-order-form{min-width:0}.order-fields{display:grid;grid-template-columns:minmax(130px,.65fr) minmax(0,1.35fr);align-items:center;gap:12px 16px}.order-fields>label:not(.check-row){color:#c7c3ca;font-size:12px;font-weight:700}.order-fields .order-hint,.order-fields .form-error{grid-column:1/-1;margin:0}.order-hint{padding:10px 12px;border-left:2px solid #8d3b43;background:#ef334009;line-height:1.5}.order-input-unit{display:flex;align-items:center;gap:9px}.order-input-unit input{min-width:80px}.order-input-unit span{flex:0 0 auto;color:#8e8991;font-size:10px}
.checkout-card{position:sticky;top:86px;overflow:hidden;padding:20px;border-color:#57343a;background:radial-gradient(ellipse at 100% 0%,#ef33401a,transparent 46%),linear-gradient(145deg,#20191d,#17171a);box-shadow:0 15px 40px #0003}
.checkout-heading{margin-bottom:10px}.checkout-live{display:flex;align-items:center;gap:6px;color:#8d9a91;font:500 8px var(--mono);letter-spacing:.05em}.checkout-live i{width:6px;height:6px;border-radius:50%;background:var(--green);box-shadow:0 0 8px #71d99e55}
.checkout-card h2{margin:0;color:#fff;font-size:25px;letter-spacing:-.04em}.checkout-copy{min-height:34px;margin:5px 0 16px;color:#aaa3aa;font-size:12px}.checkout-specs{display:grid;gap:0;margin:0}.checkout-specs>div{display:flex;justify-content:space-between;gap:12px;padding:9px 0;border-bottom:1px solid #ffffff0d}.checkout-specs dt{color:#928d95;font-size:11px}.checkout-specs dd{margin:0;color:#e7e2e6;font-size:11px;font-weight:700;text-align:right}.checkout-total{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:15px}.checkout-total span{color:#b5afb5;font-size:12px}.checkout-total strong{color:#ff707a;font-size:23px;letter-spacing:-.04em}.checkout-caption{margin:7px 0 14px;color:#85818a;font-size:10px;line-height:1.45}.checkout-submit{width:100%;min-height:45px}
.plan-mini-specs{display:flex;grid-column:1/-1;flex-wrap:wrap;gap:8px;margin:0 0 6px;padding:11px;border:1px solid #ffffff10;border-radius:9px;background:#ffffff04}.plan-mini-specs span{color:#97929a;font-size:10px}.plan-mini-specs b{color:#eee9ec}.site-order-layout{grid-template-columns:minmax(0,1.35fr) minmax(280px,.75fr)}.site-order-form .card-header{font-size:12px}.table-subline{display:block;margin-top:4px;color:#85818a;font-size:10px;font-weight:500}.plan-inline{display:inline-block;padding:4px 7px;border:1px solid #ffffff13;border-radius:6px;background:#ffffff06;color:#d8d2d7;font:700 9px var(--mono);letter-spacing:.06em}.plan-vip{border-color:#87434a;background:#ef334018;color:#ff8189}.plan-lite{border-color:#6c5233;background:#edb95512;color:#e7c98f}.plan-free{color:#a9a4ac}.expiry-urgent{color:#ff747d!important}
/* Controls and forms */
.btn{display:inline-flex;min-height:39px;align-items:center;justify-content:center;gap:8px;padding:9px 14px;border:1px solid transparent;border-radius:9px;font-size:13px;font-weight:700;text-align:center;transition:background .17s,border-color .17s,color .17s,transform .17s}
.btn:hover{transform:translateY(-1px)}.btn:active{transform:scale(.985)}
.btn-primary{border-color:#f04a55;background:linear-gradient(135deg,#f04450,#bd202d);box-shadow:0 5px 15px #ef33402b;color:#fff}.btn-primary:hover{background:linear-gradient(135deg,#ff5963,#d42a37)}
.btn-ghost{border-color:#38383e;background:#242428;color:#e1e1e5}.btn-ghost:hover{border-color:#4a4043;background:#2c2c31;color:#fff}
.btn-blue,.btn-purple{border-color:#c43843;background:#a8242e;color:#fff}.btn-green{border-color:#347453;background:#23613e;color:white}.btn-red,.btn-danger{border-color:#c53b45;background:#a8202b;color:white}.btn-orange{background:#8a5c23;color:white}
.btn-red-outline{border-color:#71343a;background:transparent;color:#ff7b83}.btn-small{min-height:33px;padding:6px 10px;font-size:12px}.btn-back{margin:0 0 14px}
.tab-strip{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:15px}
.tab-pill{display:inline-flex;min-height:39px;align-items:center;justify-content:center;gap:7px;padding:8px 12px;border:1px solid #38383f;border-radius:9px;background:#202024;color:#e0e0e4;font-size:12px;font-weight:700;transition:background .17s,border-color .17s,transform .17s}
.tab-pill:hover{transform:translateY(-1px);background:#29292e}.tab-pill.tab-danger{border-color:#7c3036;background:#991f2960;color:#ff969c}
input,select,textarea{width:100%;min-width:0;padding:10px 12px;border:1px solid #393940;border-radius:8px;outline:none;background:#121214;color:#f1f1f3;transition:border .16s,box-shadow .16s}
input::placeholder,textarea::placeholder{color:#74747d}input:focus,select:focus,textarea:focus{border-color:#e64d57;box-shadow:0 0 0 3px #ef334021}
input:disabled,select:disabled,textarea:disabled{background:#222226;color:#777780}input[type=checkbox]{width:auto;accent-color:var(--red)}
label{display:flex;flex-direction:column;gap:6px;color:#c5c5cb;font-size:13px;font-weight:600}.check-row{flex-direction:row;align-items:center;gap:9px}
.form-grid{display:grid;grid-template-columns:minmax(130px,.75fr) minmax(0,1.25fr);align-items:center;gap:12px 16px}.form-grid>p,.form-grid>button,.form-grid>div{grid-column:1/-1}
.form-grid>div{display:grid;grid-template-columns:minmax(130px,.75fr) minmax(0,1.25fr);align-items:center;gap:10px 16px}.form-row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.form-card{max-width:780px}.account-info{display:grid;grid-template-columns:minmax(130px,180px) minmax(0,1fr);gap:12px;margin-bottom:20px}
.account-info span{color:var(--muted)}.account-info b{overflow-wrap:anywhere}
.profile-form{display:grid;gap:12px;margin-bottom:22px;padding:16px;border:1px solid var(--line-soft);border-radius:12px;background:linear-gradient(145deg,#ffffff04,#ef334006)}.profile-name-fields{display:grid;grid-template-columns:120px minmax(0,1fr);align-items:center;gap:10px 12px}.profile-name-fields label{color:var(--muted);font-size:13px;font-weight:650}.profile-name-fields input{min-width:0}.profile-form .btn{justify-self:start}.profile-form .muted-small{margin:0}
.currency-settings{display:grid;gap:14px;margin:24px 0;padding:18px;border:1px solid var(--line-soft);border-radius:12px;background:linear-gradient(145deg,#ffffff04,#ef334006)}.currency-settings h2{margin:5px 0;font-size:17px}.currency-settings>div>.muted-small{max-width:650px;margin:0}.currency-settings form{display:grid;gap:9px;max-width:600px}.currency-settings form>label{color:var(--muted);font-size:12px;font-weight:700}.currency-settings select{max-width:360px}.secondary-currencies{display:flex;flex-wrap:wrap;gap:9px;margin:5px 0;padding:11px;border:1px solid var(--line-soft);border-radius:9px}.secondary-currencies legend{padding:0 5px;color:var(--muted);font-size:11px}.secondary-currencies label{display:flex;align-items:center;gap:6px;padding:6px 8px;border:1px solid var(--line-soft);border-radius:7px;font-size:11px}.secondary-currencies input{accent-color:var(--red)}.currency-balance-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:9px}.currency-balance-card{display:flex;min-width:0;flex-direction:column;gap:5px;padding:12px;border:1px solid var(--line-soft);border-radius:9px;background:#101012}.currency-balance-card.is-primary{border-color:#ef334077;background:linear-gradient(145deg,#ef334014,#101012)}.currency-balance-card>span,.currency-balance-card>small{color:var(--muted);font-size:10px}.currency-balance-card>strong{overflow-wrap:anywhere;color:#fff;font-size:16px}
/* Server catalog: varied, typographic cards */
.catalog-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-items:stretch;gap:13px}
.catalog-card{display:flex;flex-direction:column;margin:0;transition:transform .2s,border-color .2s,box-shadow .2s}.catalog-card:hover{transform:translateY(-3px);border-color:#594047;box-shadow:0 16px 34px #0004}
.catalog-art{position:relative;display:flex;min-height:164px;flex-direction:column;justify-content:space-between;overflow:hidden;padding:17px 18px;border-bottom:1px solid #ffffff17}
.catalog-symbol{position:absolute;z-index:1;top:38px;right:20px;width:82px;height:82px;object-fit:contain;opacity:.34;filter:drop-shadow(0 8px 22px rgba(0,0,0,.3));transition:transform .25s,opacity .25s}
.catalog-card:hover .catalog-symbol{transform:translateY(-3px) rotate(-4deg) scale(1.05);opacity:.54}
.catalog-symbol-cube svg,.catalog-symbol-container svg{width:100%;height:100%;fill:none;stroke:#eff0f4;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.catalog-symbol-cube{right:17px;width:94px;height:94px}
.catalog-symbol-container{right:17px;width:94px;height:94px}
.catalog-custom .catalog-symbol-container{opacity:.29}
.catalog-featured .catalog-art{min-height:205px}.catalog-number{position:relative;z-index:2;color:#ffffffa6;font:600 9px var(--mono);letter-spacing:.14em}
.catalog-art>strong{position:relative;z-index:2;color:#fffffff0;font:800 clamp(22px,3vw,34px)/.95 var(--mono);letter-spacing:-.055em}.catalog-art>strong span{color:#ff8d94}
.catalog-art-lines{position:absolute;inset:0;opacity:.32;background:repeating-linear-gradient(135deg,transparent 0 13px,#ffffff12 13px 14px);mask-image:linear-gradient(120deg,transparent 5%,black 100%)}
.thumb-samp{background:radial-gradient(ellipse at 80% 20%,#ff6a4870,transparent 38%),linear-gradient(135deg,#622d29,#23191c 82%)}
.thumb-minecraft{background:radial-gradient(ellipse at 82% 12%,#a5be674d,transparent 40%),linear-gradient(135deg,#33422d,#171f1a 82%)}
.thumb-mta{background:radial-gradient(ellipse at 77% 15%,#ef33405c,transparent 42%),linear-gradient(135deg,#51242b,#191719 82%)}
.catalog-custom .catalog-art>strong{font-size:23px}.catalog-body{display:flex;flex:1;flex-direction:column;gap:9px;padding:17px}
.catalog-meta{display:flex;flex-wrap:wrap;justify-content:space-between;gap:6px;color:#88858c;font:500 8px var(--mono);letter-spacing:.08em}
.catalog-body h3{margin:0;color:#f2f2f4;font-size:18px}.catalog-body p{flex:1;min-height:43px;margin:0;color:var(--muted);font-size:13px;line-height:1.55}
.catalog-body .btn{width:100%;justify-content:space-between}.catalog-body .btn span{font-size:15px}
.catalog-footnote{display:flex;justify-content:space-between;gap:12px;margin-top:14px;padding:11px 2px;border-top:1px solid var(--line-soft);color:#888890;font-size:11px}
.catalog-footnote span:first-child{color:#cd626a;font:500 9px var(--mono);letter-spacing:.1em}
/* Resource detail panels */
.detail-layout{display:grid;grid-template-columns:minmax(300px,.86fr) minmax(0,1.3fr);align-items:stretch;gap:17px}
.detail-left{display:flex;min-width:0;flex-direction:column;gap:15px}.detail-right{position:relative;display:flex;min-width:0;min-height:500px;overflow:hidden;padding:0;border:1px solid #3a3034;border-radius:16px;background:radial-gradient(ellipse at 100% 0,rgba(239,51,64,.09),transparent 35%),linear-gradient(145deg,#1c1c21,#151518 72%);box-shadow:0 18px 48px #0004,inset 0 1px #ffffff08}
#detailIdBadge,#siteDetailIdBadge{color:#aaaab2;font:500 11px var(--mono)}
.info-table{width:100%;border-collapse:collapse}.info-table td{padding:10px 4px;border-bottom:1px solid #2b2b30;color:#e1e1e5;font-size:12px;overflow-wrap:anywhere}
.info-table td:first-child{width:42%;color:#9e9ea7;font-family:var(--body);font-weight:600}.info-table td:last-child{font-family:var(--mono);font-size:11px}.info-table tr:last-child td{border-bottom:0}
.side-menu{position:relative;display:flex;width:174px;flex:0 0 174px;flex-direction:column;gap:6px;padding:16px 11px;border-right:1px solid #ffffff0d;background:linear-gradient(180deg,#19191e,#141416 70%)}
.side-menu::before{margin:1px 8px 10px;color:#72727c;content:'РАЗДЕЛЫ';font:700 9px/1.4 var(--mono);letter-spacing:.16em}
.side-menu-item{position:relative;display:flex;min-height:43px;align-items:center;gap:9px;padding:10px 11px;border:1px solid transparent;border-radius:10px;background:transparent;color:#a5a5ae;text-align:left;font-size:12px;font-weight:650;white-space:nowrap;transition:background .18s,border-color .18s,color .18s,transform .18s}
.side-menu-item::before{width:7px;height:7px;flex:0 0 7px;border:1px solid #66666f;border-radius:3px;content:'';transform:rotate(45deg);transition:background .18s,border-color .18s,box-shadow .18s}
.side-menu-item:hover{transform:translateX(2px);border-color:#ffffff0d;background:#ffffff08;color:#fff}.side-menu-item.active{border-color:#ef334026;background:linear-gradient(100deg,#ef334026,#ef33400a);box-shadow:inset 2px 0 var(--red),0 6px 18px #0002;color:#ff7d85}
.side-menu-item.active::before{border-color:#ff626d;background:#ff626d;box-shadow:0 0 10px #ef334066}
.side-panel-body{flex:1;min-width:0;padding:21px}.side-panel{min-width:0;animation:panel-enter .2s ease-out}@keyframes panel-enter{from{opacity:.55;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}
.panel-toolbar{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:15px;padding:10px;border:1px solid #ffffff0c;border-radius:11px;background:#ffffff04}
.breadcrumb{margin-bottom:12px;padding:10px 12px;border:1px solid #34343b;border-radius:9px;background:linear-gradient(105deg,#111114,#19191d);color:#b7b7bf;font:500 11px/1.5 var(--mono);overflow-wrap:anywhere;box-shadow:inset 0 1px #ffffff05}
.breadcrumb span{color:#ff727b;cursor:pointer}.breadcrumb span:hover{text-decoration:underline}
.file-row{display:flex;min-height:48px;align-items:center;justify-content:space-between;gap:10px;padding:10px 11px;border-bottom:1px solid #ffffff0b;border-radius:7px;color:#e1e1e5;font-size:12px;transition:background .16s,border-color .16s}
.file-row:hover{border-color:#ffffff10;background:#ffffff06}
.file-row:last-child{border-bottom:0}.file-name{display:flex;min-width:0;align-items:center;gap:8px;cursor:pointer;overflow-wrap:anywhere}
.file-name.is-dir{color:#ff6d76;font-weight:650}.file-name.is-pwn{color:#e6a34e;cursor:pointer}.file-size{flex:0 0 auto;margin-right:8px;color:#92929b;font:11px var(--mono)}
.creds-box{margin-bottom:14px;padding:16px;border:1px solid #58333a;border-radius:12px;background:radial-gradient(ellipse at 100% 0,#ef334018,transparent 50%),linear-gradient(140deg,#20191c,#151518);color:#e5e2e5;font:11px/1.9 var(--mono);overflow-wrap:anywhere;box-shadow:inset 0 1px #ffffff08,0 10px 25px #0002}.creds-box b{color:#ff858c}
.console-box{min-height:250px;max-height:480px;overflow:auto;margin:15px 0 0;padding:17px;border:1px solid #36363d;border-radius:12px;background:linear-gradient(145deg,#0c0c0f,#111114);color:#e3e3e8;font:11px/1.75 var(--mono);white-space:pre-wrap;overflow-wrap:anywhere;box-shadow:inset 0 2px 12px #0005}
.code-editor{width:100%;min-height:420px;resize:vertical;padding:15px;border:1px solid var(--line);border-radius:9px;background:#101012;color:#e5e5e8;font:12px/1.65 var(--mono);tab-size:4}
.file-editor-modal{width:min(100%,1120px);padding:22px;background:radial-gradient(ellipse at 100% 0,#ef33400b,transparent 40%),#171619}
.file-editor-title{min-width:0}.file-editor-title h2{overflow-wrap:anywhere}.file-editor-title .muted-small{min-height:15px;margin:5px 0 0}
.file-editor-toolbar{display:flex;align-items:center;gap:10px;min-height:48px;margin:0 0 10px;padding:7px 10px;border:1px solid #ffffff12;border-radius:9px;background:#ffffff04}
.file-editor-toolbar label{color:#b4afb8;font-size:11px;font-weight:650}.file-editor-toolbar select{min-height:32px;padding:5px 28px 5px 9px;border:1px solid #3a373e;border-radius:7px;background:#111114;color:#f0edf1;font:500 11px var(--body)}
.file-editor-toolbar-spacer{flex:1}.file-editor-frame{display:grid;grid-template-columns:54px minmax(0,1fr);height:min(62vh,620px);min-height:320px;overflow:hidden;border:1px solid #3a373e;border-radius:10px;background:#101012}
.file-editor-gutter{height:100%;overflow:hidden;margin:0;padding:13px 10px 13px 0;border-right:1px solid #ffffff10;color:#696670;text-align:right;user-select:none;white-space:pre;font:12px/1.65 var(--mono)}
.file-editor-frame .code-editor{height:100%;min-height:0;resize:none;overflow:auto;padding:13px 15px;border:0;border-radius:0;background:transparent;line-height:1.65;white-space:pre;tab-size:4;outline:0}
.file-editor-modal>.console-box{max-height:220px;min-height:70px;margin-top:10px}
@media(max-width:640px){.file-editor-modal{padding:15px}.file-editor-toolbar{flex-wrap:wrap;gap:7px}.file-editor-toolbar-spacer{display:none}.file-editor-toolbar #compileFileBtn{width:100%}.file-editor-frame{grid-template-columns:42px minmax(0,1fr);height:58vh;min-height:280px}.file-editor-gutter,.file-editor-frame .code-editor{font-size:11px}}
/* CPU, RAM, player and disk gauges */
.gauges-row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));justify-items:center;gap:9px 5px;padding:9px 0 2px}
.gauge-block{position:relative;width:100%;max-width:140px;height:108px}.gauge{display:block;width:120px;max-width:100%;height:120px;margin:-9px auto 0}
.gauge-track,.gauge-value{fill:none;stroke-width:12;stroke-linecap:round}.gauge-track{stroke:#35353b}
.gauge-value{stroke:var(--red);stroke-dasharray:254;stroke-dashoffset:254;transition:stroke-dashoffset .75s cubic-bezier(.3,.8,.3,1),stroke .35s}
.gauge-cpu,.gauge-ram,.gauge-site-cpu,.gauge-site-ram{stroke:#ef4854}.gauge-players{stroke:#34c99a}.gauge-disk{stroke:#e3a34d}.gauge-site-visitors{stroke:#e3a34d}
.gauge-label{position:absolute;inset:auto 0 5px;text-align:center;pointer-events:none}.gauge-label span{display:block;color:#f5f5f6;font:700 18px var(--mono)}
.gauge-label .gauge-disk-value{font-size:18px}
.gauge-label small{color:#a4a4ac;font-size:9px;letter-spacing:.07em}
.detail-left>.card:nth-child(2){border-color:#393238;background:radial-gradient(ellipse at 50% 0,rgba(239,51,64,.075),transparent 48%),linear-gradient(150deg,#1c1c21,#151518);box-shadow:0 14px 34px #0003,inset 0 1px #ffffff08}
.detail-left>.card:nth-child(2) .card-header{min-height:48px;border-bottom-color:#ffffff10;color:#f2eef0;letter-spacing:.13em}
.detail-left>.card:nth-child(2) .card-header::before{width:7px;height:7px;margin-right:2px;border-radius:50%;background:#ef4854;box-shadow:0 0 11px #ef485466;content:''}
.detail-left>.card:nth-child(2) .card-body{padding:16px 17px 18px}
.detail-left>.card:nth-child(2) #ramDetail{min-height:20px;margin:2px 0 8px;color:#a8a8b0;font-size:11px}
.disk-usage-text{margin:0;padding-top:12px;border-top:1px solid #ffffff0c;color:#c4c4ca;font-size:11px;font-weight:650}
.server-stats-card .card-header::before{display:none}.server-stats-card #ramDetail{min-height:0;margin:0;padding:9px 10px}.server-stats-project{display:flex;min-width:0;flex-direction:column;align-items:center;gap:4px;margin:0 0 8px;padding:0 3px 10px;border-bottom:1px solid #ffffff0c;text-align:center}.server-stats-project>span{color:#928d96;font:700 9px var(--mono);letter-spacing:.13em}.server-stats-project>strong{max-width:100%;overflow:hidden;color:#f7f4f5;font-size:16px;line-height:1.25;text-overflow:ellipsis;white-space:nowrap}.server-stats-details{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:8px}.server-stats-detail{min-width:0;margin:0;padding:9px 10px;border:1px solid #ffffff10;border-radius:9px;background:#ffffff04;color:#c4c1c8;font-size:10px;font-weight:650;line-height:1.45;text-align:center;overflow-wrap:anywhere}.server-stats-details .disk-usage-text{padding:9px 10px;border:1px solid #ffffff10}
.disk-bar-fill{width:0;height:100%;border-radius:inherit;background:linear-gradient(90deg,#a91e29,#f14b56);transition:width .35s}.disk-row .muted-small{color:#c4c4ca;font-size:12px;font-weight:600}
/* Activity, billing and support */
.activity-row{display:flex;justify-content:space-between;gap:12px;padding:11px 0;border-bottom:1px solid #2b2b30;color:#dedee2;font-size:12px}.activity-row:last-child{border-bottom:0}
.activity-row .ts{flex:0 0 auto;color:#85858e;font:10px var(--mono)}.activity-check{margin-right:8px;color:var(--green)}
.ticket-row{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:12px 0;border-bottom:1px solid #2b2b30;color:#e2e2e6;cursor:pointer}
.ticket-row:hover{background:#202024}.ticket-row:last-child{border-bottom:0}
.ticket-message{margin-bottom:10px;padding:11px 13px;border-radius:9px;background:#222226;color:#e5e5e8;font-size:13px}
.ticket-message .meta{margin-top:5px;color:#96969e;font-size:11px}
.admin-role-badge{display:inline-flex;align-items:center;gap:7px;padding:7px 11px;border:1px solid #58353b;border-radius:999px;background:#24181b;color:#ff858d;font:700 10px var(--mono);letter-spacing:.08em}.admin-role-badge::before{width:7px;height:7px;border-radius:50%;background:#ef4854;box-shadow:0 0 10px #ef485466;content:''}
.admin-stat-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-bottom:14px}.admin-stat-card{position:relative;display:flex;min-height:112px;flex-direction:column;justify-content:space-between;overflow:hidden;padding:17px;border:1px solid #383239;border-radius:13px;background:radial-gradient(ellipse at 100% 0,#ef33401b,transparent 52%),linear-gradient(145deg,#1d1c21,#151518);box-shadow:0 12px 28px #0003}.admin-stat-card::after{position:absolute;right:-14px;bottom:-35px;width:115px;height:80px;border:1px solid #ef334020;border-radius:50%;content:'';transform:rotate(-25deg)}.admin-stat-card span{color:#929099;font:700 9px var(--mono);letter-spacing:.13em}.admin-stat-card strong{color:#fff;font:700 29px var(--mono)}
.admin-table-wrap{overflow-x:auto}.admin-table-wrap .data-table{min-width:740px}.admin-table-wrap .data-table th{color:#8f8d96;font-size:9px;letter-spacing:.11em}.admin-table-wrap .data-table td{vertical-align:middle}.admin-role-control{display:flex;min-width:195px;align-items:center;gap:7px}.admin-role-control select{min-width:115px;padding:6px 8px;font-size:11px}.admin-role-text{color:#ff838b;font-weight:700}.admin-ticket-row{width:100%;border:0;background:transparent;text-align:left}.admin-ticket-row>span:first-child{display:flex;min-width:0;flex-direction:column;gap:4px}.admin-ticket-row strong{overflow:hidden;text-overflow:ellipsis}.admin-ticket-row small{color:#85858d;font-size:10px;font-weight:500}
.admin-ticket-owner{margin:0;padding:0 18px 12px;color:#9998a0}.admin-database-card{display:flex;align-items:flex-start;justify-content:space-between;gap:22px}.admin-database-card>div{min-width:0;flex:1}.admin-database-card h3{margin:0 0 8px;color:#fff;font-size:17px}.admin-database-card p{max-width:720px;color:#b6b4bc;font-size:13px}.admin-database-card dl{display:grid;grid-template-columns:minmax(150px,.6fr) minmax(0,1fr);gap:8px 15px;margin:17px 0;padding:14px;border:1px solid #ffffff0d;border-radius:11px;background:#111114}.admin-database-card dt{color:#888791;font-size:11px}.admin-database-card dd{min-width:0;margin:0;color:#ecebef;font:11px/1.5 var(--mono);overflow-wrap:anywhere}.admin-database-card code{color:#ff9299}.admin-database-card>.btn{flex:0 0 auto;margin-top:3px}
.admin-action-group{display:flex;min-width:180px;flex-wrap:wrap;gap:5px}.admin-action-group .btn{min-height:30px;padding:5px 8px;font-size:10px}.admin-database-card{flex-direction:column}.owner-database-frame{display:block;width:100%;height:680px;margin-top:14px;border:1px solid #393940;border-radius:12px;background:#fff}.owner-gate-card{position:relative;width:min(100%,430px);overflow:hidden;padding:30px;border-color:#5b343b;background:radial-gradient(ellipse at 50% 0,#ef334026,transparent 48%),linear-gradient(155deg,#1d1c21,#121214);box-shadow:0 30px 100px #000b,0 0 45px #ef334014}.owner-gate-mark{display:grid;width:54px;height:54px;place-items:center;margin:0 0 20px;border:1px solid #ef334066;border-radius:17px;background:#ef33401c;color:#ff6974;font:800 17px var(--mono);box-shadow:0 8px 25px #ef334026}.owner-gate-card h2{margin:8px 0;color:#fff;font-size:25px}.owner-gate-card>p{margin:0 0 22px}.owner-gate-form{display:flex;flex-direction:column;gap:10px}.owner-gate-form label{color:#c9c7ce;font-size:12px;font-weight:700}.owner-gate-form input{width:100%;padding:12px 13px;border:1px solid #393940;border-radius:9px;background:#101013;color:#fff}.owner-gate-form input:focus{border-color:#ef5964;outline:2px solid #ef334022}.owner-gate-form #ownerPanelConfirmWrap{display:flex;flex-direction:column;gap:10px}.owner-gate-form .modal-actions{margin-top:8px}.owner-gate-form .modal-actions>*{flex:1}
.owner-db-toolbar{display:flex;align-items:center;flex-wrap:wrap;gap:8px;margin:12px 0}.owner-db-toolbar select{min-width:205px}.owner-db-toolbar .btn{flex:0 0 auto}.owner-db-toolbar #ownerDbPageLabel{margin:0 auto 0 0}.owner-db-table-view{max-height:560px;padding:0;overflow:auto;border:1px solid var(--line-soft);border-radius:10px}.owner-db-table-view .data-table{min-width:680px}.owner-db-table-view .data-table td{max-width:420px;overflow-wrap:anywhere;font:11px/1.5 var(--mono)}
.owner-db-notice{margin:10px 0;padding:10px 12px;border:1px solid #ef334022;border-radius:9px;background:#ef33400a;color:#c6c0c7;font-size:12px;line-height:1.5}.owner-db-row-actions{display:flex;flex-wrap:wrap;gap:5px}.owner-db-row-actions .btn{min-height:29px;padding:4px 8px;font-size:10px;white-space:nowrap}.owner-db-editor{width:min(100%,700px)}.owner-db-editor .modal-head{align-items:flex-start}.owner-db-editor .modal-head h2{margin:4px 0 0}.owner-db-editor-form{display:flex;flex-direction:column;gap:12px}.owner-db-editor-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 14px}.owner-db-field{display:flex;min-width:0;flex-direction:column;gap:6px;color:#cbc8d0;font-size:12px;font-weight:650}.owner-db-field>span i{color:#ff7880;font-style:normal}.owner-db-field input,.owner-db-field select,.owner-db-field textarea{width:100%;min-width:0;padding:10px 11px;border:1px solid #3b3941;border-radius:8px;background:#101013;color:#f4f3f6;font:400 13px var(--body)}.owner-db-field input:focus,.owner-db-field select:focus,.owner-db-field textarea:focus{border-color:#e6535e;outline:2px solid #ef33401d}.owner-db-field textarea{resize:vertical}.owner-db-field small{color:#8d8992;font-size:10px;font-weight:400;line-height:1.4}.owner-db-field.is-checkbox{justify-content:center}.owner-db-check{display:flex;min-height:42px;align-items:center;gap:8px}.owner-db-check input{width:17px;height:17px;accent-color:var(--red)}
.reply-row,.topup-row{display:flex;align-items:flex-start;gap:10px}.reply-row textarea{flex:1}.topup-row{align-items:flex-end;flex-wrap:wrap}.topup-row>label{display:flex;min-width:170px;flex:1;flex-direction:column;gap:6px;color:#c8c5cd;font-size:11px;font-weight:700}.topup-row input,.topup-row select{width:100%;max-width:none;min-width:0}.topup-conversion{display:flex;min-width:220px;flex:1;flex-direction:column;gap:4px;padding:9px 11px;border:1px solid #38363d;border-radius:8px;background:#121214}.topup-conversion strong{color:#fff;font-size:13px}.topup-conversion small{color:#939099;font-size:10px;line-height:1.4}.topup-row>button{flex:0 0 auto}.topup-row>p{width:100%;margin:0}
/* Dialogs, notices and source editors */
.payment-return-body{display:grid;min-height:100vh;place-items:center;padding:24px;background:radial-gradient(ellipse at 50% 15%,#ef334018,transparent 46%),#101012}.payment-return-card{width:min(100%,500px);padding:clamp(25px,6vw,48px);border:1px solid #403238;border-radius:18px;background:linear-gradient(150deg,#1d1b20,#141416);box-shadow:0 28px 90px #0008;text-align:center;animation:appear .35s ease both}.payment-return-card h1{margin:10px 0;color:#fff;font-size:clamp(26px,5vw,36px);letter-spacing:-.045em}.payment-return-card>p{min-height:26px;margin:0 0 24px;color:#b8b4bd;font-size:14px;line-height:1.6}.payment-return-card>.btn{justify-content:center;min-height:45px}.payment-result-mark{display:grid;width:66px;height:66px;place-items:center;margin:0 auto 22px;border:1px solid #ffffff20;border-radius:22px;background:#ffffff08;color:#ccc;font:600 30px var(--mono);animation:payment-mark-pulse 1.6s ease-in-out infinite}.payment-result-success{border-color:#71d99e70;background:#71d99e12;color:#8be4ad;box-shadow:0 0 30px #71d99e18}.payment-result-error,.payment-failure-card .payment-result-mark{border-color:#ef596466;background:#ef334014;color:#ff7a83;animation:none}@keyframes payment-mark-pulse{50%{transform:scale(1.05);box-shadow:0 0 28px #ef334022}}
.modal{position:fixed;z-index:80;inset:0;display:flex;align-items:center;justify-content:center;overflow-y:auto;padding:20px;background:#000c;backdrop-filter:blur(7px)}
.modal-content{width:min(100%,560px);max-height:calc(100dvh - 40px);overflow:auto;padding:23px;border:1px solid #3b3337;border-radius:14px;background:#19191d;box-shadow:0 25px 80px #0008}
.order-cancel-modal{background:#080709d9;opacity:0;transition:opacity .18s ease}.order-cancel-modal.is-open{opacity:1}.order-cancel-card{position:relative;width:min(100%,430px);padding:30px;border-color:#69383e;background:radial-gradient(ellipse at 50% 0,#ef33401c,transparent 52%),linear-gradient(150deg,#1d1b20,#141416);text-align:center;opacity:0;transform:translateY(16px) scale(.97);transition:transform .22s cubic-bezier(.2,.8,.2,1),opacity .18s ease}.order-cancel-modal.is-open .order-cancel-card{opacity:1;transform:translateY(0) scale(1)}.order-cancel-close{position:absolute;top:12px;right:12px}.order-cancel-mark{display:grid;width:60px;height:60px;place-items:center;margin:0 auto 17px;border:1px solid #ef334066;border-radius:19px;background:#ef334018;color:#ff737c;font:700 28px var(--mono);box-shadow:0 0 0 8px #ef334008,0 10px 30px #ef33401c;animation:order-mark-in .42s cubic-bezier(.2,.8,.2,1) both}.order-cancel-mark span{animation:order-mark-pulse 1.8s ease-in-out .5s infinite}.order-cancel-card h2{margin:7px 0 9px;color:#fff;font-size:24px;letter-spacing:-.035em}.order-cancel-message{margin:0;color:#ff9299;font-size:14px;font-weight:700}.order-cancel-note{margin:12px 0 0;color:#aaa7af;font-size:12px;line-height:1.6}.order-cancel-card .modal-actions{justify-content:center;margin-top:23px}.order-cancel-card .modal-actions .btn{flex:1}@keyframes order-mark-in{from{opacity:0;transform:rotate(-12deg) scale(.65)}to{opacity:1;transform:rotate(0) scale(1)}}@keyframes order-mark-pulse{50%{text-shadow:0 0 17px #ef334099}}
.modal-wide{width:min(100%,900px)}.modal-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:17px}
.modal-head h2{margin:0;color:#f5f5f6;font-size:20px}.modal-actions{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:9px;margin-top:16px}
.icon-close{display:grid;width:36px;height:36px;place-items:center;border:1px solid #35353a;border-radius:8px;background:#222226;color:#eee;font-size:22px}
.toast-container{position:fixed;z-index:100;right:18px;bottom:18px;display:flex;max-width:min(420px,calc(100vw - 36px));flex-direction:column;gap:8px}
.toast{min-width:220px;padding:12px 15px;border:1px solid #393940;border-left:3px solid #85858e;border-radius:9px;background:#202024;color:#f0f0f2;box-shadow:0 12px 30px #0006;font-size:13px;animation:toast-in .2s ease both}
.toast-success{border-left-color:var(--green)}.toast-error{border-left-color:var(--red)}.toast-info{border-left-color:#df6971}
.toast.leaving{opacity:0;transform:translateX(10px);transition:.25s}
@keyframes toast-in{from{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}
@media(prefers-reduced-motion:reduce){.order-cancel-modal,.order-cancel-card,.order-cancel-mark,.order-cancel-mark span{animation:none!important;transition:none!important}}
button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,[tabindex]:focus-visible{outline:2px solid #ff626d;outline-offset:2px}
/* One responsive drawer model; accordion groups stay closed until toggled. */
@media(max-width:1100px){.ops-console-grid{grid-template-columns:minmax(0,1.35fr) minmax(245px,.8fr)}.detail-layout{grid-template-columns:minmax(270px,.8fr) minmax(0,1.2fr)}.catalog-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(min-width:861px){.shell:not(.sidebar-collapsed) .topbar-hamburger{display:none!important}.shell.sidebar-collapsed .topbar-hamburger{display:inline-grid!important}}
@media(max-width:860px){
 .shell:not(.mobile-menu-open) .sidebar{transform:translateX(-105%)}.shell.mobile-menu-open .sidebar{transform:translateX(0)}
 .shell.mobile-menu-open::after{position:fixed;z-index:30;inset:0;background:#0009;content:''}
 .content-area,.shell:not(.sidebar-collapsed) .content-area{margin-left:0}.sidebar,.shell.sidebar-collapsed .sidebar{width:min(310px,88vw)}
 .ops-console-grid{grid-template-columns:minmax(0,1.4fr) minmax(230px,.8fr)}
 .detail-layout{grid-template-columns:1fr}.detail-left{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-items:start}
 .detail-right{min-height:360px}.catalog-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
 .brand-sidebar{gap:7px}.brand-name-img-sidebar{max-width:198px}.brand-sidebar .brand-mark-img{width:42px;height:42px;flex-basis:42px}.brand-sidebar .sidebar-hamburger{width:30px;flex-basis:30px}
}
@media(max-width:640px){
 .topbar{min-height:62px;padding:8px 12px}.topbar-title .eyebrow{display:none}.topbar-title strong{font-size:14px}.topbar-actions{gap:8px}.brand-auth .brand-mark-img{width:54px;height:54px;flex-basis:54px}.brand-auth .brand-name-img{width:175px}
 .brand-sidebar .brand-name-img-sidebar{max-width:192px;max-height:36px}.brand-sidebar{gap:6px}.brand-sidebar .brand-mark-img{width:38px;height:38px;flex-basis:38px}.brand-sidebar .sidebar-hamburger{width:29px;height:34px;flex-basis:29px}.topology-root{min-height:68px;padding:11px 14px}.topology-root>img{width:41px;height:41px;flex-basis:41px}.topology-root .topology-wordmark{max-width:132px;max-height:26px}
 .topbar-balance{padding:5px 7px;font-size:10px}.user-pill{gap:6px}.avatar{width:31px;height:31px;flex-basis:31px}.user-pill-email,.user-pill-details strong{max-width:27vw;font-size:10px}.user-pill-details .user-pill-email{font-size:9px}
 .workspace{padding:18px 13px 30px}.page-heading{align-items:flex-start;flex-direction:column;gap:13px;margin-bottom:19px}.page-heading h1{font-size:29px}.page-heading>.btn{width:100%}
 .ops-console-grid,.dashboard-lower-grid{grid-template-columns:1fr}.ops-stage{padding:19px 16px}.ops-stage::after{top:19%;right:-12%;font-size:210px}
 .ops-stage-copy{margin:26px 0 19px}.ops-stage-copy h2{font-size:36px}.ops-stage-copy p{max-width:290px}.ops-stage-index{display:none}
 .metric-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.metric-card{min-height:97px;padding:11px}.metric-card>span{max-width:85%;font-size:10px}
 .metric-card>strong{font-size:22px}.metric-card.metric-health{grid-column:1/-1;min-height:77px}.metric-card.metric-health>strong{font-size:13px}
 .ops-stage-foot{flex-wrap:wrap;gap:9px 16px;font-size:8px}.ops-topology{min-height:310px}.dashboard-lower-grid{gap:10px}
 .card-header{min-height:46px;padding:12px 14px}.card-body{padding:14px}.detail-left{display:flex}
 .detail-right{display:block;min-height:0;border-radius:13px}.side-menu{width:100%;flex-direction:row;gap:5px;overflow-x:auto;padding:8px;border-right:0;border-bottom:1px solid #ffffff10}.side-menu::before{display:none}
 .detail-layout,.detail-left,.detail-left>.card,.gauges-row{width:100%;min-width:0}.gauge-block{width:100%;min-width:0;max-width:140px;flex:initial}.gauge{width:min(120px,100%)}
 .side-menu-item{flex:0 0 auto;min-height:39px;padding:8px 10px;white-space:nowrap}.side-menu-item.active{box-shadow:inset 0 -2px var(--red)}.side-menu-item:hover{transform:none}.side-panel-body{padding:13px}.panel-toolbar{padding:8px}
 .panel-toolbar .btn{flex:1 1 auto}.catalog-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}
 .catalog-featured{grid-column:1/-1}.catalog-featured .catalog-art{min-height:170px}.catalog-art{min-height:125px;padding:13px}.catalog-symbol{right:12px;width:62px;height:62px}.catalog-symbol-cube,.catalog-symbol-container{width:70px;height:70px}
 .catalog-art>strong{font-size:20px}.catalog-custom .catalog-art>strong{font-size:18px}.catalog-body{gap:7px;padding:13px}
 .catalog-body h3{font-size:16px}.catalog-body p{min-height:54px;font-size:12px}.catalog-meta{font-size:7px}.catalog-footnote{flex-direction:column}
 .tab-strip{gap:6px}.tab-pill{flex:1 1 calc(50% - 6px);min-height:42px;padding:8px 9px}
 .tab-pill[data-action=delete],.tab-pill[data-siteaction=delete]{flex-grow:0}.data-table{min-width:610px}
 .admin-stat-grid{gap:8px}.admin-stat-card{min-height:92px;padding:12px}.admin-stat-card span{font-size:8px}.admin-stat-card strong{font-size:23px}.admin-database-card{flex-direction:column}.admin-database-card>.btn{width:100%}
 .file-row{align-items:flex-start;flex-direction:column}.row-actions{width:100%}.row-actions .btn{flex:1}
 .form-grid,.form-grid>div,.form-row{grid-template-columns:1fr}.form-grid>label:not(.check-row){margin-bottom:-7px}
 .account-info{grid-template-columns:1fr 1.4fr;gap:7px 10px}.account-info span,.account-info b{overflow-wrap:anywhere}
 .topup-row{flex-direction:column;align-items:stretch}.topup-row>label,.topup-conversion{width:100%;min-width:0;flex:auto}.topup-row>button{width:100%}.reply-row{flex-direction:column}.reply-row textarea,.reply-row button{width:100%}
 .modal{align-items:flex-start;padding:11px}.modal-content{max-height:calc(100dvh - 22px);padding:16px}.modal-head h2{font-size:18px}
}
@media(max-width:860px){
 .shell.mobile-menu-open .topbar-hamburger{visibility:hidden;pointer-events:none}
}

.currency-icon{display:inline-flex;width:28px;height:28px;flex:0 0 28px;align-items:center;justify-content:center;border:1px solid #ffffff28;border-radius:9px;background:#ffffff0d;color:#f2f0f2;font:800 16px var(--mono);font-style:normal;line-height:1;box-shadow:inset 0 1px #ffffff12,0 3px 10px #0005}.currency-icon-RUB{background:#21442e99;color:#8be2ae}.currency-icon-UAH{background:#5a4a14;color:#ffe16b;border-color:#ffe16b55}.currency-icon-USD{background:#214536aa;color:#88d8b0}.currency-icon-EUR{background:#253e66aa;color:#a5c8ff}.currency-icon-KZT{background:#633d25;color:#ffc08e}.topbar-currency-balance span{display:flex;align-items:center;gap:8px}.topbar-primary-options label .currency-icon,.topbar-secondary-options label .currency-icon{width:22px;height:22px;flex-basis:22px;font-size:13px}.currency-balance-card>strong{display:flex;align-items:center;gap:8px;overflow-wrap:anywhere}.topup-currency-select{display:flex;align-items:center;gap:8px}.topup-currency-select select{flex:1;min-width:0}
.topbar-balance{display:inline-flex;align-items:center;gap:8px}.topbar-balance .currency-icon{width:30px;height:30px;flex-basis:30px;font-size:18px}
@media(max-width:380px){
 .topbar-title{max-width:75px}.topbar-title strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.topbar-actions{gap:5px}.topbar-balance{padding:5px 6px;font-size:9px}.topbar-currency-panel{right:0}.user-pill-details .user-pill-email{display:none}.user-pill-details strong{max-width:58px}
 .metric-grid,.catalog-grid{grid-template-columns:1fr}.metric-card.metric-health,.catalog-featured{grid-column:auto}
 .catalog-art,.catalog-featured .catalog-art{min-height:140px}.account-info{grid-template-columns:1fr;gap:3px}.account-info b{margin-bottom:7px}
 .admin-stat-grid{grid-template-columns:1fr}.admin-stat-card{min-height:74px}
}
@media(max-width:860px){
 .order-layout,.site-order-layout{grid-template-columns:1fr}.checkout-card{position:static;grid-row:2}.plan-grid{grid-template-columns:1fr}.plan-card{min-height:0}.plan-card-description{min-height:0}
}
@media(max-width:640px){
 .plan-card{padding:14px}.order-fields{grid-template-columns:1fr;gap:8px}.order-fields>label:not(.check-row){margin:5px 0 -3px}.order-input-unit input{flex:1}.plan-safe-note{display:none}.checkout-card{padding:16px}.checkout-card h2{font-size:22px}.checkout-total strong{font-size:21px}
}
@media(max-width:760px){
 .owner-db-editor-fields{grid-template-columns:1fr}
 .auth-wrap{padding:22px}.auth-layout{width:min(540px,100%);min-height:0;grid-template-columns:1fr}.auth-showcase{min-height:278px;padding:25px 29px 18px;border-right:0;border-bottom:1px solid #ffffff12}.auth-showcase .brand-auth .brand-mark-img{width:54px;height:54px;flex-basis:54px}.auth-showcase .brand-auth .brand-name-img{width:175px}.auth-showcase-content{justify-content:flex-start;padding:29px 0 35px}.auth-showcase-content h1{font-size:42px}.auth-showcase-content>p{max-width:285px;font-size:12px}.auth-visual{right:3%;bottom:-4%;width:230px;height:190px;opacity:.56}.auth-visual-ring-outer{width:180px;height:180px}.auth-visual-ring-inner{width:120px;height:120px}.auth-visual-label-a{top:8%;left:0}.auth-visual-label-b{right:0;bottom:8%}.auth-showcase-footer{display:none}.auth-panel{padding:26px 30px 24px}.auth-panel-meta{margin-bottom:20px}
}
@media(max-width:640px){
 .auth-wrap{min-height:100vh;min-height:100svh;place-items:start center;padding:0}.auth-layout{width:100%;min-height:100vh;min-height:100svh;align-content:start;border:0;border-radius:0;box-shadow:none}.auth-showcase{min-height:0;padding:18px 18px 14px}.auth-showcase-header{gap:8px}.auth-showcase .brand-auth{gap:8px}.auth-showcase .brand-auth .brand-mark-img{width:44px;height:44px;flex-basis:44px}.auth-showcase .brand-auth .brand-name-img{width:150px;max-height:30px}.auth-showcase .brand-tagline{margin-top:2px;font-size:8px}.auth-availability{padding:6px 7px;font-size:7px}.auth-showcase-content{padding:25px 0 8px}.auth-kicker{font-size:7px}.auth-showcase-content h1{margin:11px 0 7px;font-size:34px}.auth-showcase-content>p{max-width:260px;font-size:11px;line-height:1.45}.auth-visual{right:0;bottom:-12px;width:150px;height:140px;opacity:.32}.auth-visual-ring-outer{width:130px;height:130px;box-shadow:0 0 0 12px #ef334006,0 0 0 28px #ef334004}.auth-visual-ring-inner{width:88px;height:88px}.auth-visual-core{width:56px;height:56px}.auth-visual-core img{width:28px;height:28px}.auth-visual-core small{font-size:6px}.auth-visual-core b,.auth-visual-label{display:none}.auth-panel{padding:22px 19px 20px;background:linear-gradient(155deg,#171719,#111113)}.auth-panel-meta{margin-bottom:17px;font-size:7px}.auth-card-head{margin-bottom:18px}.auth-card-head h2{font-size:24px}.auth-card-head p{font-size:11px}.tabs{margin-bottom:17px}.auth-form{gap:7px}.auth-form label{margin-top:2px}.auth-form input{min-height:45px}.auth-form .btn{min-height:46px;margin-top:6px}.auth-foot{margin-top:17px;padding-top:13px}.auth-panel-footer{margin-top:16px}
}
@media(max-width:380px){
 .auth-showcase{padding-inline:14px}.auth-showcase .brand-auth{gap:6px}.auth-showcase .brand-auth .brand-mark-img{width:38px;height:38px;flex-basis:38px}.auth-showcase .brand-auth .brand-name-img{width:126px}.auth-availability{gap:0;padding:6px;font-size:0}.auth-panel{padding-inline:16px}.auth-showcase-content h1{font-size:31px}.auth-visual{right:-28px;opacity:.22}
}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}}

/* Balance popover: clear wallet rows and a touch-friendly mobile layout. */
.topbar-currency-panel{width:min(410px,calc(100vw - 28px));padding:18px;border-color:#49363a;border-radius:16px;background:radial-gradient(ellipse at 100% 0,#62212b55,transparent 44%),linear-gradient(155deg,#201d22,#111113 74%);box-shadow:0 22px 70px #000c,0 0 0 1px #ffffff08;animation:currency-panel-in .18s ease-out both}
@keyframes currency-panel-in{from{opacity:0;transform:translateY(-7px) scale(.985)}to{opacity:1;transform:translateY(0) scale(1)}}
.topbar-currency-head{gap:12px;padding-bottom:11px;border-bottom:1px solid #ffffff12}.topbar-currency-head strong{font-size:16px;letter-spacing:-.02em}.topbar-currency-head button{width:34px;height:34px;border-radius:10px}.topbar-currency-panel>p{margin:10px 0 14px;font-size:12px;line-height:1.5}.topbar-currency-balances{gap:7px}.topbar-currency-balance{position:relative;min-height:58px;justify-content:flex-start;gap:10px;padding:9px 12px;border-color:#ffffff12;border-radius:11px;background:linear-gradient(110deg,#ffffff07,#ffffff02);transition:border-color .18s,background .18s,transform .18s}.topbar-currency-balance:hover{transform:translateY(-1px);border-color:#ffffff28}.topbar-currency-balance.is-primary{border-color:#ef334088;background:linear-gradient(100deg,#ef334018,#ffffff03 70%)}.topbar-wallet-name{min-width:0;flex:1;gap:10px!important}.topbar-wallet-name>.currency-icon{width:36px;height:36px;flex-basis:36px;border-radius:11px;font-size:20px}.topbar-wallet-name>span{display:flex;min-width:0;flex-direction:column;gap:2px}.topbar-wallet-name b{color:#f4f1f3;font:700 12px var(--mono)}.topbar-wallet-name small{overflow:hidden;color:#9e9aa3;font-size:10px;text-overflow:ellipsis;white-space:nowrap}.topbar-currency-balance strong{font-size:13px}.primary-wallet-badge{flex:0 0 auto;padding:4px 7px;border:1px solid #ef334055;border-radius:99px;background:#ef334014;color:#ff9da4;font-size:9px;font-style:normal;font-weight:750}.topbar-currency-choices{gap:9px;margin:16px 0}.topbar-currency-label{font-size:10px}.topbar-primary-options,.topbar-secondary-options{gap:7px}.topbar-primary-options label,.topbar-secondary-options label{min-height:40px;gap:7px;padding:6px 10px;border-radius:10px;background:#ffffff05;font-size:11px;transition:background .16s,border-color .16s}.topbar-primary-options label:has(input:checked){border-color:#ef334099;background:#ef334018;color:#fff}.topbar-primary-options label .currency-icon,.topbar-secondary-options label .currency-icon{width:25px;height:25px;flex-basis:25px;border-radius:8px;font-size:14px}.topbar-secondary-options label:has(input:checked){border-color:#ffffff30;background:#ffffff0b}.topbar-currency-panel>.btn{min-height:43px;border-radius:11px}.topbar-currency-panel>small{margin-top:9px;font-size:11px}
@media(max-width:640px){.topbar-currency-panel{position:fixed;top:calc(env(safe-area-inset-top,0px) + 76px);right:12px;width:min(430px,calc(100vw - 24px));max-height:calc(100dvh - env(safe-area-inset-top,0px) - 90px);padding:15px;border-radius:15px}.topbar-currency-panel>p{font-size:11px}.topbar-currency-balance{min-height:54px;padding:8px 10px}.topbar-wallet-name>.currency-icon{width:33px;height:33px;flex-basis:33px;font-size:19px}.topbar-currency-choices{margin:13px 0}.topbar-primary-options,.topbar-secondary-options{display:grid;grid-template-columns:repeat(3,minmax(0,1fr))}.topbar-primary-options label,.topbar-secondary-options label{justify-content:center;min-width:0;padding:7px 5px}.topbar-currency-panel>.btn{position:sticky;bottom:0;box-shadow:0 0 0 8px #151417}}
@media(max-width:380px){.topbar-currency-panel{top:calc(env(safe-area-inset-top,0px) + 68px);right:8px;width:calc(100vw - 16px);max-height:calc(100dvh - env(safe-area-inset-top,0px) - 78px);padding:12px}.topbar-currency-balance strong{font-size:12px}.topbar-wallet-name small{font-size:9px}.primary-wallet-badge{padding:3px 5px;font-size:8px}.topbar-primary-options label,.topbar-secondary-options label{gap:4px;font-size:10px}}

/* Staff area: tabbed dashboard and touch-friendly currency management. */
.admin-tabs{position:sticky;z-index:12;top:72px;display:flex;gap:7px;margin:-5px 0 18px;padding:8px;border:1px solid #ffffff12;border-radius:13px;background:#171619ed;backdrop-filter:blur(14px);overflow-x:auto;scrollbar-width:thin}.admin-tab{position:relative;display:inline-flex;min-height:42px;flex:0 0 auto;align-items:center;justify-content:center;padding:8px 15px;border:1px solid transparent;border-radius:9px;background:transparent;color:#aaa7b0;font:650 12px var(--body);white-space:nowrap;cursor:pointer;transition:color .16s,border-color .16s,background .16s}.admin-tab:hover{background:#ffffff08;color:#fff}.admin-tab.active{border-color:#ef334044;background:linear-gradient(130deg,#ef334020,#ef334008);color:#fff;box-shadow:inset 0 0 18px #ef334008}.admin-tab.active::before{position:absolute;inset:7px auto 7px 0;width:2px;border-radius:2px;background:#ff4d59;content:""}.admin-tab-panel{min-width:0;animation:appear .18s ease both}.admin-tab-panel>.card{margin-bottom:14px}.admin-currency-card{overflow:hidden}.admin-currency-totals{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:9px}.admin-currency-total{display:grid;min-width:0;grid-template-columns:35px minmax(0,1fr) auto;align-items:center;gap:9px;padding:11px;border:1px solid #ffffff12;border-radius:11px;background:linear-gradient(130deg,#ffffff07,#ffffff02)}.admin-currency-total>.currency-icon{width:34px;height:34px;flex-basis:34px;font-size:18px}.admin-currency-total>span:nth-child(2){display:flex;min-width:0;flex-direction:column;gap:2px}.admin-currency-total b{color:#eee;font:700 11px var(--mono)}.admin-currency-total small{overflow:hidden;color:#96929b;font-size:9px;text-overflow:ellipsis;white-space:nowrap}.admin-currency-total strong{color:#fff;font:650 11px var(--mono);white-space:nowrap}.admin-user-wallets{display:flex;min-width:230px;flex-wrap:wrap;gap:5px}.admin-user-wallets>span{display:inline-flex;align-items:center;gap:4px;padding:3px 5px;border:1px solid #ffffff0e;border-radius:7px;background:#ffffff04;color:#ddd;font:10px var(--mono);white-space:nowrap}.admin-user-wallets .currency-icon{width:18px;height:18px;flex-basis:18px;border-radius:5px;font-size:11px}.admin-user-editor{width:min(100%,620px)}.admin-user-editor .modal-head{align-items:flex-start}.admin-user-editor .modal-head h2{margin:4px 0 0}.admin-user-form{display:grid;grid-template-columns:1fr;gap:8px}.admin-wallet-editor{min-width:0;margin:8px 0 2px;padding:13px;border:1px solid #ffffff16;border-radius:12px;background:linear-gradient(145deg,#ffffff06,#ffffff02)}.admin-wallet-editor legend{padding:0 6px;color:#f2eff2;font-size:12px;font-weight:750}.admin-wallet-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.admin-wallet-field{display:flex;min-width:0;align-items:center;gap:8px;padding:8px;border:1px solid #ffffff12;border-radius:10px;background:#101013}.admin-wallet-field>span{display:flex;min-width:63px;align-items:center;gap:6px;color:#d8d5dc;font:700 11px var(--mono)}.admin-wallet-field .currency-icon{width:27px;height:27px;flex-basis:27px;border-radius:8px;font-size:15px}.admin-wallet-field input{min-width:0;flex:1;padding:9px 8px;border:1px solid #35333b;border-radius:8px;background:#18181c;color:#fff;font:12px var(--mono)}.admin-wallet-field input:focus{border-color:#e6535e;outline:2px solid #ef33401d}.admin-wallet-editor>small{display:block;margin-top:10px;color:#96929b;font-size:10px;line-height:1.5}.admin-user-form .modal-actions{margin-top:5px}
@media(max-width:860px){.admin-tabs{top:62px;margin:0 0 14px;padding:6px}.admin-tab{min-height:44px;padding-inline:13px}.admin-stat-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.admin-currency-totals{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:560px){.admin-tabs{margin-inline:-2px}.admin-tab{min-height:45px;padding:8px 12px;font-size:11px}.admin-stat-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.admin-stat-card{min-height:86px}.admin-stat-card strong{font-size:22px}.admin-currency-totals{grid-template-columns:1fr}.admin-currency-total{grid-template-columns:38px minmax(0,1fr) auto;min-height:56px}.admin-currency-total strong{font-size:12px}.admin-user-editor{width:100%;padding:15px}.admin-wallet-fields{grid-template-columns:1fr}.admin-wallet-field{min-height:52px}.admin-wallet-field>span{min-width:75px}.admin-user-form .modal-actions{position:sticky;bottom:-15px;padding:10px 0 2px;background:linear-gradient(0deg,#19191d 76%,transparent)}.admin-user-form .modal-actions>*{min-height:43px;flex:1}.admin-role-badge{align-self:flex-start}}
@media(max-width:380px){.admin-stat-grid{grid-template-columns:1fr 1fr}.admin-stat-card{min-height:76px;padding:10px}.admin-stat-card span{font-size:7px}.admin-stat-card strong{font-size:19px}.admin-currency-total{padding:9px}.admin-tab{padding-inline:10px}}

/* Currency exchange: wallet-to-wallet flow below payment top-up. */
.exchange-card{overflow:hidden;border-color:#ffffff18;background:radial-gradient(ellipse at 90% 0,#5e202722,transparent 40%),linear-gradient(145deg,#1a191d,#141417 65%)}
.exchange-card>.card-header{display:flex;align-items:center;justify-content:space-between;gap:12px}
.exchange-live-rate{padding:5px 8px;border:1px solid #ef485433;border-radius:7px;background:#ef33400d;color:#ff9da4;font:700 9px var(--mono);letter-spacing:.06em}
.exchange-form{display:grid;gap:18px}
.exchange-fields{display:grid;grid-template-columns:minmax(0,1fr) 42px minmax(0,1fr) minmax(150px,.8fr);align-items:end;gap:12px}
.exchange-fields>label{display:grid;min-width:0;gap:7px;color:#e5e1e5;font-size:12px;font-weight:700}
.exchange-select-wrap{display:flex;min-width:0;align-items:center;gap:9px;padding:7px 10px;border:1px solid #39363e;border-radius:10px;background:#101013;transition:border-color .16s,box-shadow .16s}
.exchange-select-wrap:focus-within,.exchange-amount-label input:focus{border-color:#ef4854;outline:0;box-shadow:0 0 0 3px #ef33401a}
.exchange-select-wrap .currency-icon{width:31px;height:31px;flex:0 0 31px;border-radius:9px}
.exchange-select-wrap select{width:100%;min-width:0;padding:6px 20px 6px 0;border:0;outline:0;background:transparent;color:#f5f2f4;font:650 12px var(--body)}
.exchange-select-wrap select option{background:#19181c;color:#f5f2f4}
.exchange-wallet-balance{min-height:15px;color:#a7a2ac;font:10px var(--mono);font-weight:450}
.exchange-swap{width:38px;height:38px;align-self:center;margin-top:17px;border:1px solid #ef485455;border-radius:11px;background:#ef334014;color:#ff8790;font-size:22px;cursor:pointer;transition:transform .18s,background .18s}
.exchange-swap:hover{transform:rotate(180deg);background:#ef33402a}
.exchange-amount-label input{width:100%;min-width:0;min-height:48px;padding:12px;border:1px solid #39363e;border-radius:10px;background:#101013;color:#fff;font:650 15px var(--mono)}
.exchange-result{display:grid;min-height:74px;align-content:center;gap:4px;padding:11px 13px;border:1px solid #ef485433;border-radius:11px;background:linear-gradient(110deg,#ef334012,#ffffff03)}
.exchange-result>span{color:#a7a2ac;font-size:10px}
.exchange-result>strong{color:#fff;font:750 17px var(--mono)}
.exchange-result>small{color:#ff9da4;font:10px var(--mono)}
.exchange-form-footer{display:flex;align-items:center;justify-content:space-between;gap:14px;padding-top:14px;border-top:1px solid #ffffff12}
.exchange-message{margin:0;color:#a9a5ad;font-size:11px;line-height:1.5}
.exchange-message[data-state="success"]{color:#82d9a2}.exchange-message[data-state="error"]{color:#ff8790}.exchange-message[data-state="loading"]{color:#f1c878}
.exchange-form-footer .btn{min-height:43px;flex:0 0 auto}
.exchange-form-footer .btn:disabled{cursor:not-allowed;opacity:.55}
@media(max-width:780px){.exchange-fields{grid-template-columns:minmax(0,1fr) 38px minmax(0,1fr)}.exchange-amount-label{grid-column:1}.exchange-result{grid-column:3}}
@media(max-width:560px){.exchange-card>.card-header{align-items:flex-start}.exchange-live-rate{font-size:8px}.exchange-fields{grid-template-columns:minmax(0,1fr) 36px minmax(0,1fr);gap:8px}.exchange-fields>label{font-size:11px}.exchange-select-wrap{gap:6px;padding:6px}.exchange-select-wrap .currency-icon{width:26px;height:26px;flex-basis:26px;font-size:14px}.exchange-select-wrap select{font-size:10px}.exchange-wallet-balance{font-size:8px}.exchange-swap{width:34px;height:34px}.exchange-amount-label{grid-column:1/-1}.exchange-amount-label input{min-height:44px}.exchange-result{grid-column:1/-1;min-height:66px}.exchange-form-footer{align-items:stretch;flex-direction:column;gap:10px}.exchange-form-footer .btn{width:100%;min-height:46px}.exchange-message{font-size:10px}}

/* FAST HOST analytics dashboard — compact signal strip, then three deliberate trend panels. */
.admin-analytics{position:relative;isolation:isolate;margin:0 0 18px;overflow:visible;border:1px solid #342e33;border-radius:18px;background:radial-gradient(ellipse at 12% 0,#ef334010,transparent 30%),linear-gradient(155deg,#19181b 0%,#121214 72%);box-shadow:0 18px 46px #0002}
.admin-analytics-head{display:flex;align-items:center;justify-content:space-between;gap:28px;padding:24px 26px 19px;border-bottom:1px solid #ffffff10}
.admin-analytics-head>div:first-child{min-width:0}
.admin-analytics-head .eyebrow{display:inline-flex;align-items:center;gap:8px;color:#fa6570;font:700 9px var(--mono);letter-spacing:.19em}
.admin-analytics-head .eyebrow::before{width:6px;height:6px;border-radius:50%;background:#f04c59;box-shadow:0 0 12px #f04c5988;content:""}
.admin-analytics-head h2{margin:7px 0 5px;color:#fbf9fa;font-size:26px;line-height:1.12;letter-spacing:-.045em}
.admin-analytics-head p{max-width:520px;margin:0;color:#a5a1a9;font-size:12px;line-height:1.55}
.admin-analytics-filters{display:flex;flex:0 0 auto;gap:8px;padding:7px;border:1px solid #ffffff12;border-radius:12px;background:#101012}
.admin-analytics-filters label{display:flex;min-width:132px;flex-direction:column;gap:5px;color:#8f8a94;font:700 8px var(--mono);letter-spacing:.11em;text-transform:uppercase}
.admin-analytics-filters select{width:100%;min-height:38px;padding:7px 28px 7px 10px;border:1px solid #37343b;border-radius:8px;background:#1a191c;color:#f4f1f3;font:600 11px var(--body);letter-spacing:0;text-transform:none}
.admin-analytics-status{display:flex;min-height:16px;align-items:center;gap:8px;margin:12px 26px 15px;color:#8e8992;font-size:10px;line-height:1.45}
.admin-analytics-status::before{width:5px;height:5px;flex:0 0 auto;border-radius:50%;background:#75d7a5;content:""}
.admin-analytics-status.is-error{color:#ff9299}.admin-analytics-status.is-error::before{background:#ff6571}
.admin-analytics-kpis{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:0 26px 22px}
.analytics-kpi{position:relative;display:flex;min-width:0;min-height:148px;flex-direction:column;justify-content:space-between;gap:15px;overflow:hidden;padding:17px 18px;border:1px solid #ffffff12;border-radius:14px;background:linear-gradient(145deg,#1d1c20,#151416);transition:border-color .18s ease,transform .18s ease,background .18s ease}
.analytics-kpi:hover{transform:translateY(-2px);border-color:#ffffff25;background:linear-gradient(145deg,#222024,#171619)}
.analytics-kpi::after{position:absolute;right:-30px;bottom:-47px;width:106px;height:84px;border:1px solid currentColor;border-radius:50%;opacity:.11;content:"";pointer-events:none}
.analytics-kpi-audience{color:#ff6570}.analytics-kpi-infrastructure{color:#69d4c9}.analytics-kpi-finance{color:#81b5ff}
.analytics-kpi-heading{position:relative;z-index:1;display:flex;min-width:0;align-items:center;gap:9px;color:#aaa5ae;font:750 9px var(--mono);letter-spacing:.12em}
.analytics-kpi-mark{display:grid;width:25px;height:25px;flex:0 0 auto;place-items:center;border:1px solid currentColor;border-radius:8px;background:color-mix(in srgb,currentColor 10%,transparent);color:inherit;font:700 9px var(--mono);letter-spacing:0}
.analytics-primary-metric{position:relative;z-index:1;display:flex;min-width:0;align-items:baseline;gap:9px}
.analytics-primary-metric strong{color:#f9f7f8;font:750 clamp(28px,2.4vw,36px) var(--mono);letter-spacing:-.07em;line-height:1}
.analytics-primary-metric>span{color:#aaa5ae;font-size:11px}
.analytics-kpi-foot{position:relative;z-index:1;display:flex;min-width:0;align-items:center;justify-content:space-between;gap:8px;color:#89848d;font-size:9px;line-height:1.4}
.analytics-kpi-total-label{flex:0 0 auto;color:#b8b2bc}.analytics-kpi-total-label b{margin-left:4px;color:#f4f1f3;font:700 10px var(--mono)}
.analytics-pair-metrics{position:relative;z-index:1;display:grid;min-width:0;grid-template-columns:repeat(2,minmax(0,1fr));gap:0}
.analytics-pair-metrics>div{display:grid;min-width:0;grid-template-columns:auto 1fr;align-items:baseline;column-gap:7px;row-gap:5px;padding-right:12px}
.analytics-pair-metrics>div+div{padding-right:0;padding-left:14px;border-left:1px solid #ffffff14}
.analytics-pair-metrics strong{overflow:hidden;color:#f8f6f7;font:700 clamp(19px,1.8vw,27px) var(--mono);letter-spacing:-.045em;text-overflow:ellipsis;white-space:nowrap}
.analytics-pair-metrics>div>span{overflow:hidden;color:#aaa5ae;font-size:10px;text-overflow:ellipsis;white-space:nowrap}
.analytics-pair-metrics small{grid-column:1/-1;color:#89848d;font-size:9px}.analytics-pair-metrics small b{color:#f0edf0;font:700 10px var(--mono)}
.analytics-money-metrics>div{display:flex;flex-direction:column;align-items:flex-start;gap:5px}.analytics-money-metrics>div+div{padding-left:14px}.analytics-money-metrics strong{max-width:100%;font-size:clamp(15px,1.55vw,22px)}
.analytics-kpi-note{position:relative;z-index:1;color:#89848d;font-size:9px}
.analytics-currency-badge{margin-left:auto;padding:5px 8px;border:1px solid #ffffff14;border-radius:7px;background:#ffffff06;color:#d9d5dc;font:700 9px var(--mono);letter-spacing:.04em}
.analytics-charts-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:0 26px 10px;padding-top:3px}
.analytics-charts-heading>span{color:#f5f2f4;font:750 10px var(--mono);letter-spacing:.14em}
.analytics-charts-heading>small{color:#817c85;font-size:9px}
.admin-analytics-charts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-items:stretch;gap:13px;padding:0 26px 25px}
.analytics-chart-card{position:relative;display:flex;min-width:0;min-height:316px;flex-direction:column;margin:0;overflow:visible;padding:16px 16px 10px;border:1px solid #ffffff10;border-radius:14px;background:linear-gradient(145deg,#171619,#121214);transition:border-color .18s ease,background .18s ease}
.analytics-chart-card:hover{border-color:#ffffff20;background:linear-gradient(145deg,#1a191c,#131315)}
.analytics-chart-growth{grid-column:1/-1;min-height:344px;border-color:#71383e66;background:radial-gradient(ellipse at 0 100%,#ef334008,transparent 45%),linear-gradient(145deg,#19171a,#121214)}
.analytics-chart-card figcaption{display:flex;min-height:49px;align-items:flex-start;justify-content:space-between;gap:16px;padding:0 2px 10px}
.analytics-chart-card figcaption>span:first-child{display:flex;min-width:0;flex-direction:column;gap:4px}
.analytics-chart-card figcaption b{color:#f0edf0;font-size:13px;font-weight:750;letter-spacing:-.02em}
.analytics-chart-card figcaption small{color:#918c95;font-size:10px;line-height:1.45}
.chart-legends{display:flex;flex:0 0 auto;flex-wrap:wrap;justify-content:flex-end;gap:6px}
.chart-legend{display:inline-flex;align-items:center;gap:6px;padding:5px 8px;border:1px solid #ffffff10;border-radius:99px;background:#ffffff04;color:#b0abb4;font-size:9px;font-style:normal;white-space:nowrap}
.chart-legend::before{width:6px;height:6px;flex:0 0 auto;border-radius:50%;background:#f04c59;content:""}
.chart-legend-users::before{background:#f04c59}.chart-legend-daily::before{background:#e6a1a6}.chart-legend-servers::before{background:#63d3c9}.chart-legend-sites::before{background:#8fa8ff}.chart-legend-topups::before{background:#70d6a0}.chart-legend-revenue::before{background:#ef5964}
.analytics-chart{position:relative;min-width:0;flex:1}
.analytics-svg{display:block;width:100%;height:100%;min-height:225px;overflow:visible}
.analytics-chart-growth .analytics-svg{min-height:250px}
.analytics-grid-line{stroke:#ffffff0d;stroke-width:1;vector-effect:non-scaling-stroke}
.analytics-axis-line{stroke:#ffffff20;stroke-width:1;vector-effect:non-scaling-stroke}
.analytics-axis-label{fill:#928d96;font:10px var(--body)}.analytics-axis-label-right{fill:#d28b91}
.analytics-empty-label{fill:#77727b;font:12px var(--body)}
.analytics-line{fill:none;stroke-width:2.7;stroke-linejoin:round;stroke-linecap:round;vector-effect:non-scaling-stroke;filter:drop-shadow(0 0 4px #ef40501c)}
.analytics-line-users{stroke:#f04c59}.analytics-line-daily{stroke:#e6a1a6;stroke-width:1.9;stroke-dasharray:4 4;filter:none}.analytics-line-servers{stroke:#63d3c9}.analytics-line-sites{stroke:#8fa8ff}.analytics-line-topups{stroke:#70d6a0}.analytics-line-revenue{stroke:#ef5964}
.analytics-area{stroke:none;fill:url(#analyticsArea-users)}.analytics-area-topups{fill:url(#analyticsArea-topups)}.analytics-area-servers{fill:url(#analyticsArea-servers)}
.analytics-point{stroke:#171619;stroke-width:1.7;vector-effect:non-scaling-stroke;transition:r .15s ease}.analytics-point-users{fill:#f04c59}.analytics-point-daily{fill:#e6a1a6}.analytics-point-servers{fill:#63d3c9}.analytics-point-sites{fill:#8fa8ff}.analytics-point-topups{fill:#70d6a0}.analytics-point-revenue{fill:#ef5964}
.analytics-hit-zone{fill:transparent;cursor:crosshair;outline:none}.analytics-hit-zone:focus-visible{fill:#ffffff08;stroke:#ef596566;stroke-width:1;vector-effect:non-scaling-stroke}
.analytics-tooltip{position:fixed;z-index:10000;width:min(320px,calc(100vw - 28px));max-height:min(360px,calc(100vh - 28px));overflow:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;scrollbar-width:thin;scrollbar-color:#6b4850 #191719;padding:14px 15px;border:1px solid #5a3d43;border-radius:12px;background:linear-gradient(145deg,#252125,#151416);box-shadow:0 18px 48px #000b;color:#f5f1f4;font-size:11px;line-height:1.5;pointer-events:auto;animation:analytics-tooltip-in .12s ease-out}.analytics-tooltip[hidden]{display:none}.analytics-tooltip>strong{display:block;margin-bottom:8px;color:#ff737d;font-size:12px;text-transform:capitalize}.analytics-tooltip p{margin:5px 0;color:#bbb6bf}.analytics-tooltip p b{color:#fff}.analytics-tooltip ul{display:grid;gap:7px;margin:8px 0 2px;padding:0;list-style:none}.analytics-tooltip li{display:grid;gap:1px;padding-top:7px;border-top:1px solid #ffffff12}.analytics-tooltip li span{color:#f7f3f5;font-weight:700}.analytics-tooltip li small,.analytics-tooltip>small{color:#9d97a1;font-size:9px}
@keyframes analytics-tooltip-in{from{opacity:0;transform:translateY(3px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:1100px){.analytics-kpi{min-height:140px;padding:15px}.analytics-pair-metrics strong{font-size:clamp(17px,2vw,23px)}}
@media(max-width:920px){.admin-analytics-head{align-items:flex-start;flex-direction:column;gap:16px}.admin-analytics-filters{width:max-content;max-width:100%}.admin-analytics-charts{grid-template-columns:1fr}.analytics-chart-growth{grid-column:auto}.analytics-chart-card{min-height:310px}}
@media(max-width:780px){.admin-analytics-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}.analytics-kpi-audience{grid-column:1/-1}}
@media(max-width:600px){.admin-analytics{border-radius:14px}.admin-analytics-head{gap:14px;padding:18px 15px 15px}.admin-analytics-head h2{font-size:22px}.admin-analytics-head p{font-size:11px}.admin-analytics-filters{display:grid;width:100%;grid-template-columns:1fr 1fr;gap:7px;padding:6px}.admin-analytics-filters label{min-width:0}.admin-analytics-filters select{min-width:0;min-height:42px}.admin-analytics-status{margin:10px 15px 13px;font-size:9px}.admin-analytics-kpis{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:0 15px 15px}.analytics-kpi{grid-column:auto;min-width:0;min-height:126px;padding:12px 10px}.analytics-kpi-audience{grid-column:1/-1;min-height:116px;padding:14px}.analytics-primary-metric strong{font-size:30px}.analytics-pair-metrics{grid-template-columns:1fr;gap:7px}.analytics-pair-metrics>div{grid-template-columns:minmax(0,1fr) auto;column-gap:4px;padding:0}.analytics-pair-metrics>div+div{padding:7px 0 0;border-top:1px solid #ffffff14;border-left:0}.analytics-pair-metrics strong{font-size:clamp(15px,5vw,20px)}.analytics-pair-metrics>div>span{font-size:9px}.analytics-pair-metrics small{font-size:8px}.analytics-kpi-heading{font-size:8px}.analytics-kpi-foot{font-size:8px}.analytics-kpi-note{font-size:8px}.analytics-currency-badge{width:25px;height:25px;font-size:12px}.admin-analytics-charts{gap:9px;padding:0 15px 15px}.analytics-chart-card,.analytics-chart-growth{min-height:278px;padding:13px 10px 8px}.analytics-chart-card figcaption{min-height:0;flex-direction:column;gap:9px;padding-bottom:8px}.analytics-chart-card figcaption b{font-size:12px}.chart-legends{justify-content:flex-start;gap:5px}.chart-legend{padding:4px 7px;font-size:8px}.analytics-svg,.analytics-chart-growth .analytics-svg{min-height:215px}.analytics-tooltip{width:min(290px,calc(100vw - 24px));font-size:10px}}

/* Server detail workspace — file, database, FTP, config and log tabs */
.detail-right{display:grid;grid-template-columns:190px minmax(0,1fr);grid-template-rows:auto minmax(0,1fr);min-height:610px;border-color:#393238;background:radial-gradient(ellipse at 100% 0,#ef334012,transparent 34%),linear-gradient(145deg,#1a191d,#121214 72%)}
.server-workspace-head{display:flex;grid-column:1/-1;min-width:0;align-items:center;justify-content:space-between;gap:14px;padding:19px 22px 17px;border-bottom:1px solid #ffffff10;background:linear-gradient(100deg,#ffffff04,transparent 65%)}
.server-workspace-head>div{min-width:0}.server-workspace-head .eyebrow{color:#ff6671;font:700 8px var(--mono);letter-spacing:.16em}
.server-workspace-head h2{margin:7px 0 4px;color:#f7f4f5;font-size:19px;font-weight:760;letter-spacing:-.035em}
.server-workspace-head p{margin:0;color:#9e99a2;font-size:11px;line-height:1.5}
.workspace-context{display:inline-flex;flex:0 0 auto;align-items:center;gap:7px;padding:7px 10px;border:1px solid #ffffff12;border-radius:8px;background:#ffffff04;color:#aaa4ad;font:650 8px var(--mono);letter-spacing:.08em;white-space:nowrap}
.workspace-context i{width:6px;height:6px;border-radius:50%;background:#ec4a58;box-shadow:0 0 10px #ec4a5870}
.side-menu{grid-column:1;grid-row:2;width:auto;min-width:0;flex:initial;gap:6px;padding:16px 12px;border-right:1px solid #ffffff0d;border-bottom:0;background:linear-gradient(180deg,#19181c,#141416 76%)}
.side-menu::before{margin:0 8px 8px;color:#77717a;font-size:8px;letter-spacing:.16em}
.side-menu-item{min-width:0;min-height:54px;gap:10px;padding:9px 10px;border-color:transparent;border-radius:10px}
.side-menu-item::before{display:grid;width:30px;height:30px;flex:0 0 30px;place-items:center;border:1px solid #ffffff10;border-radius:8px;background:#ffffff04;color:#a9a3ad;content:attr(data-icon);font:600 14px/1 var(--body);transform:none}
.side-menu-item:hover{transform:translateX(2px);border-color:#ffffff0d;background:#ffffff06}
.side-menu-item.active{border-color:#ef334033;background:linear-gradient(100deg,#ef33401c,#ef334008);box-shadow:inset 2px 0 #ef4854,0 7px 18px #0002;color:#fff}
.side-menu-item.active::before{border-color:#ef485455;background:#ef33401b;color:#ff6c76;box-shadow:0 0 16px #ef334012}
.side-menu-label{display:flex;min-width:0;flex-direction:column;gap:3px}.side-menu-label strong{overflow:hidden;color:inherit;font-size:11px;font-weight:720;text-overflow:ellipsis}.side-menu-label small{overflow:hidden;color:#77727b;font-size:9px;font-weight:500;text-overflow:ellipsis}.side-menu-item.active .side-menu-label small{color:#b38a8e}
.side-panel-body{grid-column:2;grid-row:2;min-width:0;padding:19px 20px 22px;background:linear-gradient(145deg,#ffffff02,transparent 55%)}
.side-panel{min-height:100%;padding:0 0 2px}.panel-toolbar{align-items:center;min-height:57px;margin-bottom:14px;padding:9px 11px;border-color:#ffffff10;border-radius:10px;background:linear-gradient(110deg,#ffffff06,#ffffff02)}
.panel-toolbar .btn{min-height:36px}.breadcrumb{display:flex;min-height:42px;align-items:center;margin-bottom:10px;padding:9px 12px;border-color:#3b343a;background:linear-gradient(100deg,#111114,#18171b);font-size:10px}
#filesListWrap{min-height:180px;padding:3px 2px;border:1px solid #ffffff08;border-radius:11px;background:linear-gradient(155deg,#ffffff03,#ffffff01)}
#siteFilesListWrap{min-height:180px;padding:3px 2px;border:1px solid #ffffff08;border-radius:11px;background:linear-gradient(155deg,#ffffff03,#ffffff01)}
.file-row{min-height:56px;padding:9px 12px;border-bottom:1px solid #ffffff0a;border-radius:0}.file-row:first-child{border-radius:10px 10px 0 0}.file-row:hover{background:linear-gradient(90deg,#ef33400a,#ffffff03)}.file-name{font-weight:650}.file-size{padding:4px 7px;border:1px solid #ffffff0e;border-radius:6px;background:#ffffff04;font-size:9px}
.row-actions{display:flex;flex-wrap:wrap;gap:6px}.row-actions .btn{min-height:32px;padding:6px 10px;font-size:10px}
.server-config-form{display:flex;max-width:760px;flex-direction:column;gap:16px;padding:17px;border:1px solid #ffffff0e;border-radius:12px;background:linear-gradient(145deg,#ffffff04,#ffffff01)}
.server-config-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px 16px}.server-config-field{display:flex;min-width:0;flex-direction:column;gap:7px;color:#c9c4cc;font-size:10px;font-weight:700}
.server-config-field input{width:100%;min-width:0;min-height:42px;padding:10px 12px;border:1px solid #3a373e;border-radius:8px;background:#111114;color:#f1edf1;font:500 12px var(--body);transition:border-color .16s,box-shadow .16s}
.server-config-field input:focus{border-color:#ef4854;box-shadow:0 0 0 3px #ef334018;outline:0}.server-config-form>.btn{align-self:flex-start;min-height:39px}
.server-config-field input:disabled{color:#aaa5ad;background:#242226;border-color:#343137;cursor:not-allowed;opacity:1}.server-config-field small{color:#85808a;font-size:9px;font-weight:500;line-height:1.4}.server-config-field.server-config-toggle{min-height:42px;flex-direction:row;align-items:center;justify-content:space-between;padding:9px 11px;border:1px solid #3a373e;border-radius:8px;background:#111114}.server-config-toggle input{width:18px;min-height:18px;accent-color:#ef4854}
.server-config-fixed{min-height:42px;justify-content:center;padding:8px 11px;border:1px solid #3a373e;border-radius:8px;background:#242226}.server-config-fixed output{color:#f1edf1;font-size:13px;font-weight:700}
.creds-box{padding:17px;border-color:#51343a;background:radial-gradient(ellipse at 100% 0,#ef334014,transparent 55%),linear-gradient(145deg,#211a1e,#151518)}
.access-card-head{display:flex;align-items:center;gap:11px;margin-bottom:13px;padding-bottom:13px;border-bottom:1px solid #ffffff10;font-family:var(--body)}
.access-card-icon{display:grid;width:34px;height:34px;flex:0 0 34px;place-items:center;border:1px solid #ef48543d;border-radius:9px;background:#ef334015;color:#ff737c;font:700 15px var(--body)}
.access-card-head>span:last-child{display:flex;flex-direction:column;gap:3px}.access-card-head b{color:#f4f0f3;font-size:12px}.access-card-head small{color:#98929c;font:500 9px var(--body)}
.access-rows{display:grid;gap:0}.access-row{display:grid;grid-template-columns:minmax(90px,.55fr) minmax(0,1fr);align-items:center;gap:12px;min-height:36px;padding:6px 2px;border-bottom:1px solid #ffffff0a;font:500 10px/1.45 var(--body)}.access-row:last-child{border-bottom:0}.access-row>span{color:#9b959e}.access-row>b{color:#f3edf1;font:650 10px/1.5 var(--mono);overflow-wrap:anywhere;text-align:right}
.database-access-card{max-width:620px}.database-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:13px}.database-actions .btn{min-height:38px}.database-note{max-width:620px;margin:12px 2px 0;line-height:1.65}
#panel-database>.muted-small{max-width:540px;padding:16px;border:1px solid #ffffff0e;border-radius:10px;background:#ffffff03;line-height:1.6}#panel-database>#createDbBtn{margin-top:12px}
#site-panel-database>.muted-small{max-width:540px;padding:16px;border:1px solid #ffffff0e;border-radius:10px;background:#ffffff03;line-height:1.6}#site-panel-database>#createSiteDbBtn{min-height:39px;margin-top:12px}
#panel-console>.btn{min-height:34px;margin-bottom:0}#panel-console .console-box{min-height:330px;max-height:520px;margin:11px 0 0;border-color:#ffffff12;background:radial-gradient(ellipse at 0 0,#ef33400a,transparent 36%),#0d0d10;color:#d9d6dc;font-size:10px;line-height:1.8}
#panel-console .console-toolbar,.console-toolbar{display:flex;align-items:center;gap:9px;flex-wrap:wrap}.console-toolbar label{margin-left:8px;color:var(--muted);font-size:11px;font-weight:650}.console-toolbar select{width:auto;min-width:145px;min-height:34px;padding:6px 30px 6px 10px;font-size:11px}
#site-panel-logs>.btn{min-height:34px}#site-panel-logs .console-box{min-height:330px;max-height:520px;margin:11px 0 0;border-color:#ffffff12;background:radial-gradient(ellipse at 0 0,#ef33400a,transparent 36%),#0d0d10;color:#d9d6dc;font-size:10px;line-height:1.8}
.panel-toolbar .btn:focus-visible,.side-menu-item:focus-visible{outline:2px solid #ff626d;outline-offset:2px}
@media(max-width:1100px){.detail-right{grid-template-columns:170px minmax(0,1fr)}.server-workspace-head{padding:16px}.side-panel-body{padding:15px}}
@media(max-width:860px){.detail-right{min-height:510px}}
@media(max-width:640px){.detail-right{display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:auto auto minmax(280px,1fr);min-height:0;overflow:visible}.server-workspace-head{grid-column:1;grid-row:1;align-items:flex-start;padding:15px 14px 13px}.server-workspace-head h2{font-size:17px}.server-workspace-head p{max-width:300px;font-size:10px}.workspace-context{padding:6px 7px;font-size:7px}.side-menu{grid-column:1;grid-row:2;display:flex;gap:5px;overflow-x:auto;padding:9px 8px;border-right:0;border-bottom:1px solid #ffffff10;scrollbar-width:none}.side-menu::-webkit-scrollbar{display:none}.side-menu::before{display:none}.side-menu-item{flex:1 0 82px;min-height:57px;flex-direction:column;justify-content:center;gap:4px;padding:6px 5px;border-radius:8px;text-align:center}.side-menu-item::before{width:23px;height:23px;flex-basis:23px;border-radius:7px;font-size:12px}.side-menu-label{align-items:center;gap:0}.side-menu-label strong{font-size:9px}.side-menu-label small{display:none}.side-menu-item.active{box-shadow:inset 0 -2px #ef4854}.side-menu-item:hover{transform:none}.side-panel-body{grid-column:1;grid-row:3;min-height:0;padding:12px}.panel-toolbar{gap:7px;padding:8px}.panel-toolbar .btn{min-width:0;font-size:10px}.breadcrumb{font-size:9px}.file-row{gap:7px;padding:10px}.server-config-form{padding:12px}.server-config-grid{grid-template-columns:1fr;gap:11px}.server-config-form>.btn{width:100%}.access-row{grid-template-columns:80px minmax(0,1fr);gap:8px}.access-row>b{font-size:9px}.database-actions{display:grid;grid-template-columns:1fr}.database-actions .btn{width:100%}#panel-console .console-box{min-height:240px;max-height:55vh}}

@media(max-width:640px){.site-file-row{align-items:stretch;flex-direction:column}.site-file-row .file-name{min-height:28px}.site-file-row .file-row-actions{justify-content:flex-start;gap:6px}.site-file-row .file-row-actions .btn{flex:1 1 auto}.site-file-row .file-size{margin-right:auto}}