/* User dashboard layout matching the supplied reference */
.reference-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;padding:18px 0 9px}.reference-heading h1{margin:2px 0;font-size:24px}.reference-heading p,.reference-heading small{margin:0;color:#8fa1bd;font-size:11px}.reference-tools{display:flex;align-items:center;gap:7px;direction:ltr}.reference-tools .language-pill{padding:3px 10px}.reference-tools .language-pill.active{background:rgba(59,87,105,.5);color:#fff}.reference-status-grid{display:grid;grid-template-columns:1fr 1fr;gap:11px;margin:8px 0 17px}.reference-status-card{height:82px;border:1px solid rgba(94,129,178,.28);border-radius:17px;background:linear-gradient(110deg,rgba(19,35,65,.94),rgba(12,22,44,.94));display:flex;align-items:center;justify-content:space-between;padding:15px 18px;position:relative;overflow:hidden}.reference-status-card:before{content:"";position:absolute;inset:-80px auto auto -50px;width:190px;height:190px;border-radius:50%;filter:blur(26px);opacity:.25}.reference-status-card.boost:before{background:#2baefc}.reference-status-card.gold:before{background:#e69a34}.reference-status-card>div{display:flex;flex-direction:column;gap:10px;position:relative;z-index:1}.reference-status-card small{color:#adbad0;font-size:10px}.reference-status-card>b{font-size:18px;position:relative}.status-badge{color:#66e6a8;background:rgba(18,116,73,.28);border:1px solid rgba(53,218,132,.45);border-radius:99px;padding:2px 9px;font-size:10px;width:max-content}.stars{color:#8e9db8;font-size:15px;letter-spacing:1px;direction:ltr;position:absolute;left:17px;bottom:14px}.reference-panel{padding:18px;margin-top:0}.reference-panel-head{border-bottom:1px solid rgba(119,143,184,.22);padding-bottom:13px}.reference-panel-head h2{font-size:17px;margin:0 0 12px}.reference-tabs{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.reference-tabs a{padding:7px 13px;border:1px solid transparent;border-radius:99px;color:#91a0ba;font-size:11px}.reference-tabs a.active,.reference-tabs a:hover{color:#eaf8ff;background:rgba(25,109,138,.34);border-color:rgba(64,193,230,.5)}.reference-section-title{display:flex;flex-direction:column;gap:3px;padding:14px 0 18px;border-bottom:1px solid rgba(119,143,184,.22)}.reference-section-title strong{font-size:13px}.reference-section-title small{font-size:10px;color:#8799b6}.bank-form{display:grid;grid-template-columns:1fr 1fr;gap:14px 15px;padding-top:18px}.bank-form label{color:#94a2bb;font-size:10px}.bank-form input{display:block;width:100%;margin-top:5px;height:36px;padding:7px 11px;border:1px solid #2e486d;background:rgba(9,22,46,.7);border-radius:9px;color:#e9f2ff;outline:none;text-align:right}.bank-form input:focus{border-color:#41cfff;box-shadow:0 0 0 2px rgba(65,207,255,.1)}.full-field{grid-column:span 2}.bank-actions{grid-column:span 2;display:flex;gap:9px;padding-top:10px}.bank-actions .btn{border-radius:99px}.realm-reference-box{padding-top:5px}.reference-game-list{margin:15px 0 20px}.realm-reference-box h3{font-size:13px;margin:8px 0 12px}.realm-reference-box form{border-top:1px solid rgba(119,143,184,.22);padding-top:16px}.realm-reference-box .realm-list{margin-bottom:14px}
@media(max-width:760px){.reference-heading{display:block}.reference-tools{margin-top:10px}.reference-status-grid{grid-template-columns:1fr}.bank-form{grid-template-columns:1fr}.full-field,.bank-actions{grid-column:span 1}.bank-actions{flex-wrap:wrap}.reference-tabs{gap:3px}.reference-tabs a{font-size:10px;padding:6px 8px}}