body{color:#f5f5f5;background:#0b0d10;font-family:Tahoma,Arial,sans-serif}button,input{font:inherit}.login-page{direction:rtl;justify-content:center;align-items:center;width:100%;min-height:100vh;padding:24px;display:flex}.login-card{background:#15181d;border:1px solid #292e36;border-radius:18px;width:100%;max-width:420px;padding:36px;box-shadow:0 20px 60px #0006}.login-card .logo{text-align:center;letter-spacing:5px;direction:ltr;margin-bottom:24px;font-size:28px;font-weight:800}.login-card h1{text-align:center;margin:0 0 8px;font-size:28px}.login-card p{text-align:center;color:#9299a3;margin:0 0 28px}.login-card label{color:#d9dde3;margin:16px 0 8px;display:block}.login-card input{color:#fff;direction:ltr;background:#0d1014;border:1px solid #343a44;border-radius:10px;outline:none;width:100%;height:48px;padding:0 14px;display:block}.login-card input:focus{border-color:#2878ff}.login-card button{color:#fff;cursor:pointer;background:#2878ff;border:0;border-radius:10px;width:100%;height:48px;margin-top:24px;display:block}.login-card button:disabled{opacity:.6;cursor:wait}.error{color:#ff9da8;text-align:center;background:#351b20;border-radius:10px;margin-top:16px;padding:12px}.loading,.dashboard-error{direction:rtl;flex-direction:column;justify-content:center;align-items:center;gap:16px;min-height:100vh;display:flex}.dashboard{max-width:1400px;min-height:100vh;margin:auto;padding:30px}.dashboard-header{justify-content:space-between;align-items:center;margin-bottom:35px;display:flex}.brand{letter-spacing:4px;direction:ltr;font-size:18px;font-weight:800}.dashboard-header h1{margin:8px 0 0;font-size:28px}.logout,.refresh,.payments-link{color:#fff;cursor:pointer;background:#2878ff;border:0;border-radius:10px;padding:11px 18px}.logout{background:#15181d;border:1px solid #343a44}.stats-grid{grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:18px;display:grid}.stat-card{background:#15181d;border:1px solid #292e36;border-radius:16px;flex-direction:column;justify-content:space-between;min-height:130px;padding:24px;display:flex}.stat-card span{color:#9299a3}.stat-card strong{font-size:34px}.coming-soon{background:#15181d;border:1px solid #292e36;border-radius:16px;margin-top:25px;padding:25px}.coming-soon h2{margin-top:0}.coming-soon p{color:#9299a3}.payments-page{max-width:1200px;min-height:100vh;margin:auto;padding:30px}.page-header{justify-content:space-between;align-items:center;margin-bottom:30px;display:flex}.page-header h1{margin:8px 0 0}.payments-list{gap:18px;display:grid}.payment-card{background:#15181d;border:1px solid #292e36;border-radius:16px;padding:24px}.payment-card h2{margin-top:0}.details{color:#aeb4bd;flex-wrap:wrap;gap:12px 24px;font-size:14px;display:flex}.receipt{margin-top:20px}.receipt a{color:#6da7ff}.payment-actions{gap:10px;margin-top:22px;display:flex}.approve,.reject{color:#fff;cursor:pointer;border:0;border-radius:10px;padding:11px 20px}.approve{background:#18794e}.reject{background:#9d3039}.empty{text-align:center;color:#9299a3;background:#15181d;border:1px solid #292e36;border-radius:16px;padding:40px}.page-error{color:#ff9da8;background:#351b20;border-radius:10px;margin-bottom:20px;padding:14px}.header-actions{gap:10px;display:flex}.back-button{color:#fff;cursor:pointer;background:#15181d;border:1px solid #343a44;border-radius:10px;padding:11px 18px}.payment-title{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.pending-badge{color:#f5c76b;background:#4b3915;border-radius:20px;padding:5px 10px;font-size:12px}.receipt-button{color:#fff;cursor:pointer;background:#20252c;border:1px solid #343a44;border-radius:10px;padding:11px 20px}.receipt-overlay{z-index:1000;background:#000000d1;justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0}.receipt-modal{background:#15181d;border:1px solid #343a44;border-radius:16px;flex-direction:column;width:min(900px,100%);max-height:92vh;display:flex;overflow:hidden}.receipt-modal-header{border-bottom:1px solid #292e36;justify-content:space-between;align-items:center;padding:14px 20px;display:flex}.receipt-modal-header h2{margin:0;font-size:18px}.receipt-modal-header button{color:#fff;cursor:pointer;background:0 0;border:0;font-size:28px}.receipt-image-container{text-align:center;padding:20px;overflow:auto}.receipt-image-container img{border-radius:8px;max-width:100%;height:auto;margin:auto;display:block}.management-button{color:#fff;cursor:pointer;background:#287cff;border:0;border-radius:10px;margin-top:18px;padding:12px 22px;font-size:14px}.management-button:hover{opacity:.9}.admin-layout{min-height:100vh;display:flex}.sidebar{box-sizing:border-box;background:#101318;border-left:1px solid #292e36;flex-direction:column;width:240px;min-height:100vh;padding:24px 16px;display:flex}.sidebar-brand{border-bottom:1px solid #292e36;margin-bottom:20px;padding:8px 10px 28px}.sidebar-brand span{color:#8d96a3;font-size:13px}.menu-item{color:#aeb6c2;text-align:right;cursor:pointer;background:0 0;border:0;border-radius:10px;align-items:center;gap:12px;width:100%;padding:13px 14px;font-size:14px;display:flex}.menu-item:hover,.menu-item.active{color:#fff;background:#1d2633}.menu-item span{text-align:center;width:22px}.logout-button{color:#aeb6c2;cursor:pointer;background:0 0;border:1px solid #343a44;border-radius:10px;margin-top:auto;padding:12px}.admin-content{flex:1;min-width:0;padding:32px}.quick-actions{grid-template-columns:repeat(4,1fr);gap:14px;display:grid}.quick-actions button{color:#fff;cursor:pointer;background:#15191f;border:1px solid #292e36;border-radius:14px;flex-direction:column;align-items:center;gap:12px;padding:22px 16px;font-size:14px;display:flex}.quick-actions button:hover{border-color:#287cff;transform:translateY(-1px)}@media (width<=900px){.sidebar{width:190px}.quick-actions{grid-template-columns:repeat(2,1fr)}}@media (width<=650px){.admin-layout{flex-direction:column}.sidebar{width:100%;min-height:auto}.sidebar-menu{grid-template-columns:repeat(2,1fr);display:grid}.logout-button{margin-top:16px}.admin-content{padding:18px}}.user-profile-card{background:#15191f;border:1px solid #292e36;border-radius:16px;margin-bottom:20px;padding:24px}.user-profile-main{align-items:center;gap:16px;display:flex}.user-avatar{color:#fff;background:#287cff;border-radius:50%;justify-content:center;align-items:center;width:58px;height:58px;font-size:22px;font-weight:700;display:flex}.user-profile-main h2{margin:0 0 5px}.muted{color:#8d96a3;font-size:13px}.user-meta{border-top:1px solid #292e36;grid-template-columns:repeat(4,1fr);gap:16px;margin-top:24px;padding-top:20px;display:grid}.user-meta div,.subscription-info-grid div{flex-direction:column;gap:7px;display:flex}.user-meta span,.subscription-info-grid span,.account-row span{color:#7f8996;font-size:12px}.user-meta strong,.subscription-info-grid strong{color:#fff}.subscription-detail-header{border-bottom:1px solid #292e36;justify-content:space-between;align-items:flex-start;gap:20px;padding-bottom:18px;display:flex}.subscription-detail-header h3{margin:0 12px 0 0;display:inline-block}.subscription-id{color:#6f7885;word-break:break-all;direction:ltr;font-size:11px}.subscription-info-grid{grid-template-columns:repeat(3,1fr);gap:18px;padding:20px 0;display:grid}.accounts-section{border-top:1px solid #292e36;padding-top:18px}.accounts-section h4{margin:0 0 14px}.account-row{background:#101318;border-radius:10px;grid-template-columns:2fr 1fr 1fr 1.5fr;gap:15px;padding:14px;display:grid}.account-row div{flex-direction:column;gap:5px;display:flex}@media (width<=800px){.user-meta,.subscription-info-grid{grid-template-columns:repeat(2,1fr)}.account-row{grid-template-columns:1fr 1fr}}@media (width<=500px){.user-meta,.subscription-info-grid,.account-row{grid-template-columns:1fr}}*{box-sizing:border-box}html,body,#root{width:100%;min-height:100%;margin:0}html{direction:rtl}body{color:#f4f4f5;direction:rtl;background:#0b0d10;font-family:Tahoma,Arial,sans-serif;overflow-x:hidden}button,input,select,textarea{font-family:inherit}button{cursor:pointer}.admin-layout{direction:rtl;background:#0b0d10;width:100%;min-height:100vh;display:flex}.sidebar{background:#11151a;border-left:1px solid #252b33;align-self:flex-start;width:250px;min-width:250px;min-height:100vh;padding:24px 16px;position:sticky;top:0}.sidebar-brand{text-align:center;border-bottom:1px solid #252b33;margin-bottom:18px;padding:8px 12px 28px}.sidebar-brand h1,.sidebar-brand h2{margin:0}.sidebar-menu{flex-direction:column;gap:8px;display:flex}.menu-item{color:#cbd5e1;text-align:right;background:0 0;border:1px solid #0000;border-radius:10px;justify-content:flex-start;align-items:center;width:100%;min-height:46px;padding:0 16px;font-size:15px;display:flex}.menu-item:hover,.menu-item.active{color:#fff;background:#1b222b;border-color:#2d3744}.admin-content{flex:1;width:calc(100% - 250px);min-width:0;padding:30px;overflow-x:hidden}.admin-page{width:100%;max-width:1600px;margin:0 auto}.admin-page h1,.admin-page h2,.admin-page h3{margin-top:0}.admin-toolbar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;width:100%;margin-bottom:24px;display:flex}.admin-toolbar-actions{flex-wrap:wrap;gap:10px;display:flex}.admin-toolbar input,.admin-toolbar select{color:#fff;background:#151a20;border:1px solid #303844;border-radius:8px;outline:none;min-width:220px;height:42px;padding:0 14px}.admin-toolbar input:focus,.admin-toolbar select:focus{border-color:#3b82f6}.back-button,.refresh-button,.details-button,.logout-button{color:#e5e7eb;background:#171c23;border:1px solid #303844;border-radius:8px;padding:9px 14px;font-size:14px}.back-button:hover,.refresh-button:hover,.details-button:hover{background:#222a34;border-color:#475569}.logout-button{color:#fca5a5;background:#241518;border-color:#512126;width:100%;margin-top:24px}.logout-button:hover{background:#351b20}.table-wrapper{-webkit-overflow-scrolling:touch;background:#11151a;border:1px solid #252b33;border-radius:12px;width:100%;overflow-x:auto}.admin-table{border-collapse:collapse;direction:rtl;width:100%;min-width:1050px}.admin-table th{color:#aeb8c5;white-space:nowrap;text-align:right;background:#181d24;border-bottom:1px solid #303640;padding:15px 14px;font-size:13px;font-weight:600}.admin-table td{color:#e5e7eb;white-space:nowrap;text-align:right;vertical-align:middle;border-bottom:1px solid #222831;padding:14px;font-size:14px}.admin-table tbody tr:hover{background:#171c22}.admin-table tbody tr:last-child td{border-bottom:none}.status{color:#86efac;background:#17251d;border-radius:999px;justify-content:center;align-items:center;min-width:68px;padding:5px 10px;font-size:12px;font-weight:600;display:inline-flex}.status.pending{color:#fcd34d;background:#292315}.status.expired,.status.cancelled,.status.suspended,.status.offline,.status.retired{color:#fca5a5;background:#29181b}.bytes,.numeric,.amount,.telegram-id{white-space:nowrap;text-align:left;direction:ltr;unicode-bidi:isolate;display:inline-block}.quick-actions{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px;margin:24px 0;display:grid}.quick-actions button{color:#e5e7eb;background:#151a20;border:1px solid #303844;border-radius:10px;min-height:48px}.quick-actions button:hover{background:#202731}.stats-grid{grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:16px;margin:24px 0;display:grid}.stat-card{background:#15191f;border:1px solid #292f38;border-radius:14px;min-height:125px;padding:22px}.stat-card h3{color:#9ca3af;margin:0 0 14px;font-size:14px}.stat-card strong{direction:ltr;unicode-bidi:isolate;font-size:30px}.user-profile-card{background:#15191f;border:1px solid #292f38;border-radius:14px;width:100%;margin-bottom:24px;padding:28px}.user-profile-main{border-bottom:1px solid #292f38;align-items:center;gap:18px;padding-bottom:24px;display:flex}.user-avatar{color:#fff;background:#2563eb;border-radius:50%;flex:0 0 62px;justify-content:center;align-items:center;width:62px;height:62px;font-size:24px;font-weight:700;display:flex}.user-meta{min-width:0}.user-meta h2{margin:0 0 6px;font-size:22px}.user-meta p{color:#9ca3af;margin:3px 0}.subscription-details-list{flex-direction:column;gap:18px;display:flex}.subscription-detail-card{background:#11151a;border:1px solid #292f38;border-radius:12px;padding:22px}.subscription-detail-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:18px;display:flex}.subscription-id{color:#64748b;direction:ltr;unicode-bidi:isolate;font-size:12px}.subscription-info-grid{grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:12px;display:grid}.subscription-info-grid>div{background:#181d24;border-radius:8px;padding:14px}.expiry{color:#fbbf24}.accounts-section{margin-top:20px}.accounts-list{flex-direction:column;gap:10px;display:flex}.account-row{background:#151a20;border:1px solid #292f38;border-radius:8px;padding:14px}.nodes-grid{grid-template-columns:repeat(auto-fit,minmax(340px,1fr));gap:18px;display:grid}.node-card{background:#15191f;border:1px solid #292f38;border-radius:14px;padding:22px}.node-card h3{margin:0}.node-card-header{justify-content:space-between;align-items:center;gap:12px;margin-bottom:18px;display:flex}.node-info-grid{grid-template-columns:1fr 1fr;gap:10px;display:grid}.node-info-grid>div{background:#1a2027;border-radius:8px;padding:11px}.node-info-grid span{color:#8b96a5;margin-bottom:4px;font-size:12px;display:block}.loading,.empty-state,.error-message{text-align:center;background:#11151a;border:1px solid #292f38;border-radius:12px;padding:35px}.error-message{color:#fca5a5}.receipt-modal-overlay{z-index:1000;background:#000000c7;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.receipt-modal{background:#11151a;border:1px solid #303844;border-radius:14px;width:min(900px,95vw);max-height:90vh;padding:20px;overflow:auto}.receipt-modal img{object-fit:contain;max-width:100%;max-height:75vh;margin:0 auto;display:block}@media (width<=900px){.admin-layout{display:block}.sidebar{border-bottom:1px solid #252b33;border-left:none;width:100%;min-width:0;min-height:auto;position:relative}.sidebar-menu{grid-template-columns:repeat(2,1fr);display:grid}.admin-content{width:100%;padding:20px 14px}.admin-table{min-width:950px}}@media (width<=600px){.admin-content{padding:16px 10px}.sidebar-menu{grid-template-columns:1fr}.admin-toolbar{align-items:stretch}.admin-toolbar input,.admin-toolbar select{width:100%;min-width:0}.nodes-grid{grid-template-columns:1fr}.user-profile-card{padding:18px}.user-profile-main{align-items:flex-start}}.delete-button{color:#fca5a5;cursor:pointer;background:#29171a;border:1px solid #5a252b;border-radius:8px;margin-right:6px;padding:7px 12px;font-size:13px}.delete-button:hover{background:#401d22;border-color:#7f1d1d}
