.cabinet-teaser{display:grid;gap:14px}
.cabinet-teaser .dark-button{width:max-content}
.account-hero{display:flex;justify-content:space-between;gap:24px;align-items:flex-start;border:1px solid #d7c0f220;background:linear-gradient(130deg,#241c2e,#14141f);border-radius:24px;padding:26px 28px;margin-bottom:18px}
.account-hero h2{font-size:30px;margin:10px 0;color:#f4eff8;font-weight:500}
.account-hero p{max-width:620px;margin:0;color:#a99db4;line-height:1.8}
.account-status{white-space:nowrap;border:1px solid #cfabe842;border-radius:999px;padding:10px 13px;background:#c59ae510;color:#d9c4ee;font-size:12px}
.account-tabs{display:flex;gap:8px;overflow:auto;padding:5px;margin:0 0 18px;background:#0c0a1260;border:1px solid #bb9bd91c;border-radius:14px}
.account-tabs button{flex:0 0 auto;padding:11px 14px;border-radius:10px;background:transparent;color:#8d7a9e;font-size:12px}
.account-tabs button.active{background:#b68bd722;color:#dec3f1}
.account-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.account-card{border:1px solid #d7c0f220;background:linear-gradient(135deg,#17131f,#11111a);border-radius:22px;padding:22px;min-height:230px}
.account-card.featured{background:linear-gradient(135deg,#21192c,#12131d);border-color:#baa0da55}
.account-card.wide{grid-column:1/-1}
.account-card-head{display:flex;gap:13px;align-items:center;margin-bottom:18px}
.account-card-head>span{width:42px;height:42px;border-radius:14px;display:grid;place-items:center;background:#c59ae510;border:1px solid #cfabe842;color:#ddbbf5;flex:0 0 auto}
.account-card-head h2{font-size:20px;margin:0 0 4px;font-weight:520}
.account-card-head p{margin:0;color:#8f849d;font-size:12px}
.empty-state{border:1px dashed #cab0e02d;border-radius:16px;padding:18px;background:#d6b7f004;color:#a99db4;line-height:1.75}
.empty-state b{display:block;color:#eadcf6;margin-bottom:6px}
.empty-state p{margin:0}
.empty-state.compact{margin-top:14px;padding:14px}
.device-status-list{display:grid;gap:10px;margin-bottom:16px}
.device-status-list div{display:flex;justify-content:space-between;gap:12px;padding:12px 0;border-bottom:1px solid #d5bee914}
.device-status-list div:last-child{border-bottom:0}
.device-status-list b{font-weight:520;color:#e8d9f3}
.device-status-list span{color:#8f849d}
.vpn-placeholder{display:grid;grid-template-columns:170px 1fr;gap:22px;align-items:center;margin-bottom:18px}
.qr-shell{aspect-ratio:1;border-radius:22px;border:1px dashed #cfabe860;background:repeating-linear-gradient(45deg,#ffffff08 0 9px,#0000 9px 18px),linear-gradient(135deg,#241c2e,#11111a);display:grid;place-items:center;color:#a890bd;font-size:28px;letter-spacing:2px}
.vpn-placeholder b{display:block;font-size:22px;color:#eadcf6;margin-bottom:8px}
.vpn-placeholder p{color:#a99db4;line-height:1.75;margin:0 0 13px}
.vpn-placeholder ol{margin:0;padding-left:20px;color:#9388a1;line-height:1.8}
@media(max-width:900px){.bottom-nav{grid-template-columns:repeat(4,1fr)}.bottom-nav .nav-indicator{width:25%;transform:translateX(calc(var(--nav-index,0) * 100%))}.account-hero{display:block}.account-status{display:inline-block;margin-top:18px}.account-grid{grid-template-columns:1fr}.vpn-placeholder{grid-template-columns:1fr}.qr-shell{max-width:190px}.cabinet-teaser .dark-button{width:100%}}
@media(max-width:520px){.account-hero{padding:22px}.account-hero h2{font-size:25px}.account-tabs button{padding:10px 12px;font-size:11px}.account-card{padding:19px}.vpn-placeholder b{font-size:19px}}

.account-tabs{position:sticky;top:0;z-index:5;backdrop-filter:blur(16px)}.account-status{box-shadow:0 0 0 6px #c59ae508}@media(max-width:520px){.account-tabs{margin-left:-4px;margin-right:-4px}.account-tabs button{min-width:96px}.account-status{font-size:11px;padding:9px 12px}.page-head:has(+ .account-hero) .page-intro{font-size:12px;line-height:1.55}}

@media(max-width:520px){.account-tabs{flex-wrap:wrap;overflow:visible}.account-tabs button{flex:1 1 calc(50% - 8px);min-width:0;text-align:center}.account-tabs button:last-child{flex-basis:100%}.account-grid,.account-card,.account-hero,.vpn-placeholder{min-width:0}.device-status-list div{align-items:flex-start;flex-direction:column;gap:4px}.qr-shell{width:100%;max-width:180px}}