:root{--aff-primary:#14231b;--aff-primary-light:#1e3328;--aff-accent:#ffd700;--aff-accent-hover:#e6c300;--aff-bg:#f9f8f4;--aff-card-bg:#ffffff;--aff-card-border:rgba(20, 35, 27, 0.08);--aff-text:#111111;--aff-text-muted:#5b615e;--aff-text-light:#f5f4f0;--aff-glass-bg:rgba(249, 248, 244, 0.75);--aff-glass-border:rgba(20, 35, 27, 0.08);--status-pending-bg:#fdf5e6;--status-pending-text:#b25e00;--status-approved-bg:#e8f5e9;--status-approved-text:#2e7d32;--status-paid-bg:#e3f2fd;--status-paid-text:#1565c0;--status-rejected-bg:#ffebee;--status-rejected-text:#c62828}[data-theme=dark]{--aff-primary:#f5f4f0;--aff-primary-light:#e8e6e1;--aff-bg:#09120c;--aff-card-bg:#14231b;--aff-card-border:rgba(255, 255, 255, 0.1);--aff-text:#eae7db;--aff-text-muted:#aebdb4;--aff-glass-bg:rgba(20, 35, 27, 0.85);--aff-glass-border:rgba(255, 255, 255, 0.1);--status-pending-bg:rgba(253, 245, 230, 0.08);--status-pending-text:#ffd700;--status-approved-bg:rgba(232, 245, 233, 0.08);--status-approved-text:#81c784;--status-paid-bg:rgba(227, 242, 253, 0.08);--status-paid-text:#64b5f6;--status-rejected-bg:rgba(255, 235, 238, 0.08);--status-rejected-text:#e57373}.aff-landing-wrapper{background-color:var(--aff-bg);color:var(--aff-text);font-family:Benaiah,sans-serif;line-height:1.6}.aff-hero{position:relative;padding:8rem 2rem;text-align:center;background-color:var(--aff-primary);color:var(--aff-text-light);overflow:hidden;margin-bottom:4rem}.aff-hero::before{content:'';position:absolute;inset:0;background-image:url('https://images.unsplash.com/photo-1542601906990-b4d3fb778b09?q=80&w=2000&auto=format&fit=crop');background-size:cover;background-position:center;opacity:.08;mix-blend-mode:overlay}.aff-hero-content{position:relative;z-index:2;max-width:800px;margin:0 auto}.aff-hero h1{font-size:3rem;line-height:1.25;margin-bottom:1.5rem;font-family:Benaiah,sans-serif}.aff-hero p{font-size:1.2rem;color:#cedad3;margin-bottom:2.5rem;max-width:600px;margin-left:auto;margin-right:auto}.aff-benefits-section{max-width:1200px;margin:4rem auto;padding:0 2rem}.aff-section-header{text-align:center;margin-bottom:4rem}.aff-section-header h2{font-size:2.2rem;color:var(--aff-primary);margin-bottom:1rem}.aff-section-header p{color:var(--aff-text-muted);font-size:1.1rem}.aff-benefits-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:2.5rem}.aff-benefit-card{background:var(--aff-card-bg);border:1px solid var(--aff-card-border);border-radius:20px;padding:2.5rem;transition:all .3s cubic-bezier(.165, .84, .44, 1);box-shadow:0 4px 20px rgba(0,0,0,.01)}.aff-benefit-card:hover{transform:translateY(-5px);box-shadow:0 10px 30px rgba(20,35,27,.05);border-color:rgba(20,35,27,.15)}.aff-benefit-icon{font-size:2.2rem;margin-bottom:1.5rem;display:block}.aff-benefit-card h3{font-size:1.3rem;margin-bottom:1rem;color:var(--aff-primary)}.aff-benefit-card p{color:var(--aff-text-muted);font-size:.95rem;line-height:1.5}.aff-how-works{background-color:var(--aff-primary-light);color:var(--aff-text-light);padding:6rem 2rem;margin:6rem 0}.aff-how-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:3rem;max-width:1200px;margin:0 auto}.aff-how-step{text-align:center;position:relative}.aff-step-num{font-size:3rem;font-weight:800;color:rgba(255,215,0,.15);margin-bottom:1rem}.aff-how-step h3{font-size:1.3rem;margin-bottom:1rem}.aff-how-step p{color:#cedad3;font-size:.95rem}.aff-faqs{max-width:800px;margin:6rem auto;padding:0 2rem}.faq-item{border-bottom:1px solid var(--aff-card-border);padding:1.5rem 0;cursor:pointer}.faq-question{font-weight:600;font-size:1.1rem;display:flex;justify-content:space-between;align-items:center;color:var(--aff-primary)}.faq-answer{margin-top:1rem;color:var(--aff-text-muted);font-size:.95rem;display:none;line-height:1.6}.faq-item.active .faq-answer{display:block}.faq-item.active .faq-toggle{transform:rotate(45deg)}.faq-toggle{transition:transform .2s ease;font-size:1.2rem}.aff-dashboard-container{display:grid;grid-template-columns:260px 1fr;min-height:100vh;background-color:var(--aff-bg)}.aff-sidebar{background-color:var(--aff-sidebar-bg,#14231b);color:var(--aff-sidebar-text,rgba(255,255,255,.7));padding:2rem 1.5rem;display:flex;flex-direction:column;gap:2.5rem;border-right:1px solid rgba(255,255,255,.05)}.aff-sidebar-brand{font-size:1.5rem;font-weight:700;color:var(--aff-text-light);text-decoration:none;display:flex;align-items:center;gap:10px}.aff-sidebar-menu{list-style:none;display:flex;flex-direction:column;gap:.5rem}.aff-menu-item{display:flex;align-items:center;gap:12px;padding:.9rem 1.2rem;color:rgba(255,255,255,.7);text-decoration:none;border-radius:12px;font-size:.95rem;cursor:pointer;transition:all .2s ease}.aff-menu-item:hover{color:#fff;background:rgba(255,255,255,.05)}.aff-menu-item.active{color:var(--aff-primary);background:var(--aff-accent);font-weight:600;position:relative}.aff-menu-item.active::after{content:'';position:absolute;right:-1.2rem;top:50%;transform:translateY(-50%);width:4px;height:60%;background:var(--aff-accent);border-radius:4px}.aff-sidebar-user{margin-top:auto;padding-top:1.5rem;border-top:1px solid rgba(255,255,255,.1);display:flex;align-items:center;gap:12px}.aff-user-avatar{width:40px;height:40px;border-radius:50%;background-color:var(--aff-accent);color:var(--aff-primary);display:flex;align-items:center;justify-content:center;font-weight:700;font-size:1.1rem}.aff-user-info h4{font-size:.9rem;margin:0}.aff-user-info span{font-size:.75rem;color:rgba(255,255,255,.5);display:block}.aff-content{padding:3rem 4rem;overflow-y:auto;max-height:100vh}.aff-header-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:2.5rem}.aff-header-row h1{font-size:2.2rem;color:var(--aff-primary)}.aff-tab-pane{display:none}.aff-tab-pane.active{display:block;animation:affFadeIn .3s ease-out}@keyframes affFadeIn{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.aff-stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:2rem;margin-bottom:3rem}.aff-stat-card{background:var(--aff-card-bg);border:1px solid var(--aff-card-border);border-radius:16px;padding:1.8rem;box-shadow:0 4px 20px rgba(0,0,0,.01);display:flex;flex-direction:column;gap:.5rem;position:relative;overflow:hidden;transition:transform .2s ease,box-shadow .2s ease}.aff-stat-card:hover{transform:translateY(-3px);box-shadow:0 8px 28px rgba(0,0,0,.04)}.aff-stat-card::before{content:'';position:absolute;top:0;left:0;width:4px;height:100%;background-color:var(--aff-primary)}.aff-stat-card.accent-card::before{background-color:var(--aff-accent)}.aff-stat-card h3{font-size:.8rem;text-transform:uppercase;letter-spacing:.08em;color:var(--aff-text-muted)}.aff-stat-value{font-size:1.8rem;font-weight:700;color:var(--aff-primary);font-family:Outfit,sans-serif}.aff-card{background:var(--aff-card-bg);border:1px solid var(--aff-card-border);border-radius:20px;padding:2rem;box-shadow:0 4px 20px rgba(0,0,0,.01);margin-bottom:2rem}.aff-card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;border-bottom:1px solid var(--aff-card-border);padding-bottom:1rem}.aff-card-header h2{font-size:1.3rem;color:var(--aff-primary)}.aff-chart-wrapper{height:300px;position:relative;margin:1rem 0}.aff-link-copy-box{display:flex;gap:.5rem;background:var(--aff-bg);border:1px solid var(--aff-card-border);border-radius:12px;padding:.5rem;align-items:center;max-width:600px}.aff-link-copy-box input{background:0 0;border:none;flex:1;padding:.8rem;font-size:.95rem;color:var(--aff-text);outline:0}.aff-btn-copy{background-color:var(--aff-primary);color:#fff;border:none;border-radius:8px;padding:.8rem 1.5rem;font-weight:600;cursor:pointer;transition:background .2s}.aff-btn-copy:hover{background-color:var(--aff-primary-light)}.aff-table-container{overflow-x:auto;border-radius:12px;border:1px solid var(--aff-card-border)}.aff-table{width:100%;border-collapse:collapse;text-align:left}.aff-table th{background-color:var(--aff-bg);padding:1rem 1.5rem;font-size:.8rem;text-transform:uppercase;letter-spacing:.08em;color:var(--aff-text-muted);font-weight:600;border-bottom:1px solid var(--aff-card-border)}.aff-table td{padding:1.2rem 1.5rem;border-bottom:1px solid var(--aff-card-border);font-size:.9rem;color:var(--aff-text)}.aff-table tr:last-child td{border-bottom:none}.aff-table tbody tr{transition:background-color .15s ease}.aff-table tbody tr:hover{background-color:var(--aff-bg)}.aff-badge{display:inline-block;padding:.4rem .8rem;border-radius:20px;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.04em}.aff-badge.pending{background-color:var(--status-pending-bg);color:var(--status-pending-text)}.aff-badge.approved{background-color:var(--status-approved-bg);color:var(--status-approved-text)}.aff-badge.paid{background-color:var(--status-paid-bg);color:var(--status-paid-text)}.aff-badge.cancelled,.aff-badge.rejected{background-color:var(--status-rejected-bg);color:var(--status-rejected-text)}.aff-form{display:flex;flex-direction:column;gap:1.5rem;max-width:600px}.aff-form-group{display:flex;flex-direction:column;gap:.5rem}.aff-form-group label{font-size:.8rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--aff-text-muted)}.aff-input,.aff-select,.aff-textarea{padding:1rem;background-color:var(--aff-bg);border:1px solid var(--aff-card-border);border-radius:8px;font-family:inherit;font-size:.95rem;outline:0;transition:all .2s}.aff-input:focus,.aff-select:focus,.aff-textarea:focus{border-color:var(--aff-primary);background-color:var(--aff-card-bg);box-shadow:0 0 0 4px rgba(20,35,27,.05)}.aff-btn{background-color:var(--aff-primary);color:#fff;border:none;padding:1rem 2rem;font-weight:600;border-radius:8px;cursor:pointer;font-size:1rem;transition:all .2s}.aff-btn:hover{background-color:var(--aff-primary-light)}.aff-btn:active{transform:scale(.97)}.campaign-card{background:var(--aff-bg);border:1px solid var(--aff-card-border);border-radius:16px;padding:2rem;margin-bottom:1.5rem}.campaign-card-header{display:flex;justify-content:space-between;margin-bottom:1rem}.campaign-card-header h3{font-size:1.2rem;color:var(--aff-primary)}.campaign-reward{font-size:1.2rem;font-weight:700;color:var(--aff-primary)}.campaign-desc{color:var(--aff-text-muted);font-size:.9rem;margin-bottom:1.5rem}.campaign-progress-bar{height:8px;background-color:rgba(20,35,27,.1);border-radius:4px;overflow:hidden;margin-bottom:.5rem}.campaign-progress-fill{height:100%;background-color:var(--aff-primary);border-radius:4px;transition:width .5s ease}.campaign-progress-text{display:flex;justify-content:space-between;font-size:.8rem;color:var(--aff-text-muted)}.achievements-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:2rem}.achievement-badge-card{background:var(--aff-bg);border:1px solid var(--aff-card-border);border-radius:16px;padding:2rem 1.5rem;text-align:center;opacity:.5;transition:all .3s}.achievement-badge-card.unlocked{opacity:1;background:var(--aff-card-bg);border-color:rgba(212,175,55,.4);box-shadow:0 8px 25px rgba(212,175,55,.1)}.achievement-icon{font-size:3rem;margin-bottom:1rem;display:block}.achievement-badge-card h3{font-size:1.1rem;margin-bottom:.5rem}.achievement-badge-card p{font-size:.8rem;color:var(--aff-text-muted)}.success-wall-hero{background:linear-gradient(135deg,var(--aff-primary),var(--aff-primary-light));color:#fff;padding:6rem 2rem;text-align:center}.success-wall-grid{display:grid;grid-template-columns:1fr 2fr;gap:3rem;max-width:1200px;margin:4rem auto;padding:0 2rem}.wall-card{background:var(--aff-card-bg);border:1px solid var(--aff-card-border);border-radius:20px;padding:2.5rem;box-shadow:0 4px 20px rgba(0,0,0,.01)}.announcement-item{border-left:3px solid var(--aff-primary);padding-left:1.5rem;margin-bottom:2rem}.announcement-item.high{border-left-color:var(--aff-accent)}.announcement-meta{font-size:.75rem;color:var(--aff-text-muted);text-transform:uppercase;letter-spacing:.05em;margin-bottom:.5rem}.announcement-item h3{font-size:1.2rem;margin-bottom:.5rem;color:var(--aff-primary)}.announcement-item p{font-size:.95rem;color:var(--aff-text-muted)}.marketing-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:2rem}.marketing-card{background:var(--aff-card-bg);border:1px solid var(--aff-card-border);border-radius:16px;overflow:hidden;box-shadow:0 4px 20px rgba(0,0,0,.01);display:flex;flex-direction:column}.marketing-preview{height:160px;background-color:var(--aff-primary);display:flex;align-items:center;justify-content:center;color:#fff;font-size:2.5rem}.marketing-card-info{padding:1.5rem;flex:1;display:flex;flex-direction:column;gap:.5rem}.marketing-card-info h3{font-size:1.1rem;color:var(--aff-primary)}.marketing-card-info p{font-size:.8rem;color:var(--aff-text-muted);flex:1}.marketing-btn-download{background:var(--aff-bg);color:var(--aff-primary);text-decoration:none;text-align:center;padding:.8rem;border-radius:8px;font-weight:600;font-size:.85rem;border:1px solid var(--aff-card-border);transition:all .2s}.marketing-btn-download:hover{background:var(--aff-primary);color:#fff;border-color:var(--aff-primary)}.qr-container{display:flex;flex-direction:column;align-items:center;gap:1rem;padding:2rem}@media (max-width:1024px){.aff-dashboard-container{grid-template-columns:1fr}.aff-sidebar{border-right:none;border-bottom:1px solid rgba(255,255,255,.05)}.aff-content{padding:2rem}}@media (max-width:768px){.aff-hero h1{font-size:2.2rem}.aff-stats-grid{grid-template-columns:1fr}.aff-table-container{border:none}.aff-header-row{flex-direction:column;align-items:flex-start;gap:1rem}}@keyframes shimmer{0%{background-position:-200% 0}100%{background-position:200% 0}}.shimmer-bg{background:linear-gradient(90deg,rgba(20,35,27,.03) 25%,rgba(20,35,27,.08) 37%,rgba(20,35,27,.03) 63%);background-size:200% 100%;animation:shimmer 1.4s ease infinite}.skeleton-text{height:12px;margin-bottom:8px;border-radius:4px;width:85%;display:inline-block}.skeleton-text.short{width:40%}.skeleton-title{height:20px;margin-bottom:12px;border-radius:6px;width:60%}.skeleton-circle{width:44px;height:44px;border-radius:50%}.skeleton-card{border-radius:16px;height:160px;width:100%}.skeleton-chart{border-radius:20px;height:280px;width:100%}#toast-container{position:fixed;bottom:24px;right:24px;z-index:10000;display:flex;flex-direction:column;gap:10px;max-width:380px;width:100%;pointer-events:none}.toast{pointer-events:auto;background:rgba(20,35,27,.95);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);color:#f5f4f0;padding:1rem 1.25rem;border-radius:14px;border:1px solid rgba(255,255,255,.08);box-shadow:0 10px 30px rgba(0,0,0,.25),inset 0 1px 0 rgba(255,255,255,.05);display:flex;align-items:center;gap:12px;transform:translateY(30px);opacity:0;transition:all .4s cubic-bezier(.165, .84, .44, 1)}.toast.show{transform:translateY(0);opacity:1}.toast-icon{font-size:1.15rem;flex-shrink:0}.toast-success .toast-icon{color:gold}.toast-error .toast-icon{color:#ff6b6b}.toast-info .toast-icon{color:#64b5f6}.toast-body{font-size:.88rem;font-family:Outfit,sans-serif;line-height:1.4;flex-grow:1}.toast-close{background:0 0;border:none;color:rgba(255,255,255,.4);cursor:pointer;font-size:1rem;padding:2px;transition:color .2s}.toast-close:hover{color:#fff}.custom-modal-backdrop{position:fixed;inset:0;z-index:9999;background:rgba(13,26,19,.5);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);display:flex;align-items:center;justify-content:center;opacity:0;pointer-events:none;transition:opacity .3s ease;padding:1.5rem}.custom-modal-backdrop.show{opacity:1;pointer-events:auto}.custom-modal{background:var(--aff-card-bg);border:1px solid var(--aff-card-border);border-radius:24px;max-width:480px;width:100%;box-shadow:0 20px 50px rgba(13,26,19,.15);transform:scale(.92) translateY(20px);transition:transform .3s cubic-bezier(.165, .84, .44, 1);overflow:hidden}.custom-modal-backdrop.show .custom-modal{transform:scale(1) translateY(0)}.custom-modal-header{padding:1.8rem 2rem 1rem;display:flex;align-items:center;gap:14px}.custom-modal-header i{font-size:1.5rem;color:var(--aff-accent)}.custom-modal-header.danger i{color:var(--status-rejected-text)}.custom-modal-header h3{font-size:1.25rem;margin:0;color:var(--aff-primary)}.custom-modal-body{padding:0 2rem 1.8rem;font-size:.95rem;color:var(--aff-text-muted);line-height:1.6}.custom-modal-footer{background-color:var(--aff-bg);padding:1.2rem 2rem;display:flex;justify-content:flex-end;gap:12px;border-top:1px solid var(--aff-card-border)}.custom-modal-btn{padding:.75rem 1.5rem;border-radius:10px;font-size:.9rem;font-weight:600;cursor:pointer;border:1px solid transparent;transition:all .2s}.custom-modal-btn.cancel{background:0 0;border-color:var(--aff-card-border);color:var(--aff-text-muted)}.custom-modal-btn.cancel:hover{background:rgba(20,35,27,.03);color:var(--aff-primary)}.custom-modal-btn.confirm{background:var(--aff-primary);color:#fff}.custom-modal-btn.confirm:hover{background:var(--aff-primary-light)}.custom-modal-btn.danger{background:var(--status-rejected-text);color:#fff}.custom-modal-btn.danger:hover{background:#b71c1c}.notif-bell-container{position:relative;cursor:pointer}.notif-badge{position:absolute;top:-5px;right:-4px;background-color:var(--status-rejected-text);color:#fff;font-size:.65rem;font-weight:800;width:17px;height:17px;border-radius:50%;display:flex;align-items:center;justify-content:center;border:2px solid var(--aff-bg);animation:pulseBadge 2s infinite}@keyframes pulseBadge{0%{transform:scale(1);box-shadow:0 0 0 0 rgba(198,40,40,.6)}70%{transform:scale(1.1);box-shadow:0 0 0 5px rgba(198,40,40,0)}100%{transform:scale(1);box-shadow:0 0 0 0 rgba(198,40,40,0)}}.notif-dropdown{position:absolute;top:50px;right:0;width:360px;background:var(--aff-card-bg);border:1px solid var(--aff-card-border);border-radius:20px;box-shadow:0 15px 40px rgba(13,26,19,.1);z-index:1000;display:none;overflow:hidden;animation:dropDownShow .3s cubic-bezier(.165,.84,.44,1)}@keyframes dropDownShow{from{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.notif-dropdown.show{display:block}.notif-dropdown-header{padding:1.2rem 1.5rem;border-bottom:1px solid var(--aff-card-border);display:flex;justify-content:space-between;align-items:center}.notif-dropdown-header h3{margin:0;font-size:1rem;color:var(--aff-primary)}.notif-mark-read{font-size:.8rem;color:var(--aff-primary);background:0 0;border:none;cursor:pointer;font-weight:600}.notif-mark-read:hover{text-decoration:underline}.notif-list{max-height:280px;overflow-y:auto}.notif-item{padding:1.1rem 1.5rem;border-bottom:1px solid var(--aff-card-border);display:flex;gap:12px;transition:background-color .2s;cursor:pointer}.notif-item:last-child{border-bottom:none}.notif-item:hover{background-color:var(--aff-bg)}.notif-item.unread{background-color:rgba(255,215,0,.04);border-left:3px solid var(--aff-accent)}.notif-icon-circle{width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0;font-size:.95rem}.notif-icon-circle.campaign{background-color:#fdf5e6;color:#b25e00}.notif-icon-circle.payout{background-color:#e3f2fd;color:#1565c0}.notif-icon-circle.commission{background-color:#e8f5e9;color:#2e7d32}.notif-icon-circle.announcement{background-color:#f3e5f5;color:#7b1fa2}.notif-item-body{display:flex;flex-direction:column;gap:4px}.notif-item-title{font-size:.88rem;font-weight:600;color:var(--aff-primary)}.notif-item-text{font-size:.8rem;color:var(--aff-text-muted);line-height:1.4}.notif-item-time{font-size:.72rem;color:rgba(20,35,27,.4);margin-top:2px}.empty-state-container{text-align:center;padding:4rem 2rem;display:flex;flex-direction:column;align-items:center;justify-content:center}.empty-state-svg{max-width:140px;margin-bottom:1.5rem;opacity:.8}.empty-state-container h3{font-size:1.25rem;color:var(--aff-primary);margin-bottom:.5rem}.empty-state-container p{color:var(--aff-text-muted);font-size:.92rem;max-width:360px;margin-bottom:1.5rem;line-height:1.5}.settings-grid{display:grid;grid-template-columns:2fr 1fr;gap:3rem;align-items:start}@media (max-width:992px){.settings-grid{grid-template-columns:1fr;gap:2rem}}.settings-card{background:var(--aff-card-bg);border:1px solid var(--aff-card-border);border-radius:20px;padding:2rem}.settings-avatar-section{display:flex;flex-direction:column;align-items:center;text-align:center;gap:1.2rem;padding:2rem 1.5rem;background:linear-gradient(to bottom,#14231b 0,#1e3328 100%);color:#fff;border-radius:20px;box-shadow:0 4px 20px rgba(0,0,0,.02)}.profile-avatar-large{width:90px;height:90px;border-radius:50%;background-color:var(--aff-accent);color:var(--aff-primary);display:flex;align-items:center;justify-content:center;font-size:2.2rem;font-weight:700;box-shadow:0 0 0 6px rgba(255,215,0,.15);position:relative;cursor:pointer;overflow:hidden}.profile-avatar-large:hover::after{content:'EDIT';position:absolute;inset:0;background:rgba(20,35,27,.75);color:#fff;font-size:.75rem;font-weight:700;display:flex;align-items:center;justify-content:center;letter-spacing:.1em}.profile-tier-badge{padding:.35rem .8rem;border-radius:20px;font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;box-shadow:0 2px 10px rgba(0,0,0,.1)}.profile-tier-badge.gold{background-color:gold;color:#14231b}.profile-tier-badge.silver{background-color:#e0e0e0;color:#333}.profile-tier-badge.standard{background-color:#cd7f32;color:#fff}.profile-id-box{background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.12);padding:.5rem 1rem;border-radius:10px;font-family:monospace;font-size:.85rem;color:gold}.profile-metric-row{display:flex;justify-content:space-between;width:100%;border-top:1px solid rgba(255,255,255,.1);padding-top:1rem;margin-top:.5rem}.profile-metric-item{text-align:center;flex:1}.profile-metric-item:first-child{border-right:1px solid rgba(255,255,255,.1)}.profile-metric-val{font-size:1.3rem;font-weight:700;font-family:Outfit,sans-serif;color:#fff}.profile-metric-lbl{font-size:.72rem;color:rgba(255,255,255,.5);text-transform:uppercase;margin-top:2px}.milestone-tracker-card{margin-bottom:2.5rem}.milestone-progress-container{margin:1.5rem 0 .5rem}.milestone-progress-bar-wrapper{height:10px;background-color:#eae7db;border-radius:5px;overflow:hidden;position:relative}.milestone-progress-bar-fill{height:100%;background:linear-gradient(90deg,#14231b 0,gold 100%);border-radius:5px;width:0%;transition:width 1s ease-out}.milestone-labels{display:flex;justify-content:space-between;font-size:.8rem;color:var(--aff-text-muted);font-weight:600;margin-top:6px}.form-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1.2rem}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid var(--aff-accent)!important;outline-offset:2px}.offline-banner{position:fixed;top:0;left:0;right:0;z-index:11000;background-color:var(--status-rejected-text);color:#fff;text-align:center;padding:.75rem 1rem;font-family:Outfit,sans-serif;font-size:.88rem;font-weight:600;display:flex;align-items:center;justify-content:center;gap:10px;transform:translateY(-100%);transition:transform .3s ease}.offline-banner.active{transform:translateY(0)}.aff-topbar{display:flex;justify-content:space-between;align-items:center;padding-bottom:1.5rem;margin-bottom:2.5rem;border-bottom:1px solid var(--aff-card-border)}.aff-breadcrumbs{font-size:.9rem;color:var(--aff-text-muted);font-family:Outfit,sans-serif}.aff-topbar-actions{position:relative;display:flex;align-items:center;gap:1.5rem}.hamburger-btn{display:none;background:0 0;border:1px solid var(--aff-card-border);border-radius:10px;padding:.6rem .75rem;cursor:pointer;color:var(--aff-primary);font-size:1.1rem;transition:all .2s}.hamburger-btn:hover{background:var(--aff-bg)}.command-palette-hint{display:flex;align-items:center;gap:8px;background:var(--aff-bg);border:1px solid var(--aff-card-border);border-radius:10px;padding:.5rem .9rem;color:var(--aff-text-muted);font-size:.82rem;font-family:Outfit,sans-serif;cursor:pointer;transition:all .2s}.command-palette-hint:hover{border-color:var(--aff-primary);color:var(--aff-primary)}.command-palette-hint kbd{background:var(--aff-card-bg);border:1px solid var(--aff-card-border);padding:.15rem .45rem;border-radius:5px;font-size:.72rem;font-weight:600;font-family:sans-serif}.theme-toggle-btn{background:0 0;border:1px solid var(--aff-card-border);border-radius:10px;padding:.55rem .7rem;cursor:pointer;color:var(--aff-primary);font-size:1rem;transition:all .2s}.theme-toggle-btn:hover{background:var(--aff-bg)}@media (max-width:1024px){.hamburger-btn{display:flex}.aff-sidebar{position:fixed;top:0;left:0;bottom:0;width:280px;z-index:9998;transform:translateX(-100%);transition:transform .3s cubic-bezier(.165, .84, .44, 1);border-right:none;box-shadow:4px 0 20px rgba(0,0,0,.15)}.aff-sidebar.mobile-open{transform:translateX(0)}.command-palette-hint kbd,.command-palette-hint span{display:none}.command-palette-hint{padding:.55rem .7rem}}.onboarding-spotlight-mask{position:fixed;inset:0;z-index:10001;background:rgba(13,26,19,.4);mix-blend-mode:multiply;pointer-events:none;opacity:0;transition:opacity .3s ease}.onboarding-spotlight-mask.active{opacity:1;pointer-events:auto}.onboarding-tooltip{position:fixed;z-index:10002;background:var(--aff-primary);color:var(--aff-text-light);padding:1.2rem 1.5rem;border-radius:16px;box-shadow:0 15px 40px rgba(0,0,0,.3);max-width:320px;width:90%;font-family:Outfit,sans-serif;opacity:0;transform:scale(.95);transition:all .3s cubic-bezier(.165, .84, .44, 1);pointer-events:none;border:1px solid rgba(255,255,255,.08)}.onboarding-tooltip.active{opacity:1;transform:scale(1);pointer-events:auto}.onboarding-tooltip h3{margin:0 0 .5rem;font-size:1rem;color:var(--aff-accent);font-family:Outfit,sans-serif}.onboarding-tooltip p{margin:0 0 1.2rem;font-size:.85rem;line-height:1.4;color:#cedad3}.onboarding-tooltip-btns{display:flex;justify-content:space-between;align-items:center}.onboarding-tooltip-btn{border:none;background:rgba(255,255,255,.1);color:#fff;padding:.5rem 1rem;border-radius:8px;font-size:.8rem;font-weight:600;cursor:pointer;transition:all .2s}.onboarding-tooltip-btn:hover{background:rgba(255,255,255,.2)}.onboarding-tooltip-btn.primary{background:var(--aff-accent);color:var(--aff-primary)}.onboarding-tooltip-btn.primary:hover{background:var(--aff-accent-hover)}.skip-link{position:absolute;top:-80px;left:20px;background:var(--aff-accent);color:var(--aff-primary);padding:.8rem 1.5rem;border-radius:8px;z-index:12000;font-weight:700;font-size:.9rem;transition:top .2s ease}.skip-link:focus{top:20px}@media (prefers-reduced-motion:reduce){*,::after,::before{animation-delay:-1ms!important;animation-duration:1ms!important;animation-iteration-count:1!important;background-attachment:scroll!important;scroll-behavior:auto!important;transition-duration:0s!important;transition-delay:0s!important}}@media print{#toast-container,.aff-sidebar,.aff-topbar-actions,.custom-modal-backdrop,.notif-bell-container,.offline-banner,.onboarding-spotlight-mask,.onboarding-tooltip,.skip-link{display:none!important}.aff-dashboard-container{grid-template-columns:1fr!important}.aff-content{padding:0!important;max-height:none!important;overflow:visible!important}.aff-card{border:1px solid #ccc!important;box-shadow:none!important;page-break-inside:avoid}}@media (max-width:768px){.aff-hero{padding:5rem 1.5rem;margin-bottom:2rem}.aff-hero h1{font-size:2rem}.aff-hero p{font-size:1rem;margin-bottom:2rem}.aff-benefits-section{margin:2.5rem auto;padding:0 1.5rem}.aff-section-header{margin-bottom:2.5rem}.aff-section-header h2{font-size:1.8rem}.aff-section-header p{font-size:1rem}.aff-benefits-grid{gap:1.5rem;grid-template-columns:1fr}.aff-benefit-card{padding:1.8rem}.aff-how-works{padding:4rem 1.5rem;margin:3.5rem 0}.aff-how-grid{gap:2rem;grid-template-columns:1fr}.aff-how-step{max-width:100%}.aff-step-num{font-size:2.5rem;margin-bottom:.5rem}.aff-tiers-section{margin:3.5rem auto!important;padding:0 1.5rem!important}.aff-faqs{margin:3.5rem auto;padding:0 1.5rem}.faq-question{font-size:1rem}.aff-cta-section{padding:4.5rem 1.5rem!important}.aff-cta-section h2{font-size:1.8rem!important;margin-bottom:1rem!important}}@media (max-width:480px){.aff-hero h1{font-size:1.7rem}.aff-hero p{font-size:.95rem}.aff-cta-section h2,.aff-section-header h2{font-size:1.45rem!important}}:root{--ent-bg-main:#f8fafc;--ent-card-bg:#ffffff;--ent-card-border:#e2e8f0;--ent-text-primary:#1f2937;--ent-text-secondary:#6b7280;--ent-text-muted:#9ca3af;--ent-color-revenue:#d97706;--ent-bg-revenue:rgba(217, 119, 6, 0.12);--ent-color-orders:#2563eb;--ent-bg-orders:rgba(37, 99, 235, 0.12);--ent-color-pending:#ea580c;--ent-bg-pending:rgba(234, 88, 12, 0.12);--ent-color-delivered:#16a34a;--ent-bg-delivered:rgba(22, 163, 74, 0.12);--ent-color-customers:#9333ea;--ent-bg-customers:rgba(147, 51, 234, 0.12);--ent-color-affiliates:#059669;--ent-bg-affiliates:rgba(5, 150, 105, 0.12)}.enterprise-dashboard{font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;color:var(--ent-text-primary)}.enterprise-banner{background:#fff;border:1px solid #e2e8f0;border-radius:24px;padding:1.75rem 2rem;margin-bottom:2rem;box-shadow:0 4px 20px -2px rgba(0,0,0,.04)}.enterprise-banner-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem;flex-wrap:wrap;gap:1rem}.enterprise-banner-header h1{font-size:1.85rem;font-weight:800;color:#1f2937;margin-top:.2rem;letter-spacing:-.02em}.enterprise-quick-actions{display:flex;align-items:center;gap:.75rem;flex-wrap:wrap;padding-top:1.25rem;border-top:1px solid #f1f5f9}.enterprise-quick-btn{display:inline-flex;align-items:center;gap:.5rem;padding:.6rem 1.15rem;font-size:.85rem;font-weight:600;border-radius:12px;border:1px solid #e2e8f0;background:#fff;color:#374151;cursor:pointer;transition:all .2s ease;box-shadow:0 1px 3px rgba(0,0,0,.04)}.enterprise-quick-btn:hover{background:#f8fafc;border-color:#cbd5e1;color:#111827;transform:translateY(-1px)}.enterprise-kpi-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1.5rem;margin-bottom:2rem}.enterprise-kpi-card{background:#fff;border:1px solid #e2e8f0;border-radius:20px;padding:1.75rem;position:relative;box-shadow:0 4px 16px -2px rgba(0,0,0,.03);transition:transform .25s cubic-bezier(.165, .84, .44, 1),box-shadow .25s ease,border-color .25s ease;display:flex;flex-direction:column;justify-content:space-between}.enterprise-kpi-card:hover{transform:translateY(-4px);box-shadow:0 12px 28px -4px rgba(0,0,0,.08);border-color:#cbd5e1}.kpi-top-row{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1.25rem}.kpi-title{font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:#6b7280}.kpi-icon-badge{width:44px;height:44px;border-radius:14px;display:flex;align-items:center;justify-content:center;font-size:1.15rem;flex-shrink:0}.kpi-number-val{font-size:2.75rem;font-weight:800;color:#1f2937;line-height:1.1;letter-spacing:-.03em;margin-bottom:.4rem}.kpi-subtitle{font-size:.84rem;font-weight:500;color:#4b5563}.card-theme-revenue .kpi-icon-badge{background:var(--ent-bg-revenue);color:var(--ent-color-revenue)}.card-theme-orders .kpi-icon-badge{background:var(--ent-bg-orders);color:var(--ent-color-orders)}.card-theme-pending .kpi-icon-badge{background:var(--ent-bg-pending);color:var(--ent-color-pending)}.card-theme-delivered .kpi-icon-badge{background:var(--ent-bg-delivered);color:var(--ent-color-delivered)}.card-theme-customers .kpi-icon-badge{background:var(--ent-bg-customers);color:var(--ent-color-customers)}.card-theme-affiliates .kpi-icon-badge{background:var(--ent-bg-affiliates);color:var(--ent-color-affiliates)}.enterprise-section-card{background:#fff;border:1px solid #e2e8f0;border-radius:20px;padding:1.75rem;box-shadow:0 4px 16px -2px rgba(0,0,0,.03)}.enterprise-section-header{display:flex;justify-content:space-between;align-items:center}:root{--exec-primary:#0F2418;--exec-gold:#D4AF37;--exec-gold-hover:#C29A24;--exec-bg:#F8F6F1;--exec-text:#1C1C1C;--exec-text-muted:#667085;--exec-card-bg:#FFFFFF;--exec-card-border:#E7E3D8;--exec-success:#16A34A;--exec-warning:#F59E0B;--exec-danger:#DC2626;--exec-info:#2563EB}.executive-workspace{background-color:var(--exec-bg)!important;color:var(--exec-text)!important;max-width:1450px;margin:0 auto;padding:20px 24px;border-radius:20px;font-family:Inter,-apple-system,sans-serif!important;min-height:100vh}.executive-hero{background:#fff!important;border:1px solid var(--exec-card-border)!important;border-radius:16px!important;padding:16px 20px!important;margin-bottom:16px!important;box-shadow:0 4px 16px rgba(15,36,24,.05)!important}.executive-title{font-size:26px!important;font-weight:800!important;color:var(--exec-text)!important;letter-spacing:-.02em!important;margin:0!important}.executive-pill-btn{display:inline-flex;align-items:center;gap:6px;padding:6px 14px;height:32px;font-size:12px;font-weight:700;border-radius:999px;border:1px solid var(--exec-card-border);background:#fff;color:var(--exec-text);cursor:pointer;transition:all .2s ease;box-shadow:0 1px 4px rgba(15,36,24,.04)}.executive-pill-btn:hover{background:#fdfbf7;border-color:var(--exec-gold);color:var(--exec-primary);transform:translateY(-2px)}.executive-btn-primary{display:inline-flex;align-items:center;gap:6px;padding:6px 16px;height:34px;font-size:12.5px;font-weight:700;border-radius:999px;border:none;background:var(--exec-gold);color:var(--exec-primary);cursor:pointer;transition:all .2s ease;box-shadow:0 2px 8px rgba(212,175,55,.25)}.executive-btn-primary:hover{background:var(--exec-gold-hover);transform:translateY(-2px)}.executive-kpi-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:16px}@media (max-width:1200px){.executive-kpi-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:640px){.executive-kpi-grid{grid-template-columns:1fr}}.executive-kpi-card{background:#fff!important;border:1px solid var(--exec-card-border)!important;border-radius:14px!important;padding:12px 14px!important;min-height:98px;display:flex;flex-direction:column;justify-content:space-between;box-shadow:0 2px 10px rgba(15,36,24,.04)!important;transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease!important}.executive-kpi-card:hover{transform:translateY(-2px)!important;box-shadow:0 6px 18px -2px rgba(15,36,24,.08)!important;border-color:var(--exec-gold)!important}.executive-kpi-top{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:4px}.executive-kpi-title{font-size:11px!important;font-weight:700!important;text-transform:uppercase!important;letter-spacing:.06em!important;color:var(--exec-text-muted)!important}.executive-kpi-badge{width:32px;height:32px;border-radius:10px;display:flex;align-items:center;justify-content:center;background:rgba(212,175,55,.12);color:var(--exec-gold);flex-shrink:0}.executive-kpi-val{font-size:24px!important;font-weight:800!important;color:var(--exec-text)!important;line-height:1.1!important;letter-spacing:-.02em!important;margin:4px 0 2px 0!important}.executive-kpi-sub{font-size:11.5px!important;font-weight:500!important;color:var(--exec-text-muted)!important}.executive-card{background:#fff!important;border:1px solid var(--exec-card-border)!important;border-radius:14px!important;padding:14px 16px!important;box-shadow:0 2px 10px rgba(15,36,24,.04)!important;transition:transform .2s ease!important}.executive-card:hover{transform:translateY(-4px)!important;box-shadow:0 12px 28px -4px rgba(15,36,24,.08)!important}.executive-card-header{display:flex;justify-content:space-between;align-items:center;padding-bottom:16px;margin-bottom:20px;border-bottom:1px solid var(--exec-card-border)}.executive-card-header h3{font-size:20px!important;font-weight:700!important;color:var(--exec-primary)!important;display:flex;align-items:center;gap:10px;margin:0!important}.luxury-dashboard{font-family:Outfit,Inter,-apple-system,sans-serif;color:#fff}.luxury-banner{background:linear-gradient(135deg,rgba(20,35,27,.98),rgba(30,51,40,.95));border:1px solid rgba(255,215,0,.25);border-radius:24px;padding:2rem 2.25rem;margin-bottom:2.25rem;box-shadow:0 12px 36px 0 rgba(0,0,0,.35),inset 0 1px 0 rgba(255,255,255,.1);position:relative;overflow:hidden}.luxury-banner::before{content:'';position:absolute;top:-50%;right:-20%;width:350px;height:350px;background:radial-gradient(circle,rgba(255,215,0,.15) 0,rgba(20,35,27,0) 70%);pointer-events:none}.luxury-banner-title{font-size:2.1rem;font-weight:800;color:#fff;letter-spacing:-.02em;font-family:'Cormorant Garamond',serif}.luxury-quick-actions{display:flex;align-items:center;gap:.85rem;flex-wrap:wrap;padding-top:1.25rem;margin-top:1.25rem;border-top:1px solid rgba(255,255,255,.08)}.luxury-quick-btn{display:inline-flex;align-items:center;gap:.6rem;padding:.65rem 1.25rem;font-size:.86rem;font-weight:600;border-radius:12px;border:1px solid rgba(255,215,0,.3);background:rgba(255,255,255,.04);color:gold;cursor:pointer;transition:all .25s cubic-bezier(.165, .84, .44, 1);box-shadow:0 2px 8px rgba(0,0,0,.2)}.luxury-quick-btn:hover{background:rgba(255,215,0,.18);border-color:gold;color:#fff;transform:translateY(-2px);box-shadow:0 6px 16px rgba(255,215,0,.25)}.luxury-kpi-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1.5rem;margin-bottom:2.25rem}.luxury-kpi-card{background:linear-gradient(135deg,rgba(20,35,27,.85),rgba(15,26,20,.95));backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid rgba(255,215,0,.18);border-radius:20px;padding:1.75rem;position:relative;overflow:hidden;box-shadow:0 8px 32px 0 rgba(0,0,0,.3);transition:transform .3s cubic-bezier(.165, .84, .44, 1),border-color .3s ease,box-shadow .3s ease;display:flex;flex-direction:column;justify-content:space-between}.luxury-kpi-card:hover{transform:translateY(-5px);border-color:rgba(255,215,0,.45);box-shadow:0 16px 40px 0 rgba(0,0,0,.45),0 0 20px rgba(255,215,0,.15)}.luxury-kpi-top{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1.25rem}.luxury-kpi-title{font-size:.76rem;font-weight:700;text-transform:uppercase;letter-spacing:.1em;color:gold}.luxury-kpi-badge{width:44px;height:44px;border-radius:14px;display:flex;align-items:center;justify-content:center;font-size:1.2rem;background:rgba(255,215,0,.12);color:gold;border:1px solid rgba(255,215,0,.25);flex-shrink:0}.luxury-kpi-val{font-size:2.75rem;font-weight:800;color:#fff;line-height:1.1;letter-spacing:-.03em;margin-bottom:.4rem;text-shadow:0 2px 10px rgba(0,0,0,.5)}.luxury-kpi-sub{font-size:.82rem;font-weight:500;color:#aebdb4}.luxury-section-card{background:linear-gradient(135deg,rgba(20,35,27,.9),rgba(15,26,20,.96));backdrop-filter:blur(16px);border:1px solid rgba(255,215,0,.18);border-radius:20px;padding:1.85rem;box-shadow:0 8px 32px 0 rgba(0,0,0,.3)}.luxury-section-header{display:flex;justify-content:space-between;align-items:center;padding-bottom:1rem;margin-bottom:1.35rem;border-bottom:1px solid rgba(255,215,0,.12)}.luxury-section-header h3{font-size:1.15rem;font-weight:700;color:#fff;display:flex;align-items:center;gap:.6rem}.admin-summary-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:1.15rem;margin-bottom:2rem}.admin-summary-card{background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.08);border-radius:14px;padding:1.25rem 1.4rem;position:relative;overflow:hidden;transition:transform .2s ease,border-color .2s ease}.admin-summary-card:hover{transform:translateY(-2px);border-color:rgba(255,215,0,.3)}.admin-summary-card.gold-card{background:linear-gradient(135deg,rgba(255,215,0,.12),rgba(20,35,27,.95));border-color:rgba(255,215,0,.35)}.admin-summary-card.accent-blue{background:linear-gradient(135deg,rgba(2,136,209,.12),rgba(20,35,27,.95));border-color:rgba(2,136,209,.35)}.admin-summary-card h4{font-size:.78rem;text-transform:uppercase;letter-spacing:.08em;color:var(--aff-text-muted,#888);margin-bottom:.5rem}.admin-summary-card .val{font-size:1.65rem;font-weight:700;color:#fff}.admin-summary-card .sub-text{font-size:.78rem;color:rgba(255,255,255,.6);margin-top:.35rem}.admin-analytics-grid-2col{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem;margin-bottom:1.75rem}@media (max-width:1024px){.admin-analytics-grid-2col{grid-template-columns:1fr}}.admin-analytics-card{background:rgba(255,255,255,.02);border:1px solid rgba(255,255,255,.07);border-radius:16px;padding:1.5rem}.admin-analytics-card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.25rem;padding-bottom:.75rem;border-bottom:1px solid rgba(255,255,255,.06)}.admin-analytics-card-header h3{font-size:1.05rem;font-weight:600;color:#fff;display:flex;align-items:center;gap:.5rem}.admin-revenue-chart{display:flex;align-items:flex-end;justify-content:space-between;height:180px;gap:12px;padding-top:1rem}.admin-chart-bar-wrap{flex:1;display:flex;flex-direction:column;align-items:center;gap:6px;height:100%;justify-content:flex-end}.admin-chart-bar{width:100%;max-width:40px;background:linear-gradient(180deg,gold,#2e7d32);border-radius:6px 6px 0 0;transition:height .6s cubic-bezier(.165, .84, .44, 1);position:relative}.admin-chart-bar:hover::after{content:attr(data-tooltip);position:absolute;top:-30px;left:50%;transform:translateX(-50%);background:rgba(0,0,0,.85);color:#fff;padding:2px 6px;border-radius:4px;font-size:.75rem;white-space:nowrap}.admin-chart-label{font-size:.75rem;color:rgba(255,255,255,.6)}.admin-progress-row{margin-bottom:1rem}.admin-progress-header{display:flex;justify-content:space-between;font-size:.85rem;margin-bottom:.4rem;color:rgba(255,255,255,.85)}.admin-progress-bg{background:rgba(255,255,255,.08);height:8px;border-radius:4px;overflow:hidden}.admin-progress-fill{height:100%;background:var(--aff-primary,#2e7d32);border-radius:4px;transition:width .5s ease}.admin-activity-item{display:flex;align-items:flex-start;gap:12px;padding:.85rem 0;border-bottom:1px solid rgba(255,255,255,.04)}.admin-activity-icon{width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.9rem;flex-shrink:0}body,html{overflow-x:clip;overflow-y:auto!important;max-width:100vw;height:auto!important;min-height:100%;-webkit-overflow-scrolling:touch}.aff-sidebar-overlay{position:fixed;inset:0;z-index:9997;background:rgba(13,26,19,.6);backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);opacity:0;pointer-events:none;transition:opacity .3s ease}.aff-sidebar-overlay.active{opacity:1;pointer-events:auto}body.sidebar-open{overflow:hidden!important}@media (max-width:1024px){.aff-dashboard-container{display:block;min-height:auto;height:auto;overflow:visible}.aff-sidebar{position:fixed;top:0;left:0;bottom:0;width:280px;z-index:9998;transform:translateX(-100%);transition:transform .3s cubic-bezier(.165, .84, .44, 1);border-right:none;box-shadow:4px 0 20px rgba(0,0,0,.15);overflow-y:auto!important;-webkit-overflow-scrolling:touch;padding-bottom:4rem}.aff-sidebar.mobile-open{transform:translateX(0)}.aff-sidebar .aff-menu-item{min-height:48px;display:flex;align-items:center}.aff-content{max-height:none!important;overflow-y:visible!important;height:auto!important;-webkit-overflow-scrolling:touch}}@media (min-width:1440px){.aff-stats-grid{grid-template-columns:repeat(4,1fr)}}@media (max-width:1439px) and (min-width:1024px){.aff-stats-grid{grid-template-columns:repeat(4,1fr)}}@media (max-width:1023px) and (min-width:768px){.aff-stats-grid{grid-template-columns:repeat(2,1fr)}.settings-grid{grid-template-columns:1fr}}@media (max-width:767px){.aff-content{padding:1.25rem;max-height:none!important;overflow-y:visible!important;height:auto!important;-webkit-overflow-scrolling:touch}.aff-dashboard-container{display:block;min-height:auto;height:auto;overflow:visible}.aff-header-row{flex-direction:column;align-items:stretch;gap:1rem;margin-bottom:1.5rem}.aff-header-row h1{font-size:1.6rem}.aff-stats-grid{grid-template-columns:1fr;gap:1rem;margin-bottom:2rem}.aff-stat-card{padding:1.25rem;min-height:auto}.aff-stat-value{font-size:1.5rem}.aff-card{padding:1.25rem;border-radius:16px;margin-bottom:1.5rem}.aff-link-copy-box{flex-direction:column;align-items:stretch;gap:.75rem;padding:.75rem}.aff-link-copy-box input{width:100%;font-size:.85rem;padding:.6rem}.aff-btn-copy{width:100%;min-height:48px}.aff-btn,.custom-modal-btn,.marketing-btn-download{min-height:48px;border-radius:12px;font-size:1rem;width:100%;display:flex;align-items:center;justify-content:center}.aff-form{max-width:100%;gap:1.2rem}.aff-input,.aff-select,.aff-textarea{width:100%;min-height:48px;font-size:1rem}.form-row{grid-template-columns:1fr}.aff-table-container{border:none;background:0 0;overflow-x:hidden}.aff-table,.aff-table tbody,.aff-table td,.aff-table th,.aff-table thead,.aff-table tr{display:block;width:100%}.aff-table thead{display:none}.aff-table tr{background:var(--aff-card-bg);border:1px solid var(--aff-card-border);border-radius:16px;padding:1.25rem;margin-bottom:1.25rem;box-shadow:0 4px 15px rgba(0,0,0,.02)}.aff-table td{display:flex;justify-content:space-between;align-items:center;padding:.7rem 0;border-bottom:1px solid var(--aff-card-border);text-align:right;font-size:.9rem}.aff-table td:last-child{border-bottom:none}.aff-table tr td:first-child:before{content:"Date"}.aff-table tr td:nth-child(2):before{content:"Order Reference"}.aff-table tr td:nth-child(3):before{content:"Product"}.aff-table tr td:nth-child(4):before{content:"Order Amount"}.aff-table tr td:nth-child(5):before{content:"Commission Earned"}.aff-table tr td:nth-child(6):before{content:"Status"}#withdrawals-table-body tr td:first-child:before{content:"Requested Date"}#withdrawals-table-body tr td:nth-child(2):before{content:"Reference ID"}#withdrawals-table-body tr td:nth-child(3):before{content:"Amount"}#withdrawals-table-body tr td:nth-child(4):before{content:"Payout Method"}#withdrawals-table-body tr td:nth-child(5):before{content:"Status"}.aff-table td::before{font-weight:600;text-transform:uppercase;font-size:.75rem;color:var(--aff-text-muted);text-align:left;margin-right:1rem}h1{font-size:28px!important}h2{font-size:20px!important}.aff-card-header h2,h3{font-size:16px!important}body,p,span,td,th{font-size:15px}.aff-chart-wrapper{height:220px;width:100%}canvas{max-width:100%!important;height:auto!important}}@media (max-width:479px){.aff-hero h1{font-size:24px}.aff-hero p{font-size:.9rem}.aff-stat-value{font-size:1.35rem}}

/* ============================================================================
   AMIELE PREMIUM AFFILIATE ONBOARDING TOUR SYSTEM
   ============================================================================ */
.amiele-tour-overlay {
    position: fixed;
    inset: 0;
    z-index: 100001;
    background: rgba(10, 20, 15, 0.65);
    backdrop-filter: blur(5px);
    -webkit-backdrop-filter: blur(5px);
    opacity: 0;
    pointer-events: none;
    transition: opacity 220ms cubic-bezier(0.16, 1, 0.3, 1);
}
.amiele-tour-overlay.active {
    opacity: 1;
    pointer-events: auto;
}

.amiele-tour-spotlight-ring {
    position: fixed;
    z-index: 100002;
    pointer-events: none;
    border-radius: 14px;
    border: 2px solid #ffd700;
    box-shadow: 0 0 0 4px rgba(255, 215, 0, 0.25), 0 10px 30px rgba(0, 0, 0, 0.4);
    transition: all 220ms cubic-bezier(0.16, 1, 0.3, 1);
    opacity: 0;
}
.amiele-tour-spotlight-ring.active {
    opacity: 1;
}

.amiele-tour-card {
    position: fixed;
    z-index: 100003;
    width: 390px;
    max-width: calc(100vw - 32px);
    background: #14231b;
    color: #f5f4f0;
    border: 1px solid rgba(255, 215, 0, 0.25);
    border-radius: 20px;
    padding: 24px 28px;
    box-shadow: 0 20px 50px rgba(0, 0, 0, 0.45), 0 0 20px rgba(255, 215, 0, 0.08);
    font-family: Outfit, sans-serif;
    opacity: 0;
    transform: scale(0.96) translateY(6px);
    transition: opacity 220ms cubic-bezier(0.16, 1, 0.3, 1), transform 220ms cubic-bezier(0.16, 1, 0.3, 1), top 220ms cubic-bezier(0.16, 1, 0.3, 1), left 220ms cubic-bezier(0.16, 1, 0.3, 1);
    pointer-events: none;
    box-sizing: border-box;
}

[data-theme="dark"] .amiele-tour-card {
    background: #0d1a13;
    border-color: rgba(255, 215, 0, 0.35);
}

.amiele-tour-card.active {
    opacity: 1;
    transform: scale(1) translateY(0);
    pointer-events: auto;
}

.amiele-tour-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 12px;
}

