@import url('desktop-base.css?v=1');
body.desktop-cabinet { --bg:#091222; --bg2:#111e33; --card:#101d31; --line:#293c56; --accent:#537eda; --hot:#9bd2e5; --text:#e6effb; --muted:#91a6c1; --ok:#81d5b5; --danger:#f797a7; background:radial-gradient(ellipse at 80% 0,#203c5940,transparent 60%),#091222; color-scheme:dark; }
.desktop-cabinet .wrap-wide { max-width:1360px; padding:0 36px 45px; }
.desktop-cabinet header.nav { min-height:86px; margin-bottom:30px; border-bottom:1px solid #a7c1e21a; }
.desktop-cabinet .brand { display:flex; gap:11px; align-items:center; color:#e7f3ff; text-shadow:none; font-size:23px; letter-spacing:4px; }
.desktop-cabinet .brand img { width:32px; height:38px; }
.cabinet-header-caption { font-size:10px; color:#7f9ab9; letter-spacing:2px; margin-left:22px; padding-left:22px; border-left:1px solid #ffffff1a; }
.desktop-cabinet .nav-links { font-size:12px; align-items:center; }
.desktop-cabinet .nav-links a { color:#a9bfd6; }
.desktop-cabinet #logout { display:flex; align-items:center; gap:8px; border:1px solid #9db8d32b; border-radius:7px; padding:9px 12px; }
.desktop-cabinet .cabinet-console { grid-template-columns:248px minmax(0,1fr); gap:24px; align-items:start; }
.desktop-cabinet .card { box-shadow:none; border:1px solid #abc9ed20; background:#111e31; border-radius:13px; }
.desktop-cabinet .cabinet-rail { padding:24px 16px 18px; position:sticky; top:20px; }
.desktop-cabinet .cabinet-id { padding:0 8px; }
.desktop-cabinet .avatar { border:2px solid #8dbed34d; border-radius:50%; padding:3px; }
.desktop-cabinet .gear { color:#8daac7; background:#1c2d45; border:1px solid #a8c5dc26; box-shadow:none; border-radius:8px; }
.desktop-cabinet .cabinet-rail h2 { padding:0 8px; font-size:14px; margin-top:16px; font-weight:600; }
.desktop-cabinet .cabinet-since { padding:0 8px; font-size:10px; margin-top:7px; color:#6e88a6; }
.desktop-cabinet .cabinet-meta { padding:0 8px; margin-bottom:25px; }
.desktop-cabinet .badge { border-radius:5px; font-size:10px; padding:5px 8px; border-color:#7394b740; }
.desktop-cabinet .badge.on { color:#89d8bd; background:#24564235; border-color:#68ae8d3b; }
.desktop-cabinet .badge.off { color:#e4b17c; background:#7d562d30; border-color:#b68c593b; }
.desktop-cabinet .cabinet-kicker { margin:0 8px; color:#7d9ab7; font-size:9px; letter-spacing:1.5px; display:flex; align-items:center; gap:7px; }
.desktop-cabinet .cabinet-kicker .ui-icon { width:16px; height:16px; }
.desktop-cabinet .cabinet-plan { margin:10px 8px 0; color:#b5e0ee; font-size:25px; font-weight:600; }
.desktop-cabinet .cabinet-days { margin:5px 8px 22px; color:#839eb9; font-size:11px; }
.desktop-cabinet .cabinet-nav { border-top:1px solid #ffffff10; padding-top:16px; gap:5px; }
.desktop-cabinet .cabinet-nav button { display:flex; gap:11px; align-items:center; padding:12px 11px; border-radius:8px; color:#8fa7c2; font-size:12px; font-weight:400; min-height:44px; border:1px solid transparent; background:transparent; }
.desktop-cabinet .cabinet-nav button:hover { background:#172c44; color:#d4e7f5; }
.desktop-cabinet .cabinet-nav button.on { background:linear-gradient(100deg,#23425d,#192d46); border-color:#659bb13b; color:#b4e2ef; box-shadow:inset 2px 0 #8ccde1; }
.cabinet-rail-note { margin:23px 9px 0; padding-top:18px; border-top:1px solid #ffffff0c; color:#637f9e; font-size:10px; line-height:1.8; }
.cabinet-welcome { position:relative; min-height:180px; padding:30px; overflow:hidden; border:1px solid #82afd337; border-radius:13px; background:linear-gradient(90deg,#13253a 5%,#122238c4 55%,#12223822),url('../landing/desktop/realm.webp') center 53%/cover; }
.cabinet-welcome .eyebrow { font-size:9px; letter-spacing:2px; color:#92c6d9; }
.cabinet-welcome h1 { font-size:30px; font-weight:550; letter-spacing:-.8px; margin:12px 0 8px; }
.cabinet-welcome p { color:#a7bed3; font-size:12px; margin:0; max-width:400px; line-height:1.8; }
.desktop-cabinet .cabinet-main { gap:22px; }
.desktop-cabinet .cabinet-section { padding:28px; }
.desktop-cabinet .cabinet-main h2 { font-size:24px; font-weight:550; letter-spacing:-.5px; margin-bottom:10px; }
.desktop-cabinet .cabinet-main .sub { font-size:12px; line-height:1.8; }
.desktop-cabinet .section-eyebrow { font-size:9px; color:#6d8daa; letter-spacing:1.8px; margin-bottom:12px; }
.desktop-cabinet .account-card { border:1px solid #97b7d626; background:#15253b; border-radius:10px; padding:22px; margin-top:16px; }
.desktop-cabinet .account-card h3 { display:flex; align-items:center; gap:12px; font-size:15px; font-weight:550; }
.desktop-cabinet .account-card h3>.ui-icon { color:#8fcee3; width:21px; height:21px; }
.desktop-cabinet .mail-fold { margin-top:16px; border:1px solid #97b7d626; background:#15253b; border-radius:10px; }
.desktop-cabinet .mail-fold summary { display:flex; align-items:center; gap:12px; min-height:56px; padding:14px 44px 14px 18px; cursor:pointer; list-style:none; position:relative; }
.desktop-cabinet .mail-fold summary::-webkit-details-marker { display:none; }
.desktop-cabinet .mail-fold summary::after { content:""; position:absolute; right:18px; top:50%; width:8px; height:8px; margin-top:-6px; border-right:2px solid #8fcee3; border-bottom:2px solid #8fcee3; transform:rotate(45deg); }
.desktop-cabinet .mail-fold[open] summary::after { margin-top:-2px; transform:rotate(225deg); }
.desktop-cabinet .mail-fold summary:hover { background:#1a3048; }
.desktop-cabinet .mail-fold-title { font-size:15px; font-weight:550; color:#e6effb; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.desktop-cabinet .mail-fold-meta { margin-left:auto; color:#819bb7; font-size:11px; white-space:nowrap; }
.desktop-cabinet .mail-fold summary .ui-icon { color:#8fcee3; width:18px; height:18px; flex:none; }
.desktop-cabinet .mail-fold-body { padding:4px 18px 18px; border-top:1px solid #ffffff10; }
.desktop-cabinet .game-account { padding:12px 0; border-bottom:1px solid #ffffff0d; }
.desktop-cabinet .game-account-name { font-size:14px; font-weight:550; }
.desktop-cabinet .connect-fold .mail-fold-body { padding-top:8px; }
.desktop-cabinet #connectMail,.desktop-cabinet #connectSocial { max-width:480px; }
.desktop-cabinet #section-bots { display:grid; grid-template-columns:1fr 1fr; column-gap:16px; }
.desktop-cabinet #section-bots>h2,.desktop-cabinet #section-bots>.sub,.desktop-cabinet #section-bots>.section-eyebrow,.desktop-cabinet #allianceBotBox { grid-column:1/-1; }
.desktop-cabinet #section-bots>.account-card { margin-top:8px; }
.desktop-cabinet #section-bots>.account-card:nth-of-type(2) { background:#142135; }
.soon-tag { margin-left:auto; white-space:nowrap; font-size:8px; font-weight:400; padding:4px 6px; border:1px solid #a0b9d12b; border-radius:4px; color:#829bb6; }
.desktop-cabinet .bot-panel { background:#0e1b2e; border-color:#92b9d62b; border-radius:8px; box-shadow:none; }
.desktop-cabinet .bot-name { font-size:15px; }
.desktop-cabinet .bot-id,.desktop-cabinet .bot-meta { color:#819bb7; font-size:11px; }
.desktop-cabinet .btn { color:#eef6ff; background:linear-gradient(115deg,#4c71cd,#3378a6); border:1px solid #78a8d650; box-shadow:none; border-radius:7px; font-size:12px; font-weight:550; padding:11px 17px; line-height:1.4; text-decoration:none; }
.desktop-cabinet .btn:hover { filter:brightness(1.12); }
.desktop-cabinet .btn.ghost { background:#1b2c44; color:#b9cee2; border-color:#8ba9c438; }
.desktop-cabinet .btn.danger { background:#553043; color:#ffb6c4; border-color:#98536950; }
.desktop-cabinet .btn.tiny { font-size:11px; padding:8px 12px; }
.desktop-cabinet .btn:disabled { opacity:.4; filter:none; }
.desktop-cabinet .btn.on { background:#244862; border-color:#81bed975; color:#caebf8; }
.desktop-cabinet input,.desktop-cabinet select { color:#e1edf8; background:#0d192b; border:1px solid #8dadcc35; border-radius:7px; padding:12px 13px; font-size:13px; min-height:43px; box-shadow:none; }
.desktop-cabinet input:focus,.desktop-cabinet select:focus { outline:2px solid #83bddb; outline-offset:2px; }
.desktop-cabinet label { color:#8aa9c6; font-size:10px; letter-spacing:1px; margin-top:20px; }
.desktop-cabinet #passform { max-width:480px; }
.desktop-cabinet #gameSendCode,.desktop-cabinet #gameConfirm,.desktop-cabinet #socialGo { margin-top:18px; }
.desktop-cabinet .plan-grid { gap:12px; margin-top:24px; }
.desktop-cabinet .plan { background:#14263d; border:1px solid #8fbbd72e; border-radius:10px; box-shadow:none; padding:20px; }
.desktop-cabinet .plan:hover,.desktop-cabinet .plan.pick { border-color:#8fc9df; box-shadow:0 0 0 2px #89c9dc12; }
.desktop-cabinet .plan h3 { color:#b8e0ef; }
.desktop-cabinet .plan .price { color:#dcecf8; }
.desktop-cabinet .cabinet-key { margin-top:26px; border-top:1px solid #ffffff15; padding-top:5px; }
.desktop-cabinet .download-grid { gap:18px; margin-top:25px; }
.desktop-cabinet .download-grid .account-card { min-height:220px; display:flex; flex-direction:column; align-items:start; }
.desktop-cabinet .download-grid .account-card:last-child { background:linear-gradient(140deg,#1c3b52,#142238); border-color:#89c5da50; }
.desktop-cabinet .download-grid .btn { margin-top:auto; }
.desktop-cabinet .download-grid .sub { margin-top:10px; }
.download-platform { color:#7694b0; font-size:10px; margin-bottom:14px; }
.desktop-cabinet .avatars img { border-radius:12px; border-color:#526d8e; }
.desktop-cabinet .avatars img.pick { border-color:#92d1e5; box-shadow:0 0 0 3px #91cfe51c; }
.desktop-cabinet .modal { background:#111e31; border:1px solid #7599b94f; box-shadow:0 25px 100px #0008; }
.desktop-cabinet .overlay { background:#030912c9; backdrop-filter:blur(8px); }
.desktop-cabinet .x { color:#b5c9de; }
.desktop-cabinet .msg { font-size:12px; }
.desktop-cabinet :focus-visible { outline:2px solid #91d1e6; outline-offset:4px; }
.desktop-cabinet [hidden] { display:none!important; }
@media(max-width:1000px) { .desktop-cabinet .wrap-wide{padding:0 22px 35px}.desktop-cabinet .cabinet-console{grid-template-columns:220px minmax(0,1fr);gap:18px}.desktop-cabinet .cabinet-section{padding:23px}.desktop-cabinet #section-bots{grid-template-columns:1fr}.desktop-cabinet .plan-grid{grid-template-columns:1fr 1fr}.cabinet-header-caption{display:none} }
@media(max-width:720px) { .desktop-cabinet header.nav{min-height:72px;margin-bottom:20px}.desktop-cabinet .wrap-wide{padding:0 16px 30px}.desktop-cabinet .cabinet-console{grid-template-columns:1fr}.desktop-cabinet .cabinet-rail{position:static;padding:20px}.desktop-cabinet .cabinet-id{float:left;padding:0;margin-right:15px}.desktop-cabinet .cabinet-id .gear{display:none}.desktop-cabinet .cabinet-rail h2{margin-top:5px}.desktop-cabinet .cabinet-meta{margin-bottom:16px}.desktop-cabinet .cabinet-kicker{clear:both;padding-top:15px}.desktop-cabinet .cabinet-plan{display:inline-block;margin:10px 8px;font-size:21px}.desktop-cabinet .cabinet-days{display:inline;font-size:10px}.desktop-cabinet .cabinet-nav{display:grid;grid-template-columns:1fr 1fr;margin-top:14px}.desktop-cabinet .cabinet-nav button{font-size:11px;padding:10px}.cabinet-rail-note{display:none}.cabinet-welcome{min-height:164px;padding:24px}.cabinet-welcome h1{font-size:27px}.desktop-cabinet .nav-links{gap:8px}.desktop-cabinet #adminLink{max-width:95px;font-size:10px}.desktop-cabinet .brand{font-size:19px;gap:7px}.desktop-cabinet #logout{font-size:11px;padding:8px}.desktop-cabinet #logout .ui-icon{width:16px}.desktop-cabinet .cabinet-section{padding:22px}.desktop-cabinet .download-grid{grid-template-columns:1fr}.desktop-cabinet .plan-grid{grid-template-columns:1fr}.desktop-cabinet .account-card{padding:19px} }

.desktop-cabinet .cabinet-home { padding:0; background:none; border:0; box-shadow:none; }
.home-description { padding:28px; margin-bottom:22px; }
.home-description>.sub { line-height:1.8; max-width:760px; }
.home-features { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:20px; margin:24px 0; }
.home-features h3 { color:#b8e0ef; font-size:15px; }
.home-features p { line-height:1.7; }
@media(max-width:720px) { .home-features{grid-template-columns:1fr;gap:8px}.home-description{padding:22px} }
.cabinet-home .cabinet-welcome { margin-bottom:22px; } .home-description>.eyebrow { font-size:10px; letter-spacing:1.5px; color:#92c6d9; }

.cabinet-home > .erida-support { margin:0 0 22px; }