*{margin:0;padding:0;box-sizing:border-box}html,body,#app{width:100%;height:100%}a{color:inherit;text-decoration:none}.bottom-nav{position:fixed;bottom:0;left:0;right:0;min-height:50px;background:#000;border-top:1px solid rgba(200,169,110,.2);display:flex;justify-content:space-around;align-items:stretch;padding:0;z-index:100}.nav-item{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;color:#ffffff80;font-size:11px;cursor:pointer;padding:5px 0;flex:1;text-align:center}.nav-item span{text-align:center;word-break:break-word;line-height:1.2;max-width:100%}.nav-item.active{color:#4bbfff}.nav-icon-img{width:22px;height:22px;object-fit:contain;filter:grayscale(100%) brightness(.7)}.nav-item.active .nav-icon-img{filter:none}.nav-icon-wrap{position:relative;display:inline-flex}.nav-red-dot{position:absolute;top:-3px;right:-5px;width:11px;height:11px;background:#ff4d4f;border-radius:50%;border:2px solid #000}[dir=rtl] body{direction:rtl}:lang(ar){font-family:Cairo,Noto Sans Arabic,Segoe UI,system-ui,sans-serif}[dir=rtl] .back-btn{transform:scaleX(-1);display:inline-block}[dir=rtl] p,[dir=rtl] span,[dir=rtl] label,[dir=rtl] h1,[dir=rtl] h2,[dir=rtl] h3,[dir=rtl] div{text-align:start}[dir=rtl] .node-info,[dir=rtl] .record-item,[dir=rtl] .record-right,[dir=rtl] .address-box{flex-direction:row-reverse}[dir=rtl] input,[dir=rtl] textarea{direction:rtl;text-align:right}[dir=rtl] .stat-value,[dir=rtl] .record-amount,[dir=rtl] .recharge-value,[dir=rtl] .balance-amount,[dir=rtl] .amount{direction:ltr;unicode-bidi:embed}[dir=rtl] .bottom-nav{direction:rtl}[dir=rtl] .record-link{margin-left:0;margin-right:auto}[dir=rtl] .children-list{padding-left:0;padding-right:16px;border-left:none;border-right:2px solid rgba(200,169,110,.2)}[dir=rtl] .el-form-item__label,[dir=rtl] .el-input__inner,[dir=rtl] .el-table th,[dir=rtl] .el-table td{text-align:right}.contract-ad-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:rgba(0,0,0,.75);display:flex;align-items:center;justify-content:center;z-index:999;padding:16px}.contract-ad-box{width:100%;max-width:380px;max-height:88vh;background:linear-gradient(160deg,#0d1a2e 0%,#0a1520 100%);border:1px solid rgba(200,169,110,.45);border-radius:18px;overflow:hidden;display:flex;flex-direction:column;box-shadow:0 8px 40px #0009,0 0 0 1px #c8a96e1a}.contract-ad-header{background:linear-gradient(90deg,#b8860b 0%,#c8a96e 50%,#b8860b 100%);padding:14px 16px;display:flex;align-items:center;justify-content:center;gap:8px}.contract-ad-title{font-size:16px;font-weight:700;color:#fff;text-shadow:0 1px 3px rgba(0,0,0,.4);letter-spacing:.5px}.contract-ad-emoji{font-size:18px}.contract-ad-body{padding:16px;overflow-y:auto;flex:1;display:flex;flex-direction:column;gap:12px}.contract-ad-highlight{font-size:13.5px;color:#ffffffe0;line-height:1.7}.contract-ad-highlight strong{color:#f0c040}.contract-ad-divider{height:1px;background:rgba(200,169,110,.2)}.contract-ad-section-title{font-size:14px;font-weight:700;color:#c8a96e;letter-spacing:.3px}.contract-ad-rules{list-style:none;display:flex;flex-direction:column;gap:10px;padding:0}.contract-ad-rules li{font-size:13px;color:#fffc;line-height:1.6;display:flex;align-items:flex-start;gap:8px}.contract-ad-rules li strong{color:#52c41a}.contract-ad-rules li em{color:#f0c040;font-style:normal}.contract-ad-tag{flex-shrink:0;font-size:11px;font-weight:700;padding:2px 7px;border-radius:4px;margin-top:2px}.contract-ad-tag.trial{background:rgba(75,191,255,.2);color:#4bbfff;border:1px solid rgba(75,191,255,.4)}.contract-ad-tag.standard{background:rgba(200,169,110,.2);color:#c8a96e;border:1px solid rgba(200,169,110,.4)}.contract-ad-tag.premium{background:rgba(255,192,64,.2);color:#f0c040;border:1px solid rgba(255,192,64,.4)}.contract-ad-warn{font-size:12px;color:#fff6;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.1);border-radius:8px;padding:9px 12px;line-height:1.6}.contract-ad-warn strong{color:#fff6}.contract-ad-footer-text{font-size:12.5px;color:#fff9;line-height:1.7}.contract-ad-footer-text strong{color:#f0c040}.contract-ad-footer{padding:12px 16px 16px;display:flex;flex-direction:column;gap:10px;border-top:1px solid rgba(200,169,110,.15)}.contract-ad-btn-join{width:100%;height:46px;background:linear-gradient(90deg,#b8860b,#c8a96e);border:none;border-radius:12px;color:#fff;font-size:15px;font-weight:700;cursor:pointer;letter-spacing:.5px;box-shadow:0 2px 12px #c8a96e4d}.contract-ad-btn-close{width:100%;height:40px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.12);border-radius:10px;color:#ffffff80;font-size:13px;cursor:pointer}.el-message{position:fixed!important;top:60px!important;left:0!important;right:0!important;width:fit-content!important;min-width:unset!important;max-width:calc(100vw - 32px)!important;margin:0 auto!important;transform:none!important;word-break:break-word!important}