.amiele-tour-step-badge {
    font-size: 0.72rem;
    font-weight: 800;
    letter-spacing: 0.12em;
    text-transform: uppercase;
    color: #ffd700;
    background: rgba(255, 215, 0, 0.12);
    padding: 4px 10px;
    border-radius: 20px;
    border: 1px solid rgba(255, 215, 0, 0.25);
}

.amiele-tour-close-btn {
    background: transparent;
    border: none;
    color: rgba(255, 255, 255, 0.5);
    font-size: 1.2rem;
    cursor: pointer;
    padding: 2px 6px;
    border-radius: 6px;
    line-height: 1;
    transition: color 150ms ease;
}
.amiele-tour-close-btn:hover {
    color: #ffffff;
}

.amiele-tour-title {
    font-family: 'Benaiah', 'Cormorant Garamond', Georgia, serif;
    font-size: 1.35rem;
    font-weight: 700;
    color: #ffffff;
    margin: 0 0 8px 0;
    line-height: 1.3;
}

.amiele-tour-desc {
    font-size: 0.9rem;
    line-height: 1.55;
    color: #cedad3;
    margin: 0 0 20px 0;
}

.amiele-tour-progress-bar {
    width: 100%;
    height: 4px;
    background: rgba(255, 255, 255, 0.1);
    border-radius: 2px;
    overflow: hidden;
    margin-bottom: 20px;
}

