@font-face{font-family:'Font Awesome 6 Free';font-style:normal;font-weight:900;font-display:swap;src:url("https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.1/webfonts/fa-solid-900.woff2") format("woff2")}@font-face{font-family:'Font Awesome 6 Brands';font-style:normal;font-weight:400;font-display:swap;src:url("https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.1/webfonts/fa-brands-400.woff2") format("woff2")}:root{--primary-navy:#182269;--primary-navy-dark:#121950;--primary-blue:#3259e8;--primary-blue-hover:#2347cb;--accent-blue:#4361ee;--bg-page:#f4f6fc;--card-bg:#ffffff;--card-border:#e6ebf5;--text-main:#1e293b;--text-muted:#64748b;--text-light:#94a3b8;--success:#10b981;--warning:#f59e0b;--danger:#ef4444;--sidebar-width:260px;--radius-lg:16px;--radius-md:10px;--radius-sm:6px;--transition:all 0.25s cubic-bezier(0.4,0,0.2,1);--shadow-sm:0 2px 8px rgba(24,34,105,0.04);--shadow-md:0 4px 20px rgba(24,34,105,0.08);--shadow-lg:0 10px 30px rgba(24,34,105,0.12)}*{margin:0;padding:0;box-sizing:border-box;font-family:'Cairo',-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,sans-serif}body{background-color:var(--bg-page);color:var(--text-main);direction:rtl;text-align:right;min-height:100vh;display:flex;flex-direction:column;overflow-x:hidden}a{text-decoration:none;color:inherit}.app-container{display:flex;min-height:100vh;width:100%;position:relative}.sidebar{width:var(--sidebar-width);background:linear-gradient(180deg,var(--primary-navy) 0%,var(--primary-navy-dark) 100%);color:#ffffff;min-height:100vh;position:fixed;top:0;right:0;bottom:0;z-index:100;display:flex;flex-direction:column;padding:24px 16px;transition:transform 0.3s ease-in-out}.sidebar-brand{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:16px 20px 20px;border-bottom:1px solid rgba(255,255,255,0.1);margin-bottom:16px}.sidebar-mobile-close-btn{display:none;background:rgba(255,255,255,0.12);border:none;color:#ffffff;width:32px;height:32px;border-radius:8px;font-size:16px;cursor:pointer;align-items:center;justify-content:center;transition:all 0.2s ease}.sidebar-mobile-close-btn:hover{background:rgba(255,255,255,0.25)}.sidebar-brand .logo-icon{font-size:26px;color:#60a5fa}.sidebar-brand .brand-name{font-size:24px;font-weight:800;letter-spacing:0.5px;color:#ffffff}.sidebar-brand .brand-sub{color:#60a5fa;font-size:11px;font-weight:600}.sidebar-logo-img{max-width:100%;height:auto;max-height:40px;object-fit:contain;transition:transform 0.2s ease,filter 0.2s ease}.sidebar-logo-img:hover{transform:scale(1.03);filter:drop-shadow(0 4px 12px rgba(50,89,232,0.45))}.sidebar-nav{display:flex;flex-direction:column;gap:8px;flex-grow:1;overflow-y:auto}.nav-item{display:flex;align-items:center;gap:14px;padding:12px 18px;border-radius:var(--radius-md);color:#cbd5e1;font-size:15px;font-weight:600;transition:var(--transition)}.nav-item:hover{background:rgba(255,255,255,0.08);color:#ffffff}.nav-item.active{background:#ffffff;color:var(--primary-navy);font-weight:700;box-shadow:0 4px 15px rgba(0,0,0,0.15)}.nav-item.active i{color:var(--primary-blue)}.nav-item i{font-size:18px;width:22px;text-align:center}.sidebar-footer{padding-top:16px;border-top:1px solid rgba(255,255,255,0.1);display:flex;flex-direction:column;gap:10px}.main-wrapper{flex:1;margin-right:var(--sidebar-width);min-height:100vh;display:flex;flex-direction:column;transition:margin-right 0.3s ease}.top-header{background:#ffffff;border-bottom:1px solid var(--card-border);padding:14px 28px;display:flex;align-items:center;justify-content:space-between;position:sticky;top:0;z-index:90;box-shadow:var(--shadow-sm)}.header-right{display:flex;align-items:center;gap:16px}.menu-toggle{display:none;background:#f1f5f9;border:none;padding:8px 12px;border-radius:var(--radius-sm);font-size:18px;cursor:pointer;color:var(--primary-navy)}.page-title{font-size:20px;font-weight:700;color:var(--primary-navy)}.header-center-pill{display:flex;align-items:center;gap:12px;background:#ffffff;border:1px solid var(--card-border);border-radius:30px;padding:6px 18px;box-shadow:0 2px 10px rgba(0,0,0,0.04)}.pill-icon-btn{color:var(--text-muted);font-size:16px;transition:var(--transition);display:flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:50%}.pill-icon-btn:hover{color:var(--primary-blue);background:#f1f5f9}.lang-badge{font-size:12px;font-weight:700;color:var(--primary-blue);padding:2px 8px;background:#eff6ff;border-radius:12px}.header-user{display:flex;align-items:center;gap:12px}.user-avatar{width:42px;height:42px;border-radius:50%;background:linear-gradient(135deg,#3b82f6,#1d4ed8);color:white;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:18px;position:relative;box-shadow:0 2px 8px rgba(59,130,246,0.3)}.user-avatar .badge-online{width:11px;height:11px;background-color:var(--success);border:2px solid white;border-radius:50%;position:absolute;bottom:0;left:0}.user-info{display:flex;flex-direction:column}.user-name{font-size:14px;font-weight:700;color:var(--text-main)}.user-role-badge{font-size:11px;color:var(--text-muted)}.page-content{padding:24px 28px;flex:1}.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:24px}.stat-card{background:var(--card-bg);border:1px solid var(--card-border);border-radius:var(--radius-lg);padding:18px 20px;display:flex;align-items:center;justify-content:space-between;box-shadow:var(--shadow-sm);transition:var(--transition);position:relative;overflow:hidden}.stat-card::after{content:'';position:absolute;bottom:0;right:0;left:0;height:3px;background:transparent;transition:var(--transition)}.stat-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-md);border-color:#cbd5e1}.stat-card:hover::after{background:var(--primary-blue)}.stat-info{display:flex;flex-direction:column;gap:4px}.stat-label{font-size:13px;color:var(--text-muted);font-weight:600}.stat-value{font-size:22px;font-weight:800;color:var(--primary-navy)}.stat-icon{width:48px;height:48px;border-radius:12px;background:#eff6ff;color:var(--primary-blue);display:flex;align-items:center;justify-content:center;font-size:22px}.platforms-bar{display:flex;align-items:center;gap:14px;padding:14px 10px;background:#ffffff;border:1px solid var(--card-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);margin-bottom:24px;overflow-x:auto;scrollbar-width:thin}.platforms-bar::-webkit-scrollbar{height:4px}.platforms-bar::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:4px}.platform-btn{display:flex;flex-direction:column;align-items:center;gap:6px;background:transparent;border:none;cursor:pointer;padding:6px 10px;border-radius:12px;transition:var(--transition);flex-shrink:0}.platform-circle{width:44px;height:44px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:20px;color:#ffffff;box-shadow:0 4px 10px rgba(0,0,0,0.12);transition:var(--transition)}.platform-btn:hover .platform-circle{transform:scale(1.1)}.platform-btn.active .platform-circle{outline:3px solid var(--primary-blue);outline-offset:3px;transform:scale(1.08)}.platform-name{font-size:11px;font-weight:700;color:var(--text-muted)}.platform-btn.active .platform-name{color:var(--primary-navy)}.order-grid{display:grid;grid-template-columns:1fr 1.3fr;gap:24px}.rules-card{background:var(--card-bg);border:1px solid var(--card-border);border-radius:var(--radius-lg);overflow:hidden;box-shadow:var(--shadow-sm)}.rules-header{background:var(--primary-navy);color:#ffffff;padding:14px 20px;font-size:16px;font-weight:700;text-align:center}.rules-toggle-icon{display:none}@keyframes rulesAccordionExpand{from{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}.rules-table{width:100%;border-collapse:collapse}.rules-table tr{border-bottom:1px solid var(--card-border)}.rules-table tr:last-child{border-bottom:none}.rules-table td{padding:12px 16px;font-size:13px;color:#334155;line-height:1.6}.rules-table td.num{width:38px;text-align:center;font-weight:700;color:var(--text-muted);border-left:1px solid var(--card-border);background:#f8fafc}.rules-notes{padding:16px 20px;background:#f8fafc;border-top:1px solid var(--card-border);font-size:13px;color:#475569;line-height:1.7}.rules-notes h5{font-size:14px;color:var(--primary-navy);margin-bottom:6px;font-weight:700}.form-card{background:var(--card-bg);border:1px solid var(--card-border);border-radius:var(--radius-lg);padding:24px;box-shadow:var(--shadow-sm)}.form-group{margin-bottom:18px}.form-label{display:block;font-size:13px;font-weight:700;color:var(--text-muted);margin-bottom:6px}.form-control,.form-select{width:100%;padding:12px 16px;font-size:14px;color:var(--text-main);background-color:#f8fafc;border:1.5px solid #e2e8f0;border-radius:var(--radius-md);outline:none;transition:var(--transition)}.form-control:focus,.form-select:focus{background-color:#ffffff;border-color:var(--primary-blue);box-shadow:0 0 0 3px rgba(50,89,232,0.15)}.input-help-text{font-size:12px;color:var(--text-muted);margin-top:5px;display:flex;justify-content:space-between}.search-input-wrapper{position:relative}.search-input-wrapper i{position:absolute;left:14px;top:50%;transform:translateY(-50%);color:var(--text-muted)}.cost-display{background:#eff6ff;border:1.5px dashed #bfdbfe;border-radius:var(--radius-md);padding:14px 18px;display:flex;align-items:center;justify-content:space-between;margin-bottom:20px;transition:var(--transition)}.cost-display.insufficient{background:#fef2f2;border-color:#fca5a5}.cost-display .cost-label{font-size:14px;font-weight:700;color:var(--primary-navy)}.cost-display.insufficient .cost-label{color:#991b1b}.cost-display .cost-val{font-size:20px;font-weight:800;color:var(--primary-blue);transition:color 0.2s ease}.cost-display.insufficient .cost-val{color:#dc2626}.balance-alert-danger{background:#fef2f2;border:1.5px solid #ef4444;border-radius:var(--radius-md);padding:14px 16px;margin-bottom:20px;display:flex;flex-direction:column;gap:12px;animation:alertFadeIn 0.25s ease-out}@keyframes alertFadeIn{from{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}.balance-alert-content{display:flex;align-items:flex-start;gap:12px}.balance-alert-content i{font-size:20px;margin-top:2px;color:#ef4444;flex-shrink:0}.balance-alert-title{font-size:14px;font-weight:800;color:#991b1b;margin-bottom:4px}.balance-alert-text{font-size:13px;color:#7f1d1d;line-height:1.6}.balance-alert-text strong{font-weight:700;color:#991b1b}.balance-recharge-btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;background:#dc2626;color:#ffffff !important;font-size:12px;font-weight:700;padding:8px 14px;border-radius:var(--radius-sm);text-decoration:none;align-self:flex-start;transition:var(--transition)}.balance-recharge-btn:hover{background:#b91c1c;transform:translateY(-1px);box-shadow:0 4px 10px rgba(220,38,38,0.25)}.btn-primary{width:100%;background:var(--primary-blue);color:#ffffff;padding:13px 20px;border:none;border-radius:var(--radius-md);font-size:15px;font-weight:700;cursor:pointer;transition:var(--transition);display:flex;align-items:center;justify-content:center;gap:8px}.btn-primary.btn-disabled{background:#94a3b8 !important;cursor:not-allowed !important;transform:none !important;box-shadow:none !important;opacity:0.85}.btn-primary:hover{background:var(--primary-blue-hover);transform:translateY(-1px);box-shadow:0 4px 12px rgba(50,89,232,0.3)}.btn-secondary{width:100%;background:var(--primary-navy);color:#ffffff;padding:13px 20px;border:none;border-radius:var(--radius-md);font-size:15px;font-weight:700;cursor:pointer;transition:var(--transition);display:flex;align-items:center;justify-content:center;gap:8px;margin-top:10px}.btn-secondary:hover{background:var(--primary-navy-dark)}.orders-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.order-card{background:var(--card-bg);border:1px solid var(--card-border);border-radius:var(--radius-lg);padding:20px;box-shadow:var(--shadow-sm);display:flex;flex-direction:column;position:relative;transition:var(--transition)}.order-card:hover{box-shadow:var(--shadow-md);border-color:#cbd5e1}.order-card-header{display:flex;align-items:center;justify-content:center;margin-bottom:12px}.order-id-badge{background:var(--primary-blue);color:#ffffff;padding:4px 16px;border-radius:20px;font-weight:700;font-size:13px;letter-spacing:0.5px}.order-service-title{font-size:14px;font-weight:700;color:var(--primary-navy);text-align:center;min-height:44px;line-height:1.4;margin-bottom:16px}.order-details-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;text-align:center;padding:12px 0;border-top:1px solid #f1f5f9;border-bottom:1px solid #f1f5f9;margin-bottom:16px}.detail-col{display:flex;flex-direction:column;gap:4px}.detail-label{font-size:11px;color:var(--text-muted)}.detail-val{font-size:13px;font-weight:700;color:var(--text-main)}.btn-order-details{background:var(--primary-blue);color:white;border:none;padding:10px;border-radius:var(--radius-md);font-size:13px;font-weight:700;cursor:pointer;text-align:center;transition:var(--transition)}.btn-order-details:hover{background:var(--primary-blue-hover)}.services-card{background:var(--card-bg);border:1px solid var(--card-border);border-radius:var(--radius-lg);overflow:hidden;box-shadow:var(--shadow-sm)}.category-banner{background:var(--primary-navy);color:#ffffff;padding:14px 20px;display:flex;align-items:center;gap:10px;font-size:16px;font-weight:700}.platform-section-card{margin-bottom:34px;background:white;border:1px solid var(--card-border);border-radius:var(--radius-lg);overflow:hidden;box-shadow:var(--shadow-sm)}.platform-section-header{background:linear-gradient(135deg,#182269 0%,#1e293b 100%);color:white;padding:16px 22px;display:flex;align-items:center;justify-content:space-between;border-bottom:2px solid rgba(255,255,255,0.08)}.platform-header-title{display:flex;align-items:center;gap:14px}.platform-header-icon{width:44px;height:44px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:22px;box-shadow:0 4px 10px rgba(0,0,0,0.2)}.platform-header-name{font-size:18px;font-weight:800;letter-spacing:-0.3px}.platform-header-badge{background:rgba(255,255,255,0.15);color:#e2e8f0;font-size:12px;font-weight:700;padding:5px 13px;border-radius:20px}.category-group-wrapper{border-bottom:1px solid #e2e8f0}.category-group-wrapper:last-child{border-bottom:none}.category-subbanner{background:#f8fafc;color:#1e293b;padding:12px 20px;display:flex;align-items:center;justify-content:space-between;font-size:14px;font-weight:700;border-bottom:1px solid #e2e8f0}.category-subbanner-title{display:flex;align-items:center;gap:8px}.category-subbanner-title i{color:var(--primary-blue);font-size:15px}.category-subbanner-count{font-size:12px;color:#64748b;font-weight:600}.table-responsive{overflow-x:auto}.table-scroll-container{max-height:680px;overflow-y:auto;overflow-x:auto;scrollbar-width:thin;scrollbar-color:#94a3b8 #f1f5f9;position:relative}.table-scroll-container::-webkit-scrollbar{width:8px;height:8px}.table-scroll-container::-webkit-scrollbar-track{background:#f1f5f9;border-radius:4px}.table-scroll-container::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:4px}.table-scroll-container::-webkit-scrollbar-thumb:hover{background:#94a3b8}.table-scroll-container thead th{position:sticky;top:0;z-index:10;background:#f8fafc;box-shadow:0 1px 3px rgba(0,0,0,0.08)}.settings-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}.settings-card{background:#ffffff;border:1px solid var(--card-border);border-radius:var(--radius-lg);padding:26px;box-shadow:var(--shadow-sm)}.settings-card-header{display:flex;align-items:center;gap:12px;margin-bottom:20px;padding-bottom:14px;border-bottom:1px solid #f1f5f9}.settings-card-header h3{font-size:17px;font-weight:700;color:var(--primary-navy)}.settings-card-header .header-icon{width:38px;height:38px;border-radius:10px;background:#eff6ff;color:var(--primary-blue);display:flex;align-items:center;justify-content:center;font-size:18px}.custom-table{width:100%;border-collapse:collapse;text-align:right}.custom-table th{background:#f8fafc;color:var(--text-muted);font-size:13px;font-weight:700;padding:14px 16px;border-bottom:1px solid var(--card-border);white-space:nowrap}.custom-table td{padding:13px 16px;font-size:13px;border-bottom:1px solid var(--card-border);vertical-align:middle}.custom-table tr:hover td{background-color:#f8fafc}.btn-table-action{background:var(--primary-blue);color:white;padding:7px 16px;border-radius:var(--radius-sm);font-size:12px;font-weight:700;border:none;cursor:pointer;display:inline-block;transition:var(--transition)}.btn-table-action:hover{background:var(--primary-blue-hover)}.btn-table-details{background:#eff6ff;color:var(--primary-blue);padding:7px 14px;border-radius:var(--radius-sm);font-size:12px;font-weight:700;border:1px solid #bfdbfe;cursor:pointer;display:inline-block}.support-speed-dial{position:fixed;left:24px;bottom:24px;width:56px;height:56px;z-index:999;font-family:inherit;user-select:none}.speed-dial-trigger{position:relative;width:100%;height:100%;border-radius:50%;background:linear-gradient(135deg,#182269 0%,#254bd6 100%);color:#ffffff;border:2px solid rgba(255,255,255,0.25);box-shadow:0 10px 25px rgba(24,34,105,0.4),0 2px 8px rgba(0,0,0,0.12);display:flex;align-items:center;justify-content:center;font-size:24px;cursor:pointer;outline:none;transition:all 0.3s cubic-bezier(0.34,1.56,0.64,1);padding:0}.speed-dial-trigger:hover{transform:scale(1.08);box-shadow:0 14px 30px rgba(37,75,214,0.5),0 4px 12px rgba(0,0,0,0.15)}.speed-dial-trigger:active{transform:scale(0.96)}.speed-dial-pulse{position:absolute;inset:-6px;border-radius:50%;border:2px solid rgba(50,89,232,0.55);opacity:0;animation:speedDialPulse 2.8s infinite;pointer-events:none}@keyframes speedDialPulse{0%{transform:scale(0.95);opacity:0.8}50%{transform:scale(1.28);opacity:0}100%{transform:scale(1.3);opacity:0}}.support-speed-dial .online-indicator{position:absolute;top:1px;right:1px;width:14px;height:14px;border-radius:50%;background:#10b981;border:2.5px solid #ffffff;box-shadow:0 0 8px rgba(16,185,129,0.8);z-index:2}.speed-dial-trigger .icon-closed,.speed-dial-trigger .icon-opened{position:absolute;display:flex;align-items:center;justify-content:center;transition:all 0.3s cubic-bezier(0.34,1.56,0.64,1)}.speed-dial-trigger .icon-closed{opacity:1;transform:rotate(0deg) scale(1)}.speed-dial-trigger .icon-opened{opacity:0;transform:rotate(-90deg) scale(0.5);font-size:22px}.support-speed-dial.active .speed-dial-trigger,.support-speed-dial:hover .speed-dial-trigger{background:linear-gradient(135deg,#0f1747 0%,#1e293b 100%);border-color:rgba(255,255,255,0.4)}.support-speed-dial.active .speed-dial-trigger .icon-closed,.support-speed-dial:hover .speed-dial-trigger .icon-closed{opacity:0;transform:rotate(90deg) scale(0.5)}.support-speed-dial.active .speed-dial-trigger .icon-opened,.support-speed-dial:hover .speed-dial-trigger .icon-opened{opacity:1;transform:rotate(0deg) scale(1)}.support-speed-dial.active .speed-dial-pulse,.support-speed-dial:hover .speed-dial-pulse{animation:none;opacity:0}.speed-dial-options{position:absolute;bottom:calc(100%+14px);left:0;display:flex;flex-direction:column-reverse;gap:12px;opacity:0;visibility:hidden;transform:translateY(16px) scale(0.92);transform-origin:bottom left;transition:opacity 0.28s ease,transform 0.28s cubic-bezier(0.34,1.56,0.64,1),visibility 0.28s;pointer-events:none;z-index:1000;white-space:nowrap}.support-speed-dial.active .speed-dial-options,.support-speed-dial:hover .speed-dial-options{opacity:1;visibility:visible;transform:translateY(0) scale(1);pointer-events:auto}.speed-dial-item{display:flex;align-items:center;gap:12px;background:#ffffff;padding:6px 14px 6px 8px;border-radius:50px;box-shadow:0 8px 24px rgba(15,23,71,0.16),0 2px 6px rgba(0,0,0,0.06);border:1.5px solid #e2e8f0;text-decoration:none;color:#1e293b;transition:all 0.25s ease;white-space:nowrap}.speed-dial-item:hover{transform:translateX(-4px) translateY(-2px)}.speed-dial-item .speed-dial-icon{width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#ffffff;font-size:20px;flex-shrink:0;transition:transform 0.25s ease}.speed-dial-item:hover .speed-dial-icon{transform:scale(1.12)}.speed-dial-item.item-messenger .speed-dial-icon{background:linear-gradient(135deg,#00B2FF 0%,#006AFF 100%);box-shadow:0 4px 12px rgba(0,106,255,0.35)}.speed-dial-item.item-messenger:hover{border-color:#93c5fd;box-shadow:0 10px 28px rgba(0,106,255,0.28)}.speed-dial-item.item-instagram .speed-dial-icon{background:linear-gradient(45deg,#f09433 0%,#e6683c 25%,#dc2743 50%,#cc2366 75%,#bc1888 100%);box-shadow:0 4px 12px rgba(225,48,108,0.35)}.speed-dial-item.item-instagram:hover{border-color:#fbcfe8;box-shadow:0 10px 28px rgba(225,48,108,0.28)}.speed-dial-label{display:flex;flex-direction:column;text-align:right;line-height:1.25}.speed-dial-label strong{font-size:13.5px;font-weight:800;color:#0f1747}.speed-dial-label small{font-size:11px;font-weight:600;color:#64748b;margin-top:1px}.mobile-bottom-nav{display:none;position:fixed;bottom:0;left:0;right:0;background:#ffffff;border-top:1px solid var(--card-border);box-shadow:0 -2px 10px rgba(0,0,0,0.05);z-index:100;padding:8px 12px;justify-content:space-around;align-items:center}.bottom-nav-item{display:flex;flex-direction:column;align-items:center;gap:3px;color:var(--text-muted);font-size:11px;font-weight:600;padding:4px}.bottom-nav-item i{font-size:18px}.bottom-nav-item.active{color:var(--primary-blue);font-weight:700}.header-actions{display:flex;align-items:center;gap:12px}.notif-wrapper{position:relative}.notif-bell-btn{background:white;border:1px solid var(--card-border);width:42px;height:42px;border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;color:var(--primary-navy);font-size:19px;cursor:pointer;position:relative;transition:var(--transition)}.notif-bell-btn:hover{background:#f8fafc;color:var(--primary-blue);border-color:#cbd5e1}.notif-badge{position:absolute;top:-4px;right:-4px;background:#ef4444;color:white;font-size:11px;font-weight:800;min-width:18px;height:18px;padding:0 4px;border-radius:10px;display:flex;align-items:center;justify-content:center;border:2px solid white;box-shadow:0 2px 5px rgba(239,68,68,0.4)}.notif-dropdown{display:none;position:absolute;top:52px;left:0;width:340px;background:white;border:1px solid var(--card-border);border-radius:var(--radius-lg);box-shadow:0 10px 30px rgba(0,0,0,0.15);z-index:1000;overflow:hidden;animation:notifSlideDown 0.2s ease-out}.notif-dropdown.active{display:block}@keyframes notifSlideDown{from{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.notif-header{padding:14px 16px;background:#f8fafc;border-bottom:1px solid #e2e8f0;display:flex;align-items:center;justify-content:space-between}.notif-mark-all{background:none;border:none;color:var(--primary-blue);font-size:12px;font-weight:700;cursor:pointer;padding:0}.notif-mark-all:hover{text-decoration:underline}.notif-perm-prompt{background:#eff6ff;border-bottom:1px solid #bfdbfe;padding:10px 14px;font-size:12px;color:#1d4ed8;display:flex;align-items:center;justify-content:space-between;gap:8px}.notif-perm-prompt button{background:var(--primary-blue);color:white;border:none;padding:4px 10px;border-radius:6px;font-size:11px;font-weight:700;cursor:pointer;white-space:nowrap}.notif-list{max-height:380px;overflow-y:auto;scrollbar-width:thin}.notif-item{display:flex;align-items:flex-start;gap:12px;padding:12px 16px;border-bottom:1px solid #f1f5f9;text-decoration:none;color:inherit;transition:background 0.15s;position:relative}.notif-item:hover{background:#f8fafc}.notif-item.unread{background:#f0f7ff}.notif-item-icon{width:36px;height:36px;border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:16px;flex-shrink:0;background:#e0f2fe;color:#0284c7}.notif-item.unread .notif-item-icon{background:#dbeafe;color:#2563eb}.notif-item-content{flex:1}.notif-item-title{font-size:13px;font-weight:700;color:#1e293b;margin-bottom:3px}.notif-item-desc{font-size:12px;color:#64748b;line-height:1.5;margin-bottom:4px}.notif-item-time{font-size:11px;color:#94a3b8}.notif-unread-dot{width:8px;height:8px;border-radius:50%;background:#3b82f6;margin-top:6px;flex-shrink:0}.pwa-install-btn{display:none;align-items:center;gap:6px;background:linear-gradient(135deg,#10b981 0%,#059669 100%);color:white !important;border:none;padding:8px 14px;border-radius:20px;font-size:12px;font-weight:700;cursor:pointer;box-shadow:0 3px 8px rgba(16,185,129,0.3);transition:transform 0.2s,box-shadow 0.2s;text-decoration:none}.pwa-install-btn:hover{transform:translateY(-1px);box-shadow:0 5px 12px rgba(16,185,129,0.4)}.sidebar-nav .pwa-sidebar-btn{color:#38bdf8 !important;background:rgba(56,189,248,0.08);border:1px dashed rgba(56,189,248,0.35);margin-top:8px;border-radius:12px;transition:all 0.2s ease}.sidebar-nav .pwa-sidebar-btn:hover{background:rgba(56,189,248,0.18);color:#7dd3fc !important;border-color:#38bdf8;transform:translateX(-3px)}.pwa-install-banner{display:none;position:fixed;bottom:20px;right:20px;left:20px;max-width:440px;margin:0 auto;background:#182269;color:white;padding:14px 18px;border-radius:16px;box-shadow:0 10px 30px rgba(0,0,0,0.35);z-index:999;align-items:center;justify-content:space-between;gap:12px;animation:bannerSlideUp 0.3s ease-out}@keyframes bannerSlideUp{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.modal-overlay{display:none;position:fixed;inset:0;background:rgba(15,23,42,0.6);backdrop-filter:blur(4px);z-index:999;align-items:center;justify-content:center;padding:20px}.modal-overlay.active{display:flex}.modal-content{background:white;border-radius:var(--radius-lg);width:100%;max-width:500px;padding:24px;box-shadow:var(--shadow-lg);max-height:90vh;overflow-y:auto}.modal-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:18px;border-bottom:1px solid var(--card-border);padding-bottom:12px}.modal-header h3{font-size:18px;font-weight:700;color:var(--primary-navy)}.modal-close{background:none;border:none;font-size:22px;cursor:pointer;color:var(--text-muted)}@media (max-width:1024px){.stats-grid{grid-template-columns:repeat(2,1fr)}.orders-grid{grid-template-columns:repeat(2,1fr)}.order-grid{grid-template-columns:1fr}.settings-grid{grid-template-columns:1fr}}.services-radio-group{display:flex;flex-direction:column;gap:8px;max-height:380px;overflow-y:auto;padding:8px;background:#f8fafc;border:1px solid var(--card-border);border-radius:var(--radius-md);scrollbar-width:thin;scrollbar-color:#cbd5e1 #f1f5f9}.services-radio-group::-webkit-scrollbar{width:6px}.services-radio-group::-webkit-scrollbar-track{background:#f1f5f9;border-radius:4px}.services-radio-group::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:4px}.services-radio-group::-webkit-scrollbar-thumb:hover{background:#94a3b8}.service-radio-item{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 14px;background:#ffffff;border:1.5px solid #e2e8f0;border-radius:10px;cursor:pointer;transition:all 0.2s ease;user-select:none;position:relative}.service-radio-item:hover{border-color:#93c5fd;background:#f0f7ff;transform:translateY(-1px);box-shadow:0 3px 8px rgba(0,0,0,0.04)}.service-radio-item.selected,.service-radio-item:has(.svc-radio-input:checked){border-color:#3259e8;background:#eff6ff;box-shadow:0 4px 12px rgba(50,89,232,0.12)}.svc-radio-left{display:flex;align-items:center;gap:12px;flex:1;min-width:0}.svc-radio-input{width:18px;height:18px;accent-color:#3259e8;cursor:pointer;flex-shrink:0}.svc-radio-meta{display:flex;flex-direction:column;gap:3px;min-width:0}.svc-title-row{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.svc-id-badge{background:#f1f5f9;color:#475569;font-size:11px;font-weight:700;padding:2px 6px;border-radius:6px;border:1px solid #e2e8f0;font-family:monospace}.service-radio-item.selected .svc-id-badge,.service-radio-item:has(.svc-radio-input:checked) .svc-id-badge{background:#dbeafe;color:#1d4ed8;border-color:#bfdbfe}.svc-name{font-size:13px;font-weight:700;color:#1e293b;line-height:1.4;word-break:break-word}.svc-limits-text{font-size:11px;color:#64748b;display:flex;align-items:center;gap:6px}.svc-radio-right{display:flex;flex-direction:column;align-items:flex-end;gap:4px;flex-shrink:0}.svc-price-badge{background:#ecfdf5;color:#059669;border:1px solid #a7f3d0;padding:4px 10px;border-radius:8px;font-size:13px;font-weight:800;white-space:nowrap}.svc-price-badge small{font-size:10px;font-weight:600;color:#047857}.service-radio-item.selected .svc-price-badge,.service-radio-item:has(.svc-radio-input:checked) .svc-price-badge{background:#10b981;color:#ffffff;border-color:#059669}.service-radio-item.selected .svc-price-badge small,.service-radio-item:has(.svc-radio-input:checked) .svc-price-badge small{color:rgba(255,255,255,0.85)}.services-empty-state{padding:35px 20px;text-align:center;color:#94a3b8;font-size:13px}html,body{overflow-x:hidden;max-width:100vw}.app-container,.main-wrapper{overflow-x:hidden;max-width:100vw}@media (max-width:1024px){.order-grid{display:flex;flex-direction:column}.order-grid .form-card{order:1}.order-grid .rules-card{order:2;padding:0}.rules-header{display:flex;align-items:center;justify-content:space-between;cursor:pointer;user-select:none;padding:14px 18px;border-radius:var(--radius-lg)}.rules-toggle-icon{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:50%;background:rgba(255,255,255,0.15);font-size:13px;transition:transform 0.25s ease}.rules-card:not(.expanded) .rules-content{display:none}.rules-card.expanded .rules-content{display:block;animation:rulesAccordionExpand 0.25s ease-out}.rules-card.expanded .rules-toggle-icon{transform:rotate(180deg)}.rules-card.expanded .rules-header{border-radius:var(--radius-lg) var(--radius-lg) 0 0}.stats-grid{grid-template-columns:repeat(2,1fr)}.add-funds-grid{grid-template-columns:1fr !important;gap:16px !important}.admin-dual-grid{grid-template-columns:1fr !important;gap:16px !important}}@media (max-width:768px){.sidebar{transform:translateX(100%);box-shadow:-10px 0 30px rgba(0,0,0,0.25);z-index:1001;width:280px;max-width:85vw}.sidebar.show{transform:translateX(0)}.sidebar-mobile-close-btn{display:flex}.main-wrapper{margin-right:0;padding-bottom:80px;min-width:0}.page-content{padding:14px 12px}.top-header{padding:10px 14px;gap:8px;min-height:56px}.header-right{gap:8px;min-width:0;flex:1}.menu-toggle{display:flex;align-items:center;justify-content:center;width:38px;height:38px;padding:0;font-size:17px;border-radius:var(--radius-sm);flex-shrink:0}.page-title{font-size:16px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:140px}.header-center-pill{display:none}.header-actions{gap:6px;flex-shrink:0}.pwa-install-btn{padding:6px 10px;font-size:12px}.pwa-btn-text{display:none}.header-user .user-info{display:none}.user-avatar{width:36px;height:36px;font-size:15px}.notif-bell-btn{width:36px;height:36px;font-size:16px}.notif-dropdown{position:fixed;top:56px;left:8px;right:8px;width:auto;max-width:calc(100vw - 16px);box-shadow:0 12px 35px rgba(0,0,0,0.2)}.form-control,.form-select{font-size:16px !important;padding:11px 14px}.btn-primary,.btn-secondary{min-height:44px;font-size:14.5px}.stats-grid{grid-template-columns:repeat(2,1fr);gap:10px;margin-bottom:16px}.stat-card{padding:12px 14px;gap:8px}.stat-card .stat-value{font-size:17px}.stat-card .stat-label{font-size:11px}.stat-card .stat-icon{width:36px;height:36px;font-size:16px}.orders-grid{grid-template-columns:1fr;gap:14px}.platforms-bar{gap:8px;padding-bottom:8px;margin-bottom:16px;-webkit-overflow-scrolling:touch;overflow-x:auto;flex-wrap:nowrap;scrollbar-width:none}.platforms-bar::-webkit-scrollbar{display:none}.platform-btn{padding:6px 12px;flex-shrink:0}.platform-circle{width:36px;height:36px;font-size:16px}.platform-name{font-size:12px}.services-radio-group{max-height:340px;padding:6px}.service-radio-item{padding:10px 12px;gap:10px}.svc-name{font-size:12.5px}.svc-price-badge{font-size:12px;padding:3px 8px}.svc-limits-text{font-size:10.5px}.table-responsive{width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch;border-radius:var(--radius-md);margin-bottom:8px}.custom-table th,.custom-table td{padding:9px 11px;font-size:12.5px;white-space:nowrap}.table-scroll-container{max-height:480px}.mobile-bottom-nav{display:flex;position:fixed;bottom:0;left:0;right:0;height:60px;background:#ffffff;border-top:1px solid var(--card-border);box-shadow:0 -4px 20px rgba(0,0,0,0.08);z-index:90;justify-content:space-around;align-items:center;padding-bottom:env(safe-area-inset-bottom,0px)}.bottom-nav-item{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;color:var(--text-muted);text-decoration:none;font-size:10.5px;font-weight:700;padding:6px 4px;flex:1;min-height:44px;transition:color 0.2s}.bottom-nav-item i{font-size:18px}.bottom-nav-item.active{color:var(--primary-blue)}.admin-bottom-nav{background:#11184a;border-top:1px solid rgba(255,255,255,0.12)}.admin-bottom-nav .bottom-nav-item{color:#94a3b8}.admin-bottom-nav .bottom-nav-item.active{color:#60a5fa}.admin-bottom-nav .bottom-nav-item:hover{color:#ffffff}.modal-content{width:94%;max-width:94vw;max-height:88vh;padding:20px 16px;margin:auto}.support-speed-dial{left:16px;bottom:74px;width:48px;height:48px}.speed-dial-trigger{width:100%;height:100%;font-size:20px}.speed-dial-options{bottom:calc(100%+10px);left:0;gap:8px}.speed-dial-item{padding:5px 12px 5px 6px;gap:10px}.speed-dial-item .speed-dial-icon{width:36px;height:36px;font-size:18px}.speed-dial-label strong{font-size:12.5px}.speed-dial-label small{font-size:10px}.pwa-install-banner{bottom:74px !important;padding:10px 14px;left:12px;right:12px}.balance-alert-danger{flex-direction:column;align-items:stretch;gap:12px}.balance-recharge-btn{width:100%;text-align:center;justify-content:center}form[method="GET"]{display:flex;flex-direction:column !important;align-items:stretch !important;gap:10px !important}form[method="GET"]>div{width:100% !important;min-width:0 !important}form[method="GET"]>button,form[method="GET"]>a{width:100% !important;justify-content:center !important;margin-top:2px !important}.admin-sync-banner{padding:16px;flex-direction:column;align-items:stretch;text-align:right}.admin-sync-banner>div:last-child a{width:100% !important;text-align:center;justify-content:center}.admin-quick-toolbar{flex-direction:column;align-items:stretch;padding:14px}.admin-quick-toolbar .toolbar-buttons{display:flex;flex-direction:column;gap:8px;width:100%}.admin-quick-toolbar .toolbar-buttons a{width:100% !important;justify-content:center !important;padding:10px 14px !important}.admin-services-topbar{padding:14px;flex-direction:column;align-items:stretch}.admin-services-topbar form{width:100%;flex-direction:column !important;align-items:stretch !important;gap:10px !important}.admin-services-topbar form button{width:100% !important}.admin-services-topbar .sync-info-block{width:100%;flex-direction:column !important;align-items:stretch !important;gap:10px !important}.admin-services-topbar .sync-info-block a{width:100% !important;text-align:center;justify-content:center}.deposit-action-btns{display:flex;flex-direction:column;gap:6px;width:100%}.deposit-action-btns a{width:100%;justify-content:center;min-height:38px}}@media (max-width:480px){.top-header{padding:8px 10px}.page-title{max-width:110px;font-size:15px}.pwa-install-btn{display:none}.stats-grid{grid-template-columns:1fr}.services-card{padding:12px;border-radius:var(--radius-md)}.form-card{padding:16px 14px;border-radius:var(--radius-md)}.rules-card{padding:0;border-radius:var(--radius-md)}.rules-table td{padding:10px 12px;font-size:12px}.rules-notes{padding:12px 14px;font-size:12px}.order-details-grid{grid-template-columns:repeat(2,1fr) !important;gap:8px !important}}.add-funds-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-bottom:30px}.deposit-qr-card{background:white;border:1px solid var(--card-border);border-radius:var(--radius-lg);padding:26px;box-shadow:var(--shadow-sm);text-align:center}.deposit-form-card{background:white;border:1px solid var(--card-border);border-radius:var(--radius-lg);padding:26px;box-shadow:var(--shadow-sm);display:flex;flex-direction:column}.quick-amount-chips{display:flex;flex-wrap:wrap;gap:8px;margin-top:8px;margin-bottom:14px}.quick-chip-btn{background:#f1f5f9;border:1px solid #cbd5e1;color:#1e293b;padding:6px 14px;border-radius:20px;font-size:13px;font-weight:700;cursor:pointer;transition:all 0.15s ease}.quick-chip-btn:hover,.quick-chip-btn:active{background:#eff6ff;border-color:#3259e8;color:#3259e8}.admin-dual-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}.admin-sync-banner{background:linear-gradient(135deg,#182269 0%,#1e3a8a 100%);color:white;border-radius:var(--radius-lg);padding:18px 24px;margin-bottom:24px;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:16px;box-shadow:var(--shadow-sm)}.admin-quick-toolbar{background:white;border:1px solid var(--card-border);border-radius:var(--radius-lg);padding:16px 20px;margin-bottom:24px;display:flex;gap:12px;flex-wrap:wrap;align-items:center;justify-content:space-between}.admin-services-topbar{background:white;border:1px solid var(--card-border);border-radius:var(--radius-lg);padding:18px 22px;margin-bottom:20px;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:16px;box-shadow:var(--shadow-sm)}.hidden-mobile-table{display:block}.mobile-only-cards{display:none !important}@media (max-width:768px){.hidden-mobile-table{display:none !important}.mobile-only-cards{display:flex !important}.liquidity-monitor-card{padding:16px 14px !important}.liquidity-actions{width:100%;display:flex;flex-direction:column;gap:8px !important}.liquidity-actions a{width:100% !important;text-align:center;justify-content:center}}#pwaAppSplash{position:fixed;inset:0;z-index:9999999;background:radial-gradient(circle at center,#0c1438 0%,#050816 100%);display:flex;align-items:center;justify-content:center;flex-direction:column;transition:opacity 0.45s cubic-bezier(0.16,1,0.3,1),visibility 0.45s ease;user-select:none}#pwaAppSplash.fade-out{opacity:0;visibility:hidden;pointer-events:none}.pwa-splash-inner{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:18px}.pwa-splash-img{width:145px;height:145px;max-width:44vw;max-height:44vw;object-fit:contain;filter:drop-shadow(0 0 28px rgba(0,160,255,0.55));animation:pwaSplashPulse 2s infinite ease-in-out}@keyframes pwaSplashPulse{0%,100%{transform:scale(1);filter:drop-shadow(0 0 24px rgba(0,150,255,0.45))}50%{transform:scale(1.05);filter:drop-shadow(0 0 42px rgba(0,180,255,0.8))}}.pwa-splash-brand{font-size:20px;font-weight:800;color:#ffffff;letter-spacing:0.5px;text-shadow:0 2px 10px rgba(0,130,254,0.5);font-family:inherit}.pwa-splash-loader{width:50px;height:3px;background:rgba(255,255,255,0.12);border-radius:6px;overflow:hidden;position:relative;margin-top:4px}.pwa-splash-loader::after{content:'';position:absolute;top:0;left:0;bottom:0;width:45%;background:linear-gradient(90deg,#00B2FF,#3259e8);border-radius:6px;animation:pwaLoaderSlide 1.3s infinite ease-in-out}@keyframes pwaLoaderSlide{0%{left:-45%}50%{left:40%;width:50%}100%{left:110%}}