:root{--sidebar-bg: #0f172a;--sidebar-item-hover: rgba(255, 255, 255, .05);--sidebar-active-bg: #3b82f6;--text-primary: #ffffff;--text-muted: #94a3b8;--glass-border: rgba(255, 255, 255, .1);--success-green: #10b981}.sidebar{position:fixed;left:0;top:0;width:260px;background:var(--sidebar-bg);height:100vh;display:flex;flex-direction:column;z-index:100;transition:all .4s cubic-bezier(.4,0,.2,1);border-right:1px solid var(--glass-border);color:var(--text-primary)}.sidebar-header{padding:2rem 1.5rem;display:flex;align-items:center;border-bottom:1px solid var(--glass-border)}.logo-container{display:flex;align-items:center;gap:12px}.logo-icon{background:var(--sidebar-active-bg);width:35px;height:35px;border-radius:8px;display:flex;align-items:center;justify-content:center;font-weight:900;font-size:1.2rem;color:var(--text-primary);box-shadow:0 4px 12px #3b82f666}.logo-text{font-size:1.4rem;font-weight:700;letter-spacing:-.5px;margin:0}.logo-text span{color:var(--sidebar-active-bg)}.nav-section-label{font-size:.7rem;text-transform:uppercase;letter-spacing:1.5px;color:var(--text-muted);margin:1.5rem .5rem .5rem 1.25rem;font-weight:700}.sidebar-nav{flex:1;padding:0 .85rem;display:flex;flex-direction:column;gap:4px;overflow-y:auto;scrollbar-width:none;-ms-overflow-style:none}.sidebar-nav::-webkit-scrollbar{display:none}.nav-item{display:flex;align-items:center;gap:12px;padding:12px 16px;border-radius:12px;text-decoration:none;color:var(--text-muted);transition:all .2s ease;border:1px solid transparent}.nav-item:hover{background:var(--sidebar-item-hover);color:var(--text-primary);transform:translate(4px)}.nav-item.active{background:var(--sidebar-active-bg);color:#fff;box-shadow:0 10px 15px -3px #3b82f64d}.icon-wrapper{width:20px;display:flex;justify-content:center;font-size:1.1rem}.nav-label{font-size:.9rem;font-weight:500}.sidebar-footer{padding:1.25rem;border-top:1px solid var(--glass-border);display:flex;align-items:center;gap:12px;background:#0003}.user-avatar{width:38px;height:38px;border-radius:50%;background:#1e293b;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:.75rem;border:2px solid var(--sidebar-active-bg);flex-shrink:0}.user-info{overflow:hidden}.user-name{font-size:.85rem;font-weight:600;margin:0;white-space:nowrap;text-overflow:ellipsis}.user-status{font-size:.7rem;color:var(--success-green);margin:0}.sidebar-toggle{display:none;position:fixed;top:15px;left:15px;z-index:1000;width:42px;height:42px;background:var(--sidebar-bg);border:1px solid var(--glass-border);border-radius:10px;cursor:pointer;align-items:center;justify-content:center;box-shadow:0 4px 12px #0000004d}.hamburger-box{width:20px;height:14px;position:relative}.hamburger-inner,.hamburger-inner:before,.hamburger-inner:after{width:20px;height:2px;background-color:#fff;position:absolute;transition:all .3s ease}.hamburger-inner{top:50%;transform:translateY(-50%)}.hamburger-inner:before{content:"";top:-6px}.hamburger-inner:after{content:"";top:6px}.sidebar-toggle.open .hamburger-inner{background-color:transparent}.sidebar-toggle.open .hamburger-inner:before{transform:rotate(45deg);top:0}.sidebar-toggle.open .hamburger-inner:after{transform:rotate(-45deg);top:0}.sidebar-overlay{position:fixed;inset:0;background:#0006;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:90}@media (max-width: 768px){.sidebar-toggle{display:flex}.sidebar{transform:translate(-100%);width:280px}.sidebar-active{transform:translate(0)}}:root{--header-bg: rgba(15, 23, 42, .8);--header-border: rgba(255, 255, 255, .08);--search-bg: rgba(255, 255, 255, .05);--primary-blue: #3b82f6;--text-main: #f8fafc;--text-sub: #94a3b8}.head-div{position:sticky;top:0;width:100%;z-index:80;background:var(--header-bg);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px)}.header{display:flex;justify-content:space-between;align-items:center;padding:0 1.5rem;height:70px;border-bottom:1px solid var(--header-border)}.header-left-section{display:flex;align-items:center;gap:1rem}.mobile-ham-spacer{display:none;width:45px}.header-search{position:relative;display:flex;align-items:center;background:var(--search-bg);padding:.5rem 1rem;border-radius:12px;width:260px;transition:all .3s ease;border:1px solid rgba(255,255,255,.05)}.header-search:focus-within{background:#ffffff1a;box-shadow:0 0 0 2px #3b82f64d;width:300px;border-color:var(--primary-blue)}.search-icon{color:var(--text-sub);font-size:.85rem}.header-search input{background:transparent;border:none;outline:none;padding-left:10px;width:100%;color:var(--text-main);font-size:.85rem}.header-right{display:flex;align-items:center;gap:1.25rem}.notification-bell{position:relative;cursor:pointer;color:var(--text-sub);font-size:1.1rem;padding:8px;transition:all .2s;border-radius:10px}.notification-bell:hover{background:#ffffff0d;color:var(--text-main)}.badge{position:absolute;top:6px;right:6px;background:#ef4444;color:#fff;border-radius:50%;width:15px;height:15px;display:flex;align-items:center;justify-content:center;font-size:9px;font-weight:700;border:2px solid #0f172a}.user-profile-wrapper{position:relative}.user-profile{display:flex;align-items:center;gap:10px;cursor:pointer;padding:4px 10px;border-radius:14px;transition:all .2s;background:#ffffff08;border:1px solid rgba(255,255,255,.05)}.user-profile:hover{background:#ffffff14}.avatar-container{position:relative}.header img{width:38px;height:38px;border-radius:10px;object-fit:cover;border:1px solid rgba(255,255,255,.1)}.status-indicator{position:absolute;bottom:-1px;right:-1px;width:10px;height:10px;background:#10b981;border:2px solid #0f172a;border-radius:50%}.user-details{display:flex;flex-direction:column}.user-name{font-size:.85rem;font-weight:600;color:var(--text-main);line-height:1}.user-role{font-size:.7rem;color:var(--text-sub)}.arrow-icon{font-size:.75rem;color:var(--text-sub);transition:transform .3s ease}.arrow-icon.rotate{transform:rotate(180deg)}.dropdown-menu{position:absolute;top:calc(100% + 12px);right:0;background:#1e293b;border:1px solid var(--header-border);padding:8px;border-radius:16px;z-index:100;box-shadow:0 20px 25px -5px #00000080;min-width:220px;display:flex;flex-direction:column}.dropdown-header{padding:12px 16px;font-size:.7rem;font-weight:700;color:var(--text-sub);text-transform:uppercase;letter-spacing:1px}.dropdown-menu a{text-decoration:none;color:var(--text-main);display:flex;align-items:center;gap:12px;padding:10px 16px;border-radius:10px;font-size:.85rem;transition:all .2s}.dropdown-menu a:hover{background:#ffffff0d;color:var(--primary-blue)}.dropdown-menu hr{margin:8px 0;border:0;border-top:1px solid var(--header-border)}@media (max-width: 900px){.header{padding:0 1rem}.mobile-ham-spacer{display:block}.header-search,.user-details,.arrow-icon{display:none}.user-profile{padding:0;background:transparent;border:none}}:root{--wallet-grad: linear-gradient(135deg, #1e293b 0%, #334155 100%);--accent-blue: #3b82f6;--glass-light: rgba(255, 255, 255, .1)}.wallet-card{background:var(--wallet-grad);background-image:url("data:image/svg+xml,%3Csvg width='100' height='100' viewBox='0 0 100 100' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M11 18c3.866 0 7-3.134 7-7s-3.134-7-7-7-7 3.134-7 7 3.134 7 7 7zm48 25c3.866 0 7-3.134 7-7s-3.134-7-7-7-7 3.134-7 7 3.134 7 7 7zm-43-7c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm63 31c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zM34 90c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm56-76c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zM12 86c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm28-65c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm23-11c2.76 0 5-2.24 5-5s-2.24-5-5-5-5 2.24-5 5 2.24 5 5 5zm-6 60c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm29 22c2.76 0 5-2.24 5-5s-2.24-5-5-5-5 2.24-5 5 2.24 5 5 5zM32 35c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4z' fill='%23ffffff' fill-opacity='0.03' fill-rule='evenodd'/%3E%3C/svg%3E");border-radius:24px;padding:2rem;color:#fff;box-shadow:0 20px 25px -5px #0003;margin-bottom:2rem;border:1px solid rgba(255,255,255,.05);position:relative;overflow:hidden}.wallet-main-content{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:1.5rem}.wallet-label{display:flex;align-items:center;gap:8px;font-size:.85rem;color:#94a3b8;margin-bottom:8px}.wallet-icon-mini{color:var(--accent-blue)}.wallet-balance-row{display:flex;align-items:center;gap:12px}.wallet-balance{font-size:2.2rem;font-weight:800;letter-spacing:-1px;margin:0}.balance-visibility-toggle{background:var(--glass-light);border:none;color:#fff;width:36px;height:36px;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s ease}.balance-visibility-toggle:hover{background:#fff3;transform:scale(1.1)}.wallet-badge{display:inline-flex;align-items:center;gap:6px;background:#10b98126;color:#10b981;padding:4px 12px;border-radius:20px;font-size:.75rem;font-weight:600;margin-top:15px}.dot{width:6px;height:6px;background:#10b981;border-radius:50%;animation:pulse 2s infinite}@keyframes pulse{0%{opacity:1}50%{opacity:.4}to{opacity:1}}.wallet-actions-grid{display:flex;gap:12px}.action-link{text-decoration:none}.wallet-card button{padding:12px 20px;border-radius:14px;font-weight:600;font-size:.9rem;cursor:pointer;display:flex;align-items:center;gap:10px;transition:all .3s ease}.btn-primary-white{background:#fff;color:#0f172a;border:none}.btn-primary-white:hover{background:#f1f5f9;transform:translateY(-2px);box-shadow:0 10px 15px -3px #ffffff1a}.btn-secondary-glass{background:var(--glass-light);color:#fff;border:1px solid rgba(255,255,255,.1)}.btn-secondary-glass:hover{background:#fff3;transform:translateY(-2px)}@media (max-width: 640px){.wallet-main-content{flex-direction:column;align-items:flex-start}.wallet-actions-grid{width:100%}.wallet-actions-grid button,.action-link{flex:1;justify-content:center}.wallet-balance{font-size:1.8rem}.wallet-card button{padding:8px 5px}}.quick-actions{margin-bottom:2.5rem}.quick-actions-header{margin-bottom:1.5rem}.quick-actions h2{font-size:1.25rem;font-weight:700;color:var(--text-primary);margin-bottom:4px}.quick-actions-header p{font-size:.85rem;color:var(--text-muted)}.actions-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1.25rem}@media (min-width: 640px){.actions-grid{grid-template-columns:repeat(3,1fr)}}@media (min-width: 1024px){.actions-grid{grid-template-columns:repeat(4,1fr)}}.action-card{background:var(--card-bg);border:1px solid var(--border-color);border-radius:20px;padding:1.5rem 1rem;text-align:center;text-decoration:none;color:var(--text-primary);transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;flex-direction:column;align-items:center;justify-content:center;box-shadow:0 2px 4px #00000005}.action-card:hover{border-color:var(--primary-color);box-shadow:0 12px 20px -5px #0000000d;transform:translateY(-5px)}.action-icon{width:3.5rem;height:3.5rem;border-radius:16px;display:flex;align-items:center;justify-content:center;margin-bottom:1rem;font-size:1.25rem;transition:all .3s ease}.action-card:hover .action-icon{transform:scale(1.1) rotate(-5deg)}.action-card.blue .action-icon{background:#eff6ff;color:#2563eb}.action-card.green .action-icon{background:#ecfdf5;color:#059669}.action-card.purple .action-icon{background:#faf5ff;color:#7c3aed}.action-card.yellow .action-icon{background:#fffbeb;color:#d97706}.action-card.indigo .action-icon{background:#eef2ff;color:#4f46e5}.action-card.red .action-icon{background:#fef2f2;color:#dc2626}.action-card.gray .action-icon{background:#f9fafb;color:#4b5563}.action-card.emerald .action-icon{background:#ecfdf5;color:#059669}.action-label{font-weight:600;font-size:.9rem;color:var(--text-primary);transition:color .3s ease}.action-card:hover .action-label{color:var(--primary-color)}@media (max-width: 480px){.actions-grid{gap:.75rem}.action-card{padding:1.25rem .5rem;border-radius:16px}.action-icon{width:3rem;height:3rem;font-size:1.1rem;margin-bottom:.75rem}.action-label{font-size:.8rem}}.transaction-history{background:var(--card-bg);border:1px solid var(--border-color);border-radius:24px;overflow:hidden;box-shadow:0 10px 15px -3px #0000001a}.transaction-header{display:flex;justify-content:space-between;align-items:center;padding:1.5rem 2rem;background:#ffffff05;border-bottom:1px solid var(--border-color)}.transaction-title{font-size:1.1rem;font-weight:700;color:var(--text-primary);margin:0}.transaction-subtitle{font-size:.8rem;color:var(--text-muted);margin-top:2px}.view-all-btn{display:flex;align-items:center;gap:8px;padding:.6rem 1.2rem;background:#3b82f61a;color:var(--primary-color);border:none;border-radius:12px;font-weight:600;font-size:.8rem;cursor:pointer;transition:all .3s ease}.view-all-btn:hover{background:var(--primary-color);color:#fff}.btn-arrow{font-size:.7rem}.transaction-content{padding:1.5rem 2rem}.transaction-list{display:flex;flex-direction:column;gap:.75rem}.transaction-item{display:flex;justify-content:space-between;align-items:center;padding:1rem;border-radius:16px;background:#ffffff05;border:1px solid transparent;transition:all .3s ease}.transaction-item:hover{background:#ffffff0d;border-color:#ffffff1a;transform:translate(4px)}.transaction-info{display:flex;align-items:center;gap:1rem}.transaction-icon{width:2.8rem;height:2.8rem;display:flex;align-items:center;justify-content:center;border-radius:12px;font-size:1.1rem}.transaction-icon.success{background:#10b9811a;color:var(--success)}.transaction-icon.destructive{background:#ef44441a;color:var(--destructive)}.transaction-details h4{font-weight:600;font-size:.9rem;color:var(--text-primary);margin:0}.transaction-details p{font-size:.75rem;color:var(--text-muted);margin-top:2px}.transaction-amount{text-align:right}.transaction-amount .amount{font-weight:700;font-size:.95rem;margin-bottom:4px}.transaction-amount .success{color:var(--success)}.transaction-amount .destructive{color:var(--text-primary)}.transaction-meta{display:flex;align-items:center;justify-content:flex-end;gap:.75rem}.status-badge{padding:2px 10px;border-radius:6px;font-size:.65rem;font-weight:700;text-transform:uppercase;letter-spacing:.5px}.status-badge.success{background:#10b98133;color:#10b981}.status-badge.warning{background:#f59e0b33;color:#f59e0b}.status-badge.destructive{background:#ef444433;color:#ef4444}.transaction-date{font-size:.7rem;color:var(--text-muted)}@media (max-width: 640px){.transaction-header,.transaction-content{padding:1.25rem 1rem}.transaction-item{padding:.75rem}.transaction-amount .amount{font-size:.7rem}.transaction-amount .status-badge.success,.transaction-amount .status-badge.warning,.transaction-amount .status-badge.destructive{font-size:.6rem;font-weight:500}.transaction-meta{flex-direction:column;align-items:flex-end;gap:4px}.transaction-icon{width:2.2rem;height:2.2rem;font-size:.7rem}}.airtime-form-container{max-width:1100px;margin:0 auto;background:var(--card-bg);border-radius:20px;border:1px solid var(--border-color);overflow:hidden}.airtime-form{display:flex;flex-direction:column;padding:1.5rem}.form-group{margin-bottom:1.25rem}.form-group label{display:block;margin-bottom:8px;font-weight:600;font-size:.85rem;color:var(--text-muted)}.form-control{width:100%;padding:14px 16px;background:#ffffff08;border:1px solid var(--border-color);border-radius:12px;color:var(--text-primary);font-size:.95rem;transition:all .3s ease}.form-control:focus{background:#ffffff0d;border-color:var(--primary-color);outline:none;box-shadow:0 0 0 3px #3b82f61a}select.form-control{appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%2394a3b8'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M19 9l-7 7-7-7'%3E%3C/path%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 1rem center;background-size:1em}.quick-amounts{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-bottom:1.5rem}.amount-btn{padding:10px 5px;background:#ffffff0d;border:1px solid var(--border-color);color:var(--text-primary);border-radius:10px;cursor:pointer;transition:all .2s ease;font-weight:600;font-size:.8rem}.amount-btn:hover{background:var(--primary-color);border-color:var(--primary-color);color:#fff}.wallet-balance{padding:12px;background:#10b98114;border-radius:12px;margin-bottom:1.5rem;text-align:center;border:1px solid rgba(16,185,129,.1)}.wallet-balance p{margin:0;font-size:.85rem;color:var(--text-muted)}.wallet-balance span{color:var(--success);font-weight:700;margin-left:4px}.btn-primary{background:var(--primary-color);color:#fff;padding:16px;border-radius:12px;font-weight:700;border:none;cursor:pointer;font-size:1rem;transition:all .3s ease}.btn-block{width:100%}@media (max-width: 480px){.airtime-form-container{border-radius:0;border:none;background:transparent}.airtime-form{padding:1rem 0}.quick-amounts{grid-template-columns:repeat(2,1fr)}}@media (max-width: 360px){.form-control{padding:12px;font-size:.85rem}.btn-primary{font-size:.9rem;padding:14px}}.data-form-wrapper{max-width:1100px;margin:0 auto}.data-card{background:var(--card-bg);border:1px solid var(--border-color);border-radius:24px;overflow:hidden;box-shadow:0 10px 15px -3px #0000001a}.data-card-header{padding:1.5rem 2rem;border-bottom:1px solid var(--border-color)}.header-info{display:flex;align-items:center;gap:12px}.title-icon{color:var(--primary-color);font-size:1.2rem}.card-title{font-size:1.2rem;font-weight:700;color:var(--text-primary)}.data-form-wrapper .card-content{padding:2rem;display:flex;flex-direction:column;gap:20px}.input,.select-btn{height:52px;background:#ffffff08;border:1px solid var(--border-color);border-radius:12px;padding:0 16px;font-size:.95rem;color:var(--text-primary);transition:all .3s ease}.input:focus{outline:none;border-color:var(--primary-color);background:#ffffff0d;box-shadow:0 0 0 3px #3b82f61a}.select-btn{display:flex;align-items:center;justify-content:space-between;cursor:pointer;width:100%}.select-btn:hover{border-color:var(--primary-color);background:#ffffff0d}.chevron{font-size:.8rem;color:var(--text-muted)}.plans-grid{display:grid;grid-template-columns:1fr;gap:10px}.plan-card{border:1px solid var(--border-color);background:#ffffff05;border-radius:12px;padding:16px;display:flex;justify-content:space-between;align-items:center;cursor:pointer;transition:all .2s ease}.plan-card:hover{border-color:var(--primary-color);background:#3b82f60d;transform:translate(4px)}.plan-text{font-weight:600;font-size:.9rem;color:var(--text-primary)}.plan-price{font-weight:700;color:var(--primary-color)}.btn-wrapper{padding-top:10px}.btn-primary{width:100%;height:54px;background:var(--primary-color);color:#fff;border:none;border-radius:12px;font-size:1rem;font-weight:700;cursor:pointer;transition:all .3s ease}.btn-primary:hover{filter:brightness(1.1);transform:translateY(-2px);box-shadow:0 10px 15px -3px #3b82f64d}@media (max-width: 480px){.data-card{border-radius:0;border:none;background:transparent}.data-card-header,.data-form-wrapper .card-content{padding:.5rem 0}.plan-card{padding:14px}}@media (max-width: 360px){.plan-text,.plan-price{font-size:.8rem}.btn-primary{height:48px;font-size:.9rem}}.main{flex:1;padding:24px;margin-left:16rem}.container{max-width:900px;margin:0 auto;gap:24px;display:flex;flex-direction:column}@media (max-width: 1000px){.main{margin-left:0}}.tv-sub-main{flex:1;background-color:transparent;min-height:100vh}.tv-sub-container{max-width:1100px;margin:0 auto}.tv-sub-card{background:var(--card-bg);border:1px solid var(--border-color);border-radius:24px;overflow:hidden;box-shadow:0 10px 15px -3px #0000001a}.header-icon{color:var(--primary-color);font-size:1.2rem}.card-title{font-size:1.25rem;font-weight:700;color:var(--text-primary)}.tv-sub-container .card-content{padding:2rem;display:flex;flex-direction:column;gap:1.5rem}.form-group{display:flex;flex-direction:column;gap:.75rem}.select-container{position:relative}.form-select,.form-input{width:100%;height:52px;padding:0 1rem;background:#ffffff08;border:1px solid var(--border-color);border-radius:12px;color:var(--text-primary);font-size:.95rem;appearance:none;transition:all .3s ease}.form-input::placeholder{color:var(--text-muted);font-size:.9rem}.form-input:focus,.form-select:focus{outline:none;border-color:var(--primary-color);background:#ffffff0d;box-shadow:0 0 0 3px #3b82f61a}.packages-grid{display:grid;grid-template-columns:repeat(1,1fr);gap:.75rem}.package-card{background:#ffffff05;border:1px solid var(--border-color);border-radius:16px;padding:1.25rem;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1)}.package-card:hover{border-color:var(--primary-color);background:#ffffff0d;transform:translateY(-2px)}.package-card.selected{background:#3b82f61a;border-color:var(--primary-color);box-shadow:0 4px 12px #3b82f61a}.package-content{display:flex;justify-content:space-between;align-items:center;gap:1rem}.package-name{font-weight:700;color:var(--text-primary);font-size:.95rem;margin-bottom:4px}.package-details{font-size:.8rem;color:var(--text-muted)}.price{font-weight:800;color:var(--primary-color);font-size:1rem}.subscribe-button{width:100%;height:56px;background:var(--primary-color);color:#fff;border:none;border-radius:14px;font-size:1rem;font-weight:700;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 6px -1px #3b82f633}.subscribe-button:hover{filter:brightness(1.1);transform:translateY(-2px);box-shadow:0 10px 15px -3px #3b82f64d}@media (min-width: 640px){.packages-grid{grid-template-columns:repeat(2,1fr)}}@media (min-width: 1024px){.packages-grid{grid-template-columns:repeat(3,1fr)}}@media (max-width: 480px){.tv-sub-card{border-radius:0;border:none;background:transparent}.card-header,.tv-sub-container .card-content{padding:.5rem 0}}@media (max-width: 360px){.package-content{flex-direction:column;align-items:flex-start}.package-price{margin-top:8px}.form-select,.form-input{height:48px;font-size:.85rem}}.electricity-container{max-width:1100px;margin:0 auto;display:flex;flex-direction:column;gap:1.5rem}.electricity-header-info{text-align:center;margin-bottom:.5rem}.electricity-header-info h1{font-size:1.5rem;font-weight:800;display:flex;align-items:center;justify-content:center;gap:12px;color:var(--text-primary);margin-bottom:8px}.bolt-icon{color:#fbbf24}.electricity-header-info p{color:var(--text-muted);font-size:.9rem}.electricity-card{background:var(--card-bg);border:1px solid var(--border-color);border-radius:24px;overflow:hidden;box-shadow:0 10px 15px -3px #0000001a}.header-flex{display:flex;align-items:center;gap:12px}.header-icon{color:var(--primary-color);font-size:1.1rem}.electricity-container .card-content{padding:2rem;display:flex;flex-direction:column;gap:1.25rem}.form-group label{font-size:.85rem;font-weight:600;color:var(--text-muted)}.select-wrapper{position:relative}.select-wrapper select,.meter-input,.customer-input,.amount-input{width:100%;height:52px;padding:0 1rem;background:#ffffff08;border:1px solid var(--border-color);border-radius:12px;color:var(--text-primary);font-size:.95rem;appearance:none;transition:all .3s ease}.select-arrow{position:absolute;right:1rem;top:50%;transform:translateY(-50%);color:var(--text-muted);pointer-events:none;font-size:.8rem}.input-with-action{display:flex;gap:10px}.verify-inline-btn{padding:0 20px;background:#3b82f61a;color:var(--primary-color);border:1px solid rgba(59,130,246,.2);border-radius:12px;font-weight:700;font-size:.85rem;cursor:pointer;transition:all .2s;white-space:nowrap}.verify-inline-btn:hover{background:var(--primary-color);color:#fff}.customer-input{background:#10b9810d!important;border-color:#10b98133!important;color:#10b981!important;font-weight:600}.verified-group label{color:#10b981}.amount-btn{height:44px;border-radius:10px;border:1px solid var(--border-color);background:#ffffff05;color:var(--text-primary);font-size:.85rem;font-weight:600;cursor:pointer;transition:all .2s}.amount-btn:hover{background:#ffffff0d;border-color:var(--primary-color)}.amount-btn.selected{background:var(--primary-color);color:#fff;border-color:var(--primary-color);box-shadow:0 4px 12px #3b82f633}.action-buttons{padding-top:1rem}.pay-btn{width:100%;height:56px;border-radius:14px;background:var(--primary-color);color:#fff;font-weight:700;font-size:1rem;border:none;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 6px -1px #3b82f633}.pay-btn:hover{filter:brightness(1.1);transform:translateY(-2px);box-shadow:0 10px 15px -3px #3b82f64d}@media (max-width: 480px){.electricity-card{border-radius:0;border:none;background:transparent;box-shadow:none}.card-header,.electricity-container .card-content{padding:1.25rem 0}.quick-amounts-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 360px){.input-with-action{flex-direction:column}.verify-inline-btn{height:48px}.electricity-header-info h1{font-size:1.25rem}}.flight-container{max-width:1100px;margin:0 auto;display:flex;flex-direction:column;gap:1.5rem}.flight-header{text-align:center;margin-bottom:.5rem}.flight-header h1{font-size:1.75rem;font-weight:800;display:flex;align-items:center;justify-content:center;gap:12px;color:var(--text-primary)}.header-plane-icon{color:var(--primary-color);transform:rotate(-45deg)}.flight-header p{color:var(--text-muted);font-size:.95rem}.flight-card{background:var(--card-bg);border:1px solid var(--border-color);border-radius:24px;overflow:hidden;box-shadow:0 10px 15px -3px #0000001a}.card-header{padding:1.5rem 2rem;border-bottom:1px solid var(--border-color)}.card-title{font-size:1.1rem;font-weight:700;color:var(--text-primary)}.flight-container .card-content{padding:2rem}.popular-section{padding-top:2rem!important}.trip-type-selector{display:flex;gap:8px;margin-bottom:2rem;background:#ffffff08;padding:6px;border-radius:14px;width:fit-content}.tab-btn{padding:10px 18px;border-radius:10px;border:none;background:transparent;font-size:.85rem;font-weight:600;color:var(--text-muted);cursor:pointer;transition:all .3s ease}.tab-btn.active{background:var(--primary-color);color:#fff;box-shadow:0 4px 10px #3b82f633}.form-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1.5rem}.form-group{display:flex;flex-direction:column;gap:8px}.form-group label{font-size:.85rem;font-weight:600;color:var(--text-muted);display:flex;align-items:center;gap:6px}.select-wrapper,.date-input{position:relative}.select-wrapper select,.date-input input{width:100%;height:52px;padding:0 1rem;background:#ffffff08;border:1px solid var(--border-color);border-radius:12px;color:var(--text-primary);font-size:.95rem;appearance:none;transition:all .3s ease}.select-wrapper select:focus,.date-input input:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px #3b82f61a}.select-arrow,.input-icon{position:absolute;right:1rem;top:50%;transform:translateY(-50%);color:var(--text-muted);pointer-events:none;font-size:.85rem}.search-btn-container{margin-top:2rem}.search-btn{width:100%;height:56px;background:var(--primary-color);color:#fff;font-weight:700;font-size:1rem;border:none;border-radius:16px;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:10px;transition:all .3s ease}.search-btn:hover{filter:brightness(1.1);transform:translateY(-2px);box-shadow:0 10px 20px -5px #3b82f666}.routes-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.route-card{padding:1.25rem;border-radius:16px;border:1px solid var(--border-color);background:#ffffff05;cursor:pointer;transition:all .3s ease}.route-card:hover{background:#3b82f60d;border-color:var(--primary-color);transform:translate(4px)}.route-info{display:flex;align-items:center;justify-content:space-between}.cities{display:flex;align-items:center;gap:12px}.city-name{font-weight:700;font-size:.9rem;color:var(--text-primary)}.route-icon{color:var(--text-muted);font-size:.8rem}.route-price{color:var(--primary-color);font-weight:800;font-size:.95rem}@media (max-width: 768px){.form-grid,.routes-grid{grid-template-columns:1fr}.flight-container{padding:0 1rem}}@media (max-width: 480px){.flight-card{border-radius:0;border:none;background:transparent;box-shadow:none}.card-header,.flight-container .card-content{padding:1.5rem 0}.trip-type-selector{width:100%;justify-content:space-between}.tab-btn{padding:10px 12px;flex:1;text-align:center}}@media (max-width: 360px){.flight-header h1{font-size:1.4rem}.city-name,.route-price{font-size:.8rem}}.betting-content{flex:1;background-color:transparent;min-height:100vh}.betting-container{max-width:1100px;margin:0 auto;display:flex;flex-direction:column;gap:1.5rem}.betting-header{text-align:center;margin-bottom:.5rem}.betting-title{font-size:1.75rem;font-weight:800;display:flex;align-items:center;justify-content:center;gap:12px;color:var(--text-primary)}.wallet-header-icon{color:var(--primary-color)}.betting-subtitle{color:var(--text-muted);font-size:.95rem}.betting-platforms-card,.betting-form-card{background:var(--card-bg);border:1px solid var(--border-color);border-radius:24px;overflow:hidden;box-shadow:0 10px 15px -3px #0000001a}.platforms-card-header,.form-card-header{padding:1.5rem 2rem;border-bottom:1px solid var(--border-color)}.platforms-card-title,.form-card-title{font-size:1.1rem;font-weight:700;color:var(--text-primary)}.platforms-card-content,.form-card-content{padding:2rem}.platforms-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem}.platform-item{padding:1rem;border-radius:16px;border:1px solid transparent;cursor:pointer;display:flex;justify-content:space-between;align-items:center;transition:all .3s ease}.platform-item:hover{transform:translateY(-2px)}.platform-item-selected{border-color:var(--primary-color)!important;box-shadow:0 0 0 3px #3b82f61a}.platform-item-green{background:#10b98114;border-color:#10b9811a}.platform-item-blue{background:#3b82f614;border-color:#3b82f61a}.platform-item-orange{background:#f9731614;border-color:#f973161a}.platform-item-purple{background:#8b5cf614;border-color:#8b5cf61a}.platform-item-red{background:#ef444414;border-color:#ef44441a}.platform-item-yellow{background:#f59e0b14;border-color:#f59e0b1a}.platform-info{display:flex;align-items:center;gap:12px}.platform-emoji{font-size:1.5rem}.platform-name{font-weight:700;font-size:.95rem;color:var(--text-primary)}.platform-limits{font-size:.75rem;color:var(--text-muted)}.platform-fee{font-size:.8rem;font-weight:700;color:#10b981}.platform-external-link{background:#ffffff1a;border:none;width:30px;height:30px;border-radius:8px;color:var(--text-muted);cursor:pointer}.form-field{display:flex;flex-direction:column;gap:8px;margin-bottom:1.25rem}.form-label{font-size:.85rem;font-weight:600;color:var(--text-muted)}.platform-select-box,.form-input{width:100%;height:52px;padding:0 1rem;background:#ffffff08;border:1px solid var(--border-color);border-radius:12px;color:var(--text-primary);font-size:.95rem;display:flex;align-items:center;justify-content:space-between;transition:all .3s ease}.selected-platform-text.active{color:var(--primary-color);font-weight:700}.quick-amounts-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.quick-amount-button{height:44px;border-radius:10px;border:1px solid var(--border-color);background:transparent;color:var(--text-primary);font-weight:600;font-size:.85rem;cursor:pointer;transition:all .2s}.quick-amount-button.active{background:var(--primary-color);color:#fff;border-color:var(--primary-color)}.transaction-summary{background:#ffffff05;border:1px dashed var(--border-color);padding:1.5rem;border-radius:16px;margin:1.5rem 0}.summary-header{display:flex;align-items:center;gap:8px;color:var(--primary-color);margin-bottom:1rem}.summary-title{font-size:.9rem;font-weight:700}.summary-details{display:flex;flex-direction:column;gap:8px}.summary-row{display:flex;justify-content:space-between;font-size:.85rem;color:var(--text-muted)}.total-row{margin-top:8px;padding-top:8px;border-top:1px solid var(--border-color);color:var(--text-primary);font-weight:700}.total-value{font-size:1.1rem;color:var(--primary-color)}.submit-button{width:100%;height:56px;background:var(--primary-color);color:#fff;font-weight:700;border-radius:16px;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:10px;transition:all .3s ease}.submit-button:hover{filter:brightness(1.1);transform:translateY(-2px);box-shadow:0 10px 20px -5px #3b82f64d}.platform-icon-wrapper{font-size:1.25rem;width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:#ffffff1a;border-radius:10px}@media (max-width: 768px){.platforms-grid{grid-template-columns:1fr}}@media (max-width: 480px){.betting-platforms-card,.betting-form-card{border-radius:0;border:none;box-shadow:none}.platforms-card-content,.form-card-content{padding:1.5rem 0}.quick-amounts-grid{grid-template-columns:repeat(2,1fr)}}.transactionsPage{display:flex;flex-direction:column;gap:1.5rem;padding-bottom:2rem}.transactionsHeader{display:flex;align-items:center;justify-content:space-between}.transactionsTitle{font-size:1.5rem;font-weight:700;color:var(--text-primary)}.exportButton{display:flex;align-items:center;gap:.75rem;padding:.625rem 1.25rem;border:1px solid var(--border-color);background-color:var(--card-bg);border-radius:12px;color:var(--text-primary);font-weight:600;font-size:.875rem;cursor:pointer;transition:all .2s}.exportButton:hover{background-color:var(--border-color)}.filtersCard,.transactionsCard{border-radius:20px;border:1px solid var(--border-color);background-color:var(--card-bg);box-shadow:0 4px 6px -1px #0000001a;overflow:hidden}.cardHeader{padding:1.5rem 1.5rem 1rem}.cardContent{padding:0 1.5rem 1.5rem}.filtersGrid{display:grid;grid-template-columns:1fr;gap:1rem}@media (min-width: 768px){.filtersGrid{grid-template-columns:2fr repeat(3,1fr)}}.searchContainer{position:relative}.searchIcon{position:absolute;left:1rem;top:50%;transform:translateY(-50%);color:var(--text-muted);font-size:.9rem}.searchInput,.filterSelect{width:100%;height:48px;padding:0 1rem;background-color:#ffffff08;border:1px solid var(--border-color);border-radius:12px;color:var(--text-primary);font-size:.9rem;transition:border-color .2s}.searchInput{padding-left:2.75rem}.searchInput:focus,.filterSelect:focus{outline:none;border-color:var(--primary-color)}.transactionsList{display:flex;flex-direction:column;gap:.75rem}.transactionItem{display:flex;align-items:center;justify-content:space-between;padding:1.25rem;border:1px solid var(--border-color);border-radius:16px;transition:all .3s ease}.transactionItem:hover{background-color:#ffffff05;transform:translate(4px);border-color:var(--primary-color)}.transactionInfo{display:flex;align-items:center;gap:1.25rem}.transactionIcon{width:44px;height:44px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:1.1rem}.transactionIcon.destructive{background-color:#ef44441a;color:#ef4444}.transactionIcon.success{background-color:#10b9811a;color:#10b981}.transactionDetails{display:flex;flex-direction:column;gap:4px}.transactionType{font-weight:700;color:var(--text-primary);font-size:.95rem}.transactionMeta{font-size:.85rem;color:var(--text-muted)}.transactionReference{font-size:.75rem;color:var(--text-muted);font-family:monospace;opacity:.7}.transactionAmountContainer{text-align:right;display:flex;flex-direction:column;align-items:flex-end;gap:6px}.transactionAmount{font-weight:800;font-size:1rem;color:var(--text-primary)}.transactionAmount.success{color:#10b981}.statusBadge{padding:4px 12px;border-radius:8px;font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.5px}.statusBadge.success{background:#10b98126;color:#10b981}.statusBadge.pending{background:#f59e0b26;color:#f59e0b}.statusBadge.failed{background:#ef444426;color:#ef4444}.transactionDate{font-size:.75rem;color:var(--text-muted)}@media (max-width: 640px){.transactionItem{flex-direction:column;align-items:flex-start;gap:1rem}.transactionAmountContainer{width:100%;flex-direction:row;justify-content:space-between;align-items:center;border-top:1px solid var(--border-color);padding-top:1rem}}.fundWalletPage{display:flex;flex-direction:column;gap:1.5rem;max-width:1100px;margin:0 auto}.fundWalletHeader{text-align:center;margin-bottom:.5rem}.fundWalletTitle{font-size:1.75rem;font-weight:800;display:flex;align-items:center;justify-content:center;gap:12px;color:var(--text-primary)}.headerWalletIcon{color:var(--primary-color)}.fundWalletDescription{color:var(--text-muted);font-size:.95rem}.fundWalletCard{background:var(--card-bg);border:1px solid var(--border-color);border-radius:24px;overflow:hidden;box-shadow:0 10px 15px -3px #0000001a}.cardHeader{padding:1.5rem 2rem;border-bottom:1px solid var(--border-color)}.cardTitle{font-size:1.1rem;font-weight:700;color:var(--text-primary)}.cardContent{padding:2rem}.formSection{margin-bottom:1.5rem}.formLabel{display:block;font-size:.85rem;font-weight:600;color:var(--text-muted);margin-bottom:.75rem}.quickAmountsGrid{display:grid;grid-template-columns:repeat(3,1fr);gap:.75rem}.amountButton{padding:.75rem;border-radius:12px;border:1px solid var(--border-color);background:transparent;color:var(--text-primary);font-weight:700;cursor:pointer;transition:all .2s ease}.amountButton:hover{border-color:var(--primary-color);background:rgba(var(--primary-rgb),.05)}.amountButtonSelected{background:var(--primary-color)!important;border-color:var(--primary-color)!important;color:#fff!important}.inputWithCurrency{position:relative;display:flex;align-items:center}.currencyPrefix{position:absolute;left:1rem;font-weight:700;color:var(--text-primary)}.amountInput{width:100%;height:52px;padding:0 1rem 0 2.5rem;background:#ffffff08;border:1px solid var(--border-color);border-radius:12px;color:var(--text-primary);font-size:1.1rem;font-weight:600}.paymentMethods{display:flex;flex-direction:column;gap:.75rem}.paymentMethodCard{padding:1rem;border-radius:16px;border:1px solid var(--border-color);cursor:pointer;transition:all .3s ease}.paymentMethodCardSelected{border-color:var(--primary-color);background:rgba(var(--primary-rgb),.05)}.paymentMethodContent{display:flex;align-items:center;gap:1rem}.paymentMethodIcon{width:44px;height:44px;background:var(--border-color);border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:1.25rem;color:var(--text-primary)}.paymentMethodCardSelected .paymentMethodIcon{background:var(--primary-color);color:#fff}.paymentMethodInfo{flex:1}.paymentMethodName{font-weight:700;font-size:.95rem;color:var(--text-primary)}.paymentMethodDescription{font-size:.8rem;color:var(--text-muted)}.feeText{font-size:.75rem;font-weight:700;color:#10b981}.paymentSummary{background:#ffffff05;border:1px dashed var(--border-color);padding:1.5rem;border-radius:16px;margin:2rem 0}.summaryRow{display:flex;justify-content:space-between;font-size:.9rem;color:var(--text-muted);margin-bottom:.5rem}.summaryDivider{height:1px;background:var(--border-color);margin:1rem 0}.totalRow{color:var(--text-primary);font-weight:700;margin-bottom:0}.summaryTotal{font-size:1.25rem;color:var(--primary-color)}.submitButton{width:100%;height:56px;background:var(--primary-color);color:#fff;font-weight:700;border-radius:16px;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:12px;transition:all .3s ease}.submitButton:hover{filter:brightness(1.1);transform:translateY(-2px)}@media (max-width: 480px){.quickAmountsGrid{grid-template-columns:repeat(2,1fr)}}.settingsContainer{max-width:1100px;margin:0 auto}.settingsHeader{margin-bottom:2rem}.settingsTitle{font-size:1.75rem;font-weight:800;color:var(--text-primary);margin-bottom:.5rem}.settingsSubtitle{color:var(--text-muted)}.settingsLayout{display:grid;grid-template-columns:240px 1fr;gap:2rem}.settingsSidebar{display:flex;flex-direction:column;gap:.5rem}.navItem{display:flex;align-items:center;gap:12px;padding:12px 16px;border-radius:12px;background:transparent;border:none;color:var(--text-muted);font-weight:600;cursor:pointer;transition:all .2s;text-align:left}.navItem:hover{background:#ffffff0d;color:var(--text-primary)}.navItem.active{background:var(--primary-color);color:#fff}.settingsCard{background:var(--card-bg);border:1px solid var(--border-color);border-radius:20px;padding:2rem;margin-bottom:1.5rem}.sectionTitle{font-size:1.1rem;font-weight:700;margin-bottom:1.5rem;color:var(--text-primary)}.profileUpload{display:flex;align-items:center;gap:1.5rem;margin-bottom:2rem}.avatarWrapper{position:relative;width:80px;height:80px}.avatarWrapper img{width:100%;height:100%;border-radius:50%;object-fit:cover}.uploadBtn{position:absolute;bottom:0;right:0;width:28px;height:28px;background:var(--primary-color);border:2px solid var(--card-bg);border-radius:50%;color:#fff;font-size:.8rem;cursor:pointer}.uploadText h4{font-size:1rem;margin-bottom:4px}.uploadText p{font-size:.8rem;color:var(--text-muted)}.formGrid{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem;margin-bottom:1.5rem}.formGroup{display:flex;flex-direction:column;gap:8px}.formGroup label{font-size:.85rem;font-weight:600;color:var(--text-muted)}.formGroup input{height:48px;padding:0 1rem;background:#ffffff08;border:1px solid var(--border-color);border-radius:12px;color:var(--text-primary)}.inputWithIcon{position:relative;display:flex;align-items:center}.inputWithIcon svg{position:absolute;left:1rem;color:var(--text-muted)}.inputWithIcon input{padding-left:2.75rem;width:100%}.saveBtn{background:var(--primary-color);color:#fff;padding:12px 24px;border-radius:12px;border:none;font-weight:700;cursor:pointer}.toggleOption{display:flex;justify-content:space-between;align-items:center;padding:1rem 0}.optionLabel{font-weight:600;color:var(--text-primary)}.optionDesc{font-size:.85rem;color:var(--text-muted)}.switch{position:relative;display:inline-block;width:44px;height:24px}.switch input{opacity:0;width:0;height:0}.slider{position:absolute;cursor:pointer;inset:0;background-color:#ccc;transition:.4s;border-radius:34px}.slider:before{position:absolute;content:"";height:18px;width:18px;left:3px;bottom:3px;background-color:#fff;transition:.4s;border-radius:50%}input:checked+.slider{background-color:var(--primary-color)}input:checked+.slider:before{transform:translate(20px)}.dangerZone{border-color:#ef444433;background:#ef444405}.destructive{color:#ef4444}.deleteBtn{margin-top:1.5rem;background:transparent;color:#ef4444;border:1px solid rgba(239,68,68,.3);padding:10px 20px;border-radius:10px;font-weight:600;cursor:pointer;display:flex;align-items:center;gap:8px}.deleteBtn:hover{background:#ef4444;color:#fff}.divider{height:1px;background:var(--border-color);margin:2rem 0}@media (max-width: 768px){.settingsLayout,.formGrid{grid-template-columns:1fr}}.helpContainer{max-width:100%;margin:0 auto;padding-bottom:3rem}.helpHero{text-align:center;padding:3rem 1rem;background:linear-gradient(135deg,var(--primary-color),#4f46e5);border-radius:30px;margin-bottom:2.5rem;color:#fff}.helpTitle{font-size:2rem;font-weight:800;margin-bottom:1.5rem}.helpSearchWrapper{position:relative;max-width:600px;margin:0 auto}.helpSearchWrapper .searchIcon{position:absolute;left:1.25rem;top:50%;transform:translateY(-50%);color:#94a3b8}.helpSearchWrapper input{width:100%;height:56px;padding:0 1rem 0 3.25rem;border-radius:16px;border:none;background:#fff;color:#1e293b;font-size:1rem;box-shadow:0 10px 15px -3px #0000001a}.categoryGrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1.5rem;margin-bottom:3rem}.categoryCard{background:var(--card-bg);border:1px solid var(--border-color);padding:1.5rem;border-radius:20px;transition:all .3s ease;cursor:pointer}.categoryCard:hover{transform:translateY(-5px);border-color:var(--primary-color)}.catIcon{width:50px;height:50px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:1.5rem;margin-bottom:1rem}.cat-blue .catIcon{background:#3b82f61a;color:#3b82f6}.cat-green .catIcon{background:#10b9811a;color:#10b981}.cat-purple .catIcon{background:#8b5cf61a;color:#8b5cf6}.cat-orange .catIcon{background:#f59e0b1a;color:#f59e0b}.categoryCard h3{font-size:1.1rem;margin-bottom:.5rem;color:var(--text-primary)}.categoryCard p{font-size:.85rem;color:var(--text-muted);line-height:1.5}.helpMainContent{display:grid;grid-template-columns:1fr 320px;gap:2rem}.sectionHeader{display:flex;align-items:center;gap:12px;margin-bottom:1.5rem;color:var(--text-primary)}.sectionHeader h2{font-size:1.25rem}.faqList{display:flex;flex-direction:column;gap:1rem}.faqItem{background:var(--card-bg);border:1px solid var(--border-color);border-radius:16px;overflow:hidden;cursor:pointer}.faqQuestion{padding:1.25rem;display:flex;justify-content:space-between;align-items:center;font-weight:600;color:var(--text-primary)}.faqItem.active .arrow{transform:rotate(180deg)}.arrow{transition:transform .3s ease;color:var(--text-muted)}.faqAnswer{padding:1rem 1.25rem 1.25rem;color:var(--text-muted);font-size:.9rem;line-height:1.6;border-top:1px solid var(--border-color)}.supportCard{background:var(--card-bg);border:1px solid var(--border-color);border-radius:24px;padding:2rem;text-align:center;position:sticky;top:20px}.supportIcon{width:60px;height:60px;background:var(--primary-color);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.75rem;margin:0 auto 1rem}.supportCard h3{font-size:1.2rem;margin-bottom:.5rem}.supportCard p{font-size:.85rem;color:var(--text-muted);margin-bottom:1.5rem}.contactList{text-align:left;margin-bottom:1.5rem}.contactItem{display:flex;align-items:center;gap:12px;padding:.75rem 0}.contactItem svg{color:var(--primary-color)}.contactInfo span{display:block;font-weight:700;font-size:.9rem;color:var(--text-primary)}.contactInfo p{font-size:.75rem;margin:0}.contactBtn{width:100%;padding:12px;background:var(--primary-color);color:#fff;border:none;border-radius:12px;font-weight:700;cursor:pointer;transition:filter .2s}.contactBtn:hover{filter:brightness(1.1)}@media (max-width: 900px){.helpMainContent{grid-template-columns:1fr}.supportSidebar{order:-1}}.backNavigation{margin-bottom:1.5rem;display:flex;justify-content:flex-start}.backToDashboardBtn{display:flex;align-items:center;gap:10px;background:transparent;border:1px solid var(--border-color);color:var(--text-primary);padding:8px 16px;border-radius:12px;font-weight:600;font-size:.9rem;cursor:pointer;transition:all .2s ease}.backToDashboardBtn:hover{background:var(--card-bg);border-color:var(--primary-color);transform:translate(-4px);color:var(--primary-color)}.backToDashboardBtn svg{font-size:.8rem}:root{--primary-color: #3b82f6;--primary-foreground: #ffffff;--background: #0b0f1a;--main-content-bg: #0f172a;--card-bg: #1e293b;--border-color: rgba(255, 255, 255, .05);--text-primary: #f8fafc;--text-muted: #94a3b8;--sidebar-width: 260px;--shadow-premium: 0 20px 25px -5px rgba(0, 0, 0, .3)}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Inter,sans-serif;background-color:var(--background);color:var(--text-primary);overflow-x:hidden}body::-webkit-scrollbar{display:none}.main-content{flex:1;margin-left:var(--sidebar-width);background-color:var(--background);min-height:100vh;transition:all .3s ease}.dashboard-main{padding:2rem;max-width:1400px;margin:0 auto}.card,.action-card{background:var(--card-bg)!important;border:1px solid var(--border-color)!important;color:var(--text-primary)!important}@media (max-width: 900px){.main-content{margin-left:0}.dashboard-layout{margin:0}.dashboard-main{padding:1rem .5rem;margin:0}}