:root{--client-bg:#0b1222;--client-surface:#0f172a;--client-surface-light:#1a2439;--client-border:rgba(255,255,255,0.08);--client-text:#e6eef9;--client-text-muted:#a9b9d6;--client-primary:#ccfe1e;--client-primary-dark:#a8d815;--client-radius:12px;--bg-body:#050505;--bg-panel:#111111;--bg-header:rgba(10,10,10,0.9);--primary:#e50914;--secondary:#00d2ff;--gold:#ffb700;--green:#00e676;--text-main:#b3b3b3;--text-white:#ffffff;--border:#222222;--bg:#050505;--bg-soft:#111111;--bg-elev:#111111;--bg-tertiary:#1a1a1a;--bg-overlay:rgba(5,5,5,0.95);--txt:#b3b3b3;--txt-muted:#888888;--txt-dim:#666666;--primary-ink:#ffffff;--primary-25:rgba(229,9,20,0.25);--stroke:#222222;--stroke-2:#333333}html[data-theme="light"],[data-theme="light"]{--client-bg:#ffffff;--client-surface:#f8fafc;--client-surface-light:#f1f5f9;--client-border:rgba(0,0,0,0.08);--client-text:#0f172a;--client-text-muted:#475569;--client-primary:#0ea5e9;--client-primary-dark:#0284c7}.content-box-modern,.content-box{background:var(--client-surface);border:1px solid var(--client-border);border-radius:var(--client-radius);padding:1.5rem;margin-bottom:1.5rem}.section-header{margin-bottom:1.25rem;padding-bottom:.75rem;border-bottom:2px solid var(--client-border)}.section-header h2{font-size:1.5rem;font-weight:700;color:var(--client-text);margin:0 0 .5rem 0}.section-subtitle{font-size:.875rem;color:var(--client-text-muted);margin:0}.btn-primary,.btn-primary-modern{background:linear-gradient(135deg,var(--client-primary) 0,var(--client-primary-dark) 100%);color:#07120a;border:none;font-weight:700;transition:all .3s}.btn-primary:hover,.btn-primary-modern:hover{transform:translateY(-2px);box-shadow:0 4px 12px rgba(204,254,30,0.3)}.btn-outline,.btn-outline-modern{background:transparent;color:var(--client-text);border:1px solid var(--client-border);transition:all .3s}.btn-outline:hover,.btn-outline-modern:hover{background:var(--client-surface-light);border-color:var(--client-primary);color:var(--client-primary)}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:1.25rem}@media (max-width:1024px){.cards{grid-template-columns:repeat(2,1fr);gap:1rem}}@media (max-width:640px){.cards{grid-template-columns:1fr;gap:1rem}}.main-layout{display:grid;grid-template-columns:1fr 300px;gap:2rem}.main-content{display:flex;flex-direction:column}.main-sidebar{display:flex;flex-direction:column;gap:1.5rem}@media (max-width:992px){.main-layout{grid-template-columns:1fr;gap:1.5rem}.main-layout:not(.view-hack-modern .main-layout) .main-sidebar{order:1}.main-layout:not(.view-hack-modern .main-layout) .main-content{order:2}}.sidebar-box{background:var(--client-surface);border:1px solid var(--client-border);border-radius:var(--client-radius);padding:1.25rem}.sidebar-box h3{font-size:1.25rem;font-weight:700;color:var(--client-text);margin:0 0 1rem 0;padding-bottom:.75rem;border-bottom:1px solid var(--client-border)}.pagination-modern{display:flex;justify-content:center;align-items:center;gap:.5rem;margin-top:2rem}.pagination-modern a,.pagination-modern span{display:inline-flex;align-items:center;justify-content:center;min-width:40px;height:40px;padding:0 .75rem;background:var(--client-surface);border:1px solid var(--client-border);border-radius:8px;color:var(--client-text);text-decoration:none;transition:all .3s}.pagination-modern a:hover{background:var(--client-surface-light);border-color:var(--client-primary);color:var(--client-primary)}.pagination-modern .active{background:var(--client-primary);color:#07120a;border-color:var(--client-primary);font-weight:700}.hero-section-wrapper{padding-top:10px}header{background:var(--bg-header);border-bottom:1px solid var(--border);position:fixed;top:0;left:0;right:0;width:100%;z-index:1000;backdrop-filter:blur(10px);margin:0;padding:0}.top-bar{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:30px;height:70px;margin:0;padding:0 15px;max-width:1280px;margin-left:auto;margin-right:auto}.logo{font-size:24px;font-weight:900;color:var(--text-white);text-transform:uppercase;letter-spacing:1px;white-space:nowrap}.logo span{color:var(--primary)}.main-menu{display:flex;gap:25px;position:relative;justify-content:center;flex:1}.main-menu a{font-weight:600;color:#ccc;text-transform:uppercase;font-size:13px;display:flex;align-items:center;gap:6px;position:relative}.main-menu a:hover,.main-menu a.active{color:var(--text-white)}.main-menu i{color:var(--primary)}.main-menu .has-sub{position:relative}.main-menu .has-sub .sub-menu{display:none;position:absolute;top:100%;left:0;background:var(--bg-panel);border:1px solid var(--border);border-radius:4px;min-width:200px;margin-top:10px;z-index:999}.main-menu .has-sub.active .sub-menu{display:block !important}.main-menu .has-sub > a{cursor:pointer;user-select:none}.sub-menu a{display:block;padding:12px 15px;color:#ccc;text-transform:none;font-size:13px;border-bottom:1px solid var(--border)}.sub-menu a:last-child{border-bottom:none}.sub-menu a:hover{background:rgba(255,255,255,0.05);color:var(--text-white)}.sub-menu-2col{display:grid;grid-template-columns:repeat(2,1fr);min-width:480px;max-width:600px;gap:0;padding:8px}.sub-menu-2col .sub-col{padding:5px}.sub-menu-2col .sub-col a{padding:6px 8px;font-size:12px;line-height:1.3;display:block;border-radius:4px}.sub-menu-2col .sub-col a:hover{background:rgba(255,255,255,0.08)}.user-actions{display:flex;gap:10px;align-items:center}.btn-header{padding:8px 16px;border-radius:4px;font-weight:700;font-size:12px;text-transform:uppercase}.btn-login{background:#222;color:var(--text-white);border:1px solid #333}.btn-deposit{background:linear-gradient(90deg,#00d2ff,#007aff);color:var(--text-white);border:none}.notification-wrapper{position:relative;z-index:1001}.btn-notification{width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:#222;border:1px solid #333;border-radius:8px;color:var(--text-white);cursor:pointer;position:relative;transition:all .3s}.btn-notification:hover{background:#2a2a2a;border-color:#444}.btn-notification i{font-size:16px}.notification-badge{position:absolute;top:-4px;right:-4px;min-width:18px;height:18px;padding:0 5px;background:var(--primary);color:#fff;border-radius:9px;font-size:10px;font-weight:700;display:flex;align-items:center;justify-content:center;border:2px solid var(--bg-header)}.notification-dropdown{display:none;position:absolute;top:calc(100% + 10px);right:0;width:320px;max-height:400px;background:var(--bg-panel);border:1px solid var(--border);border-radius:12px;overflow:hidden;z-index:1002}.notification-dropdown.active{display:block}.notification-header{display:flex;justify-content:space-between;align-items:center;padding:15px;border-bottom:1px solid var(--border);background:var(--bg-elev)}.notification-header h3{margin:0;color:var(--text-white);font-size:14px;font-weight:700;text-transform:uppercase}.notification-close{background:transparent;border:none;color:var(--txt-muted);cursor:pointer;padding:5px;transition:color .3s}.notification-close:hover{color:var(--text-white)}.notification-list{max-height:350px;overflow-y:auto}.notification-empty{padding:30px 20px;text-align:center;color:var(--txt-muted);font-size:13px}.user-menu-wrapper{position:relative;z-index:1003}.btn-user-menu{display:flex;align-items:center;gap:8px;padding:6px 12px;background:#222;border:1px solid #333;border-radius:8px;color:var(--text-white);cursor:pointer;transition:all .3s;font-size:13px;font-weight:600}.btn-user-menu:hover{background:#2a2a2a;border-color:#444}.user-avatar{width:28px;height:28px;border-radius:50%;background:var(--bg-tertiary);display:flex;align-items:center;justify-content:center;overflow:hidden;flex-shrink:0}.user-avatar img{width:100%;height:100%;object-fit:cover}.user-avatar i{font-size:14px;color:var(--txt-muted)}.user-name{max-width:120px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.user-menu-arrow{font-size:10px;color:var(--txt-muted);transition:transform .3s}.user-menu-wrapper.active .user-menu-arrow{transform:rotate(180deg)}.user-menu-dropdown{display:none;position:absolute;top:calc(100% + 10px);right:0;width:220px;background:var(--bg-panel);border:1px solid var(--border);border-radius:12px;overflow:hidden;z-index:1004;padding:8px}.user-menu-dropdown.active{display:block}.user-menu-item{display:flex;align-items:center;gap:12px;padding:12px 15px;color:var(--txt);text-decoration:none;border-radius:8px;transition:all .3s;font-size:13px}.user-menu-item:hover{background:var(--bg-elev);color:var(--text-white)}.user-menu-item i{width:18px;text-align:center;color:var(--txt-muted);font-size:14px}.user-menu-item:hover i{color:var(--primary)}.user-menu-admin{color:var(--gold)}.user-menu-admin i{color:var(--gold)}.user-menu-logout{color:var(--primary)}.user-menu-logout i{color:var(--primary)}.user-menu-divider{height:1px;background:var(--border);margin:8px 0}.mobile-menu-toggle{display:none;width:40px;height:40px;align-items:center;justify-content:center;background:#222;border:1px solid #333;border-radius:8px;color:var(--text-white);cursor:pointer;font-size:18px}.mobile-menu-overlay{display:none;position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,0.8);z-index:2000;overflow-y:auto}.mobile-menu-overlay.active{display:block}.mobile-menu-sidebar{position:fixed;top:0;right:0;width:320px;max-width:85vw;height:100vh;background:var(--bg-panel);border-left:1px solid var(--border);overflow-y:auto;transform:translateX(100%);transition:transform .3s ease}.mobile-menu-overlay.active .mobile-menu-sidebar{transform:translateX(0)}.mobile-menu-list{list-style:none;padding:0;margin:0}.mobile-menu-item{display:flex;align-items:center;gap:12px;padding:14px 20px;color:var(--txt);text-decoration:none;border-bottom:1px solid var(--border);transition:all .3s}.mobile-menu-item:hover,.mobile-menu-item.active{background:var(--bg-elev);color:var(--text-white)}.mobile-menu-item.has-sub{justify-content:space-between}.mobile-submenu{list-style:none;padding:0;margin:0;max-height:0;overflow:hidden;transition:max-height .3s ease}.mobile-submenu.active{max-height:500px}.mobile-submenu .mobile-menu-item{padding-left:40px;font-size:13px}@media (max-width:1024px){.main-menu{display:none}.mobile-menu-toggle{display:flex}}@media (max-width:768px){.content-box-modern,.content-box{padding:1rem}.section-header h2{font-size:1.25rem}.top-bar{gap:15px;padding:0 10px}.logo{font-size:20px}.user-actions{gap:8px}.btn-header{padding:6px 12px;font-size:11px}.btn-notification,.btn-user-menu{width:36px;height:36px;padding:4px 8px}.user-name{display:none}}