.amiele-tour-progress-fill {
    height: 100%;
    background: linear-gradient(90deg, #ffd700, #ffe240);
    border-radius: 2px;
    transition: width 220ms ease;
}

.amiele-tour-footer {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
}

.amiele-tour-left-btns {
    display: flex;
    align-items: center;
    gap: 8px;
}

.amiele-tour-btn {
    border: none;
    font-family: Outfit, sans-serif;
    font-size: 0.85rem;
    font-weight: 600;
    padding: 8px 16px;
    border-radius: 10px;
    cursor: pointer;
    transition: all 180ms ease;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
}

.amiele-tour-btn-skip {
    background: transparent;
    color: rgba(255, 255, 255, 0.6);
    border: 1px solid transparent;
}
.amiele-tour-btn-skip:hover {
    color: #ffffff;
    background: rgba(255, 255, 255, 0.08);
}

.amiele-tour-btn-back {
    background: rgba(255, 255, 255, 0.08);
    color: #ffffff;
    border: 1px solid rgba(255, 255, 255, 0.15);
}
.amiele-tour-btn-back:hover {
    background: rgba(255, 255, 255, 0.16);
}

.amiele-tour-btn-next {
    background: #ffd700;
    color: #14231b;
    border: 1px solid #ffd700;
}
.amiele-tour-btn-next:hover {
    background: #ffe240;
    transform: translateY(-1px);
    box-shadow: 0 4px 12px rgba(255, 215, 0, 0.3);
}

.amiele-tour-arrow {
    position: absolute;
    width: 12px;
    height: 12px;
    background: #14231b;
    border: 1px solid rgba(255, 215, 0, 0.25);
    transform: rotate(45deg);
    pointer-events: none;
}
[data-theme="dark"] .amiele-tour-arrow {
    background: #0d1a13;
}

.amiele-tour-card[data-placement="right"] .amiele-tour-arrow {
    left: -7px;
    top: 32px;
    border-right: none;
    border-top: none;
}
.amiele-tour-card[data-placement="left"] .amiele-tour-arrow {
    right: -7px;
    top: 32px;
    border-left: none;
    border-bottom: none;
}
.amiele-tour-card[data-placement="bottom"] .amiele-tour-arrow {
    top: -7px;
    left: 36px;
    border-bottom: none;
    border-right: none;
}
.amiele-tour-card[data-placement="top"] .amiele-tour-arrow {
    bottom: -7px;
    left: 36px;
    border-top: none;
    border-left: none;
}

@media (max-width: 767px) {
    .amiele-tour-card {
        width: calc(100vw - 24px) !important;
        left: 12px !important;
        padding: 20px;
    }
    .amiele-tour-arrow {
        display: none;
    }
}

/* ============================================================================
   DYNAMIC WITHDRAWAL PAYOUT METHOD DETAILS
   ============================================================================ */
.wth-dynamic-box {
    background: linear-gradient(135deg, rgba(20, 35, 27, 0.03), rgba(212, 175, 55, 0.07));
    border: 1.5px solid rgba(212, 175, 55, 0.35);
    border-radius: 16px;
    padding: 1.4rem 1.5rem;
    margin: 0.5rem 0 1rem 0;
    animation: wthSlideDown 0.3s cubic-bezier(0.16, 1, 0.3, 1);
    box-shadow: 0 4px 20px rgba(20, 35, 27, 0.04);
}

@keyframes wthSlideDown {
    from {
        opacity: 0;
        transform: translateY(-8px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

.wth-method-badge {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    background: #0F2418;
    color: #D4AF37;
    font-size: 0.82rem;
    font-weight: 700;
    padding: 6px 14px;
    border-radius: 20px;
    letter-spacing: 0.03em;
    box-shadow: 0 2px 8px rgba(15, 36, 24, 0.15);
}

.wth-field-hint {
    display: block;
    font-size: 0.76rem;
    color: #6A6E6B;
    margin-top: 4px;
    line-height: 1.35;
}

[data-theme="dark"] .wth-dynamic-box {
    background: linear-gradient(135deg, rgba(255, 255, 255, 0.04), rgba(212, 175, 55, 0.1));
    border-color: rgba(212, 175, 55, 0.4);
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.3);
}

[data-theme="dark"] .wth-method-badge {
    background: rgba(212, 175, 55, 0.18);
    color: #FFD700;
    border: 1px solid rgba(212, 175, 55, 0.3);
}

[data-theme="dark"] .wth-field-hint {
    color: #AEBDB4;
}

/* Real-time Withdrawal & Form Validation Highlights */
.aff-input.input-error,
.aff-select.input-error {
    border-color: #ef4444 !important;
    background-color: rgba(239, 68, 68, 0.04) !important;
    box-shadow: 0 0 0 3.5px rgba(239, 68, 68, 0.22) !important;
    color: #b91c1c;
    transition: all 0.2s ease;
}
[data-theme="dark"] .aff-input.input-error {
    background-color: rgba(239, 68, 68, 0.08) !important;
    color: #fca5a5;
}
.aff-input.input-success {
    border-color: #10b981 !important;
    background-color: rgba(16, 185, 129, 0.04) !important;
    box-shadow: 0 0 0 3.5px rgba(16, 185, 129, 0.18) !important;
    transition: all 0.2s ease;
}
.wth-field-hint.error {
    color: #dc2626 !important;
    font-weight: 600;
    display: flex;
    align-items: center;
    gap: 4px;
}
.wth-field-hint.success {
    color: #059669 !important;
    font-weight: 500;
    display: flex;
    align-items: center;
    gap: 4px;
}
[data-theme="dark"] .wth-field-hint.error {
    color: #f87171 !important;
}
[data-theme="dark"] .wth-field-hint.success {
    color: #34d399 !important;
}

/* ============================================================================
   SECURITY & PASSWORD STYLES
   ============================================================================ */
.pwd-input-wrap {
    position: relative;
    display: flex;
    align-items: center;
    width: 100%;
}

.pwd-input-wrap .aff-input {
    padding-right: 44px !important;
}

.pwd-toggle-btn {
    position: absolute;
    right: 12px;
    background: transparent;
    border: none;
    color: #888;
    cursor: pointer;
    font-size: 1rem;
    padding: 6px;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: color 0.2s ease;
    z-index: 2;
}

.pwd-toggle-btn:hover {
    color: #D4AF37;
}

.pwd-strength-bar {
    height: 4px;
    width: 100%;
    background: rgba(0, 0, 0, 0.08);
    border-radius: 2px;
    margin-top: 6px;
    overflow: hidden;
}

[data-theme="dark"] .pwd-strength-bar {
    background: rgba(255, 255, 255, 0.12);
}

.pwd-strength-fill {
    height: 100%;
    width: 0%;
    transition: all 0.3s cubic-bezier(0.16, 1, 0.3, 1);
    border-radius: 2px;
}

.pwd-strength-fill.weak {
    width: 33%;
    background: #ef4444;
}

.pwd-strength-fill.medium {
    width: 66%;
    background: #f59e0b;
}

.pwd-strength-fill.strong {
    width: 100%;
    background: #10b981;
}

.pwd-feedback-text {
    font-size: 0.78rem;
    margin-top: 4px;
    display: block;
    font-weight: 500;
}

.pwd-feedback-text.weak {
    color: #ef4444;
}

.pwd-feedback-text.medium {
    color: #f59e0b;
}

.pwd-feedback-text.strong {
    color: #10b981;
}

.pwd-match-badge {
    font-size: 0.78rem;
    font-weight: 600;
    margin-top: 4px;
    display: inline-flex;
    align-items: center;
    gap: 4px;
}

.pwd-match-badge.match {
    color: #10b981;
}

.pwd-match-badge.mismatch {
    color: #ef4444;
}

/* ============================================================================
   RIGID & ROCK-SOLID DASHBOARD APP SHELL & SIDEBAR
   ============================================================================ */
@media (min-width: 1025px) {
    html:has(.aff-dashboard-container), 
    body:has(.aff-dashboard-container) {
        height: 100vh !important;
        max-height: 100vh !important;
        overflow: hidden !important;
        margin: 0 !important;
        padding: 0 !important;
    }

    body.aff-landing-wrapper,
    body:not(:has(.aff-dashboard-container)) {
        height: auto !important;
        max-height: none !important;
        overflow-y: auto !important;
        overflow-x: clip !important;
    }

    .aff-dashboard-container {
        display: flex !important;
        height: 100vh !important;
        max-height: 100vh !important;
        width: 100vw !important;
        max-width: 100vw !important;
        position: fixed !important;
        inset: 0 !important;
        background-color: var(--aff-bg);
        overflow: hidden !important;
        box-sizing: border-box !important;
    }

    .aff-sidebar {
        width: 260px !important;
        min-width: 260px !important;
        max-width: 260px !important;
        height: 100vh !important;
        max-height: 100vh !important;
        position: relative !important;
        top: 0 !important;
        left: 0 !important;
        background-color: #0F2418 !important;
        color: rgba(255, 255, 255, 0.8) !important;
        padding: 24px 16px 78px 16px !important;
        display: flex !important;
        flex-direction: column !important;
        justify-content: space-between !important;
        border-right: 1px solid rgba(255, 255, 255, 0.06) !important;
        box-sizing: border-box !important;
        z-index: 100 !important;
        flex-shrink: 0 !important;
        overflow: hidden !important;
    }

    .aff-content {
        flex: 1 1 auto !important;
        height: 100vh !important;
        max-height: 100vh !important;
        overflow-y: auto !important;
        overflow-x: hidden !important;
        padding: 2rem 3rem 4rem 3rem !important;
        box-sizing: border-box !important;
        -webkit-overflow-scrolling: touch !important;
        scroll-behavior: smooth !important;
    }
}

    .aff-sidebar-top-section {
        display: flex !important;
        flex-direction: column !important;
        flex-shrink: 0 !important;
        overflow: visible !important;
    }

    .aff-sidebar-brand {
        flex-shrink: 0 !important;
        display: block !important;
        text-decoration: none !important;
        margin-bottom: 4px !important;
        padding: 0 !important;
    }

    .aff-sidebar-brand .logo {
        color: #FFFFFF !important;
        font-size: 1.45rem !important;
        font-weight: 800 !important;
        letter-spacing: 0.04em !important;
        display: block !important;
        line-height: 1.2 !important;
        font-family: inherit !important;
    }

    .aff-sidebar-subtitle {
        font-size: 0.66rem !important;
        color: #D4AF37 !important;
        letter-spacing: 0.2em !important;
        font-weight: 800 !important;
        display: block !important;
        margin-bottom: 18px !important;
        margin-left: 4px !important;
    }

    .aff-sidebar-menu {
        list-style: none !important;
        display: flex !important;
        flex-direction: column !important;
        gap: 3px !important;
        padding: 0 !important;
        margin: 0 !important;
        flex-shrink: 0 !important;
        overflow: visible !important;
    }

    .aff-menu-item {
        display: flex !important;
        align-items: center !important;
        justify-content: flex-start !important;
        gap: 12px !important;
        padding: 8px 14px !important;
        color: #94A3B8 !important;
        font-weight: 600 !important;
        font-size: 0.85rem !important;
        border-radius: 12px !important;
        text-decoration: none !important;
        cursor: pointer !important;
        transition: all 0.2s cubic-bezier(0.16, 1, 0.3, 1) !important;
        white-space: nowrap !important;
        box-sizing: border-box !important;
        line-height: 1.2 !important;
        user-select: none !important;
    }

    .aff-menu-item i {
        width: 18px !important;
        height: 18px !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        text-align: center !important;
        font-size: 0.9rem !important;
        flex-shrink: 0 !important;
    }

    .aff-menu-item:hover {
        color: #FFFFFF !important;
        background: rgba(255, 255, 255, 0.06) !important;
    }

    .aff-menu-item.active {
        color: #0F2418 !important;
        background: #FFD700 !important;
        font-weight: 800 !important;
        font-size: 0.86rem !important;
        border-radius: 14px !important;
        box-shadow: 0 4px 16px rgba(255, 215, 0, 0.35) !important;
        padding: 9.5px 14px !important;
    }

    .aff-menu-item.active i {
        color: #0F2418 !important;
    }

    .aff-sidebar-footer {
        flex-shrink: 0 !important;
        margin-top: auto !important;
        display: flex !important;
        flex-direction: column !important;
        gap: 8px !important;
        padding-bottom: 4px !important;
        border: none !important;
        border-top: none !important;
    }

    .aff-sidebar-user {
        display: flex !important;
        align-items: center !important;
        gap: 12px !important;
        padding: 9px 12px !important;
        background: rgba(255, 255, 255, 0.05) !important;
        border-radius: 16px !important;
        border: 1px solid rgba(255, 255, 255, 0.08) !important;
        cursor: pointer !important;
        transition: all 0.25s cubic-bezier(0.16, 1, 0.3, 1) !important;
        position: relative !important;
        box-sizing: border-box !important;
        user-select: none !important;
        margin: 0 !important;
    }

    .aff-sidebar-user:hover {
        background: rgba(255, 255, 255, 0.09) !important;
        border-color: rgba(255, 215, 0, 0.35) !important;
        transform: translateY(-1px) !important;
    }

    .aff-sidebar-user.active {
        background: rgba(255, 255, 255, 0.12) !important;
        border-color: rgba(255, 215, 0, 0.5) !important;
        box-shadow: 0 0 15px rgba(255, 215, 0, 0.15) !important;
    }

    .aff-user-avatar-wrap {
        position: relative !important;
        flex-shrink: 0 !important;
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;
    }

    .aff-user-avatar {
        width: 36px !important;
        height: 36px !important;
        border-radius: 50% !important;
        background: #FFD700 !important;
        color: #0F2418 !important;
        font-weight: 800 !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        font-size: 0.85rem !important;
        flex-shrink: 0 !important;
        transition: transform 0.2s ease !important;
    }

    .aff-sidebar-user:hover .aff-user-avatar {
        transform: scale(1.05) !important;
    }

    .aff-avatar-edit-badge {
        position: absolute !important;
        bottom: -2px !important;
        right: -2px !important;
        width: 15px !important;
        height: 15px !important;
        border-radius: 50% !important;
        background: #FFD700 !important;
        color: #0F2418 !important;
        font-size: 0.52rem !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        box-shadow: 0 2px 6px rgba(0, 0, 0, 0.4) !important;
        border: 1.5px solid #0F2418 !important;
        transition: all 0.25s cubic-bezier(0.16, 1, 0.3, 1) !important;
    }

    .aff-sidebar-user:hover .aff-avatar-edit-badge {
        background: #FFFFFF !important;
        color: #0F2418 !important;
        transform: scale(1.15) !important;
    }

    .aff-user-info {
        flex-grow: 1 !important;
        overflow: hidden !important;
    }

    .aff-user-info h4 {
        margin: 0 !important;
        font-size: 0.84rem !important;
        font-weight: 700 !important;
        color: #FFFFFF !important;
        line-height: 1.2 !important;
        white-space: nowrap !important;
        overflow: hidden !important;
        text-overflow: ellipsis !important;
    }

    .aff-user-info span {
        font-size: 0.72rem !important;
        color: #94A3B8 !important;
        display: block !important;
        line-height: 1.2 !important;
        white-space: nowrap !important;
        overflow: hidden !important;
        text-overflow: ellipsis !important;
        margin-top: 2px !important;
    }

    .aff-user-setting-indicator {
        margin-left: auto !important;
        color: #94A3B8 !important;
        font-size: 0.9rem !important;
        transition: all 0.3s cubic-bezier(0.16, 1, 0.3, 1) !important;
        padding: 4px !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        flex-shrink: 0 !important;
    }

    .aff-sidebar-user:hover .aff-user-setting-indicator {
        color: #FFD700 !important;
        transform: rotate(60deg) scale(1.15) !important;
    }

    .aff-sidebar-user.active .aff-user-setting-indicator {
        color: #FFD700 !important;
    }

    .aff-sidebar-bottom-actions {
        display: flex !important;
        flex-direction: column !important;
        border: none !important;
        padding: 0 !important;
        margin: 0 !important;
    }

    .aff-menu-item-secondary {
        display: flex !important;
        align-items: center !important;
        justify-content: flex-start !important;
        gap: 12px !important;
        padding: 11px 16px !important;
        color: #FFFFFF !important;
        font-weight: 700 !important;
        font-size: 0.88rem !important;
        border-radius: 16px !important;
        border: 1.5px solid rgba(255, 255, 255, 0.22) !important;
        background: transparent !important;
        text-decoration: none !important;
        cursor: pointer !important;
        transition: all 0.2s ease !important;
        box-sizing: border-box !important;
        width: 100% !important;
        line-height: 1.2 !important;
        user-select: none !important;
    }

    .aff-menu-item-secondary i {
        font-size: 0.95rem !important;
        color: #FFFFFF !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        flex-shrink: 0 !important;
    }

    .aff-menu-item-secondary:hover {
        background: rgba(255, 255, 255, 0.08) !important;
        border-color: rgba(255, 255, 255, 0.4) !important;
        color: #FFFFFF !important;
        transform: translateY(-1px) !important;
    }

    .aff-menu-item-logout {
        font-size: 0.78rem !important;
        color: #ff6b6b !important;
        padding: 0.38rem 0.65rem !important;
    }

    .aff-menu-item-logout:hover {
        background: rgba(255, 107, 107, 0.12) !important;
        color: #ff8585 !important;
    }

/* Achievements Grid & Badges */
.achievements-grid {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(240px, 1fr));
    gap: 1.5rem;
    margin-top: 1.5rem;
}

.achievement-badge-card {
    background: #ffffff;
    border: 1.5px solid rgba(20, 35, 27, 0.08);
    border-radius: 18px;
    padding: 1.75rem 1.25rem;
    text-align: center;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: space-between;
    transition: all 0.3s cubic-bezier(0.16, 1, 0.3, 1);
    position: relative;
    box-shadow: 0 4px 16px rgba(0, 0, 0, 0.03);
    opacity: 0.65;
    filter: grayscale(0.4);
}

.achievement-badge-card.unlocked {
    opacity: 1;
    filter: none;
    border-color: rgba(212, 175, 55, 0.45);
    background: linear-gradient(180deg, #FFFFFF 0%, #FBF9F2 100%);
    box-shadow: 0 8px 24px rgba(212, 175, 55, 0.12);
}

.achievement-badge-card:hover {
    transform: translateY(-3px);
    box-shadow: 0 10px 28px rgba(0, 0, 0, 0.08);
}

.achievement-icon {
    font-size: 3rem;
    line-height: 1;
    margin-bottom: 0.8rem;
    display: inline-block;
    transition: transform 0.3s ease;
}

.achievement-badge-card.unlocked .achievement-icon {
    transform: scale(1.1);
    filter: drop-shadow(0 4px 8px rgba(212, 175, 55, 0.3));
}

.achievement-badge-card h3 {
    font-family: 'Outfit', sans-serif;
    font-size: 1.1rem;
    font-weight: 700;
    color: var(--aff-primary);
    margin: 0 0 0.4rem 0;
}

.achievement-badge-card p {
    font-size: 0.85rem;
    color: var(--aff-text-muted);
    margin: 0 0 1rem 0;
    line-height: 1.4;
}

.achievement-progress-tag {
    font-size: 0.75rem;
    font-weight: 700;
    padding: 4px 12px;
    border-radius: 20px;
    background: rgba(20, 35, 27, 0.05);
    color: var(--aff-primary);
    margin-bottom: 0.5rem;
}

.achievement-badge-card.unlocked .achievement-progress-tag {
    background: rgba(16, 185, 129, 0.12);
    color: #059669;
}

.hamburger-btn {
    display: none;
    align-items: center;
    justify-content: center;
    width: 42px;
    height: 42px;
    border-radius: 12px;
    background: rgba(20, 35, 27, 0.05);
    border: 1px solid rgba(20, 35, 27, 0.1);
    color: var(--aff-primary);
    font-size: 1.15rem;
    cursor: pointer;
    transition: all 0.2s ease;
    flex-shrink: 0;
}

.hamburger-btn:hover, .hamburger-btn:active {
    background: rgba(20, 35, 27, 0.12);
    transform: scale(1.04);
}

.aff-sidebar-overlay {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100vw;
    height: 100vh;
    background: rgba(0, 0, 0, 0.65);
    backdrop-filter: blur(4px);
    -webkit-backdrop-filter: blur(4px);
    z-index: 9990 !important;
    opacity: 0;
    pointer-events: none;
    transition: opacity 0.3s cubic-bezier(0.16, 1, 0.3, 1);
}

.aff-sidebar-overlay.active {
    opacity: 1;
    pointer-events: auto;
}

body.sidebar-open {
    overflow: hidden !important;
}

/* =========================================================
   TABLET & MOBILE RESPONSIVE ADAPTATIONS (≤1024px)
   ========================================================= */
@media (max-width: 1024px) {
    body, html {
        overflow-x: clip !important;
        overflow-y: auto !important;
        height: auto !important;
    }

    .hamburger-btn {
        display: flex !important;
    }

    .aff-dashboard-container {
        display: block !important;
        width: 100% !important;
        max-width: 100vw !important;
        min-height: 100vh !important;
        position: relative !important;
        z-index: 9995 !important;
        overflow: visible !important;
    }

    .aff-sidebar {
        position: fixed !important;
        top: 0 !important;
        left: 0 !important;
        bottom: 0 !important;
        width: 280px !important;
        min-width: 280px !important;
        max-width: 84vw !important;
        height: 100vh !important;
        height: 100dvh !important;
        max-height: 100vh !important;
        max-height: 100dvh !important;
        z-index: 10005 !important;
        transform: translateX(-100%) !important;
        transition: transform 0.32s cubic-bezier(0.16, 1, 0.3, 1) !important;
        border-right: none !important;
        box-shadow: 12px 0 36px rgba(0, 0, 0, 0.45) !important;
        overflow-y: auto !important;
        -webkit-overflow-scrolling: touch !important;
        padding: 24px 16px 36px 16px !important;
        pointer-events: none !important;
        background-color: var(--aff-sidebar-bg, #14231b) !important;
    }

    .aff-sidebar.mobile-open {
        transform: translateX(0) !important;
        pointer-events: auto !important;
    }

    .aff-sidebar-footer {
        margin-top: auto !important;
        display: flex !important;
        flex-direction: column !important;
        gap: 10px !important;
        width: 100% !important;
    }

    .aff-sidebar-bottom-actions {
        width: 100% !important;
        display: flex !important;
        flex-direction: column !important;
    }

    .aff-menu-item-secondary {
        display: flex !important;
        align-items: center !important;
        justify-content: flex-start !important;
        gap: 10px !important;
        padding: 10px 14px !important;
        color: #FFFFFF !important;
        font-weight: 700 !important;
        font-size: 0.86rem !important;
        border-radius: 14px !important;
        border: 1.5px solid rgba(255, 255, 255, 0.22) !important;
        background: rgba(255, 255, 255, 0.04) !important;
        text-decoration: none !important;
        box-sizing: border-box !important;
        width: 100% !important;
    }

    .aff-menu-item-secondary i {
        color: #FFD700 !important;
    }

    .aff-content {
        width: 100% !important;
        max-width: 100vw !important;
        padding: 1.25rem 1.25rem 3.5rem 1.25rem !important;
        height: auto !important;
        max-height: none !important;
        overflow-y: visible !important;
        overflow-x: hidden !important;
        box-sizing: border-box !important;
    }

    .aff-topbar {
        padding: 0.85rem 1.25rem !important;
        margin-bottom: 1.5rem !important;
        border-radius: 16px !important;
        flex-wrap: wrap !important;
        gap: 0.75rem !important;
    }

    .aff-stats-grid {
        grid-template-columns: repeat(auto-fit, minmax(180px, 1fr)) !important;
        gap: 1rem !important;
    }

    .settings-grid {
        grid-template-columns: 1fr !important;
        gap: 1.75rem !important;
    }

    .aff-header-row {
        flex-direction: column !important;
        align-items: flex-start !important;
        gap: 0.75rem !important;
    }

    .aff-header-row h1 {
        font-size: 1.6rem !important;
    }

    .aff-table-wrapper, .table-container, .aff-card table {
        display: block !important;
        width: 100% !important;
        overflow-x: auto !important;
        -webkit-overflow-scrolling: touch !important;
    }
}

/* =========================================================
   SMARTPHONE COMPACT ADAPTATIONS (≤640px)
   ========================================================= */
@media (max-width: 640px) {
    .aff-content {
        padding: 0.85rem 0.85rem 3rem 0.85rem !important;
    }

    .aff-topbar {
        padding: 0.65rem 0.85rem !important;
        border-radius: 14px !important;
        margin-bottom: 1.25rem !important;
    }

    .command-palette-hint {
        display: none !important;
    }

    .aff-breadcrumbs {
        font-size: 0.82rem !important;
    }

    .aff-stats-grid {
        grid-template-columns: 1fr 1fr !important;
        gap: 0.65rem !important;
    }

    .aff-stat-card {
        padding: 0.85rem 0.75rem !important;
        border-radius: 14px !important;
    }

    .aff-stat-value {
        font-size: 1.2rem !important;
    }

    .aff-stat-label {
        font-size: 0.75rem !important;
    }

    .form-row {
        flex-direction: column !important;
        gap: 0.85rem !important;
    }

    .aff-btn {
        width: 100% !important;
        justify-content: center !important;
    }

    .achievements-grid {
        grid-template-columns: 1fr !important;
        gap: 1rem !important;
    }

    .aff-referral-box {
        flex-direction: column !important;
        align-items: stretch !important;
        gap: 0.75rem !important;
    }

    .aff-share-buttons {
        flex-direction: column !important;
        width: 100% !important;
    }

    .aff-share-btn {
        width: 100% !important;
        justify-content: center !important;
    }

    .chart-container, .aff-card canvas {
        width: 100% !important;
        max-width: 100% !important;
    }
}