: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-balance{padding:6px 11px;border:1px solid #2d4537;border-radius:8px;background:#17231c;color:#7addaa;font:600 12px var(--mono)}
.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}
/* 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}
/* 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:13px}
.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}
.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:center}.topup-row input{max-width:280px}
/* 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:row}.topup-row input{min-width:0;flex:1}.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}
}
@media(max-width:380px){
 .topbar-title{max-width:110px}.topbar-title strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.topbar-balance{display:none}
 .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}}