*{margin:0;padding:0}body,html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}#root,body,html{height:100%;margin:0;padding:0;width:100%}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.theme-toggle{align-items:center;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:linear-gradient(180deg,#eef5ff,#ffffffb3 25%,#fff);border:1px solid #34c75926;border-radius:50px;box-shadow:0 4px 12px #34c7591a,inset 0 1px 2px #fffc;cursor:pointer;display:flex;height:36px;padding:4px;position:relative;transition:all .4s cubic-bezier(.4,0,.2,1);width:72px}.theme-toggle:hover{border-color:#34c7594d;box-shadow:0 6px 20px #34c75933,inset 0 1px 2px #ffffffe6;transform:translateY(-1px)}.theme-toggle:active{box-shadow:0 2px 8px #34c75926,inset 0 1px 2px #fffc;transform:translateY(0)}.toggle-slider{background:linear-gradient(135deg,#34c759,#2f855a);border-radius:50%;box-shadow:0 3px 8px #34c75966,0 0 0 1px #fff3,inset 0 1px 2px #ffffff4d;height:28px;left:4px;position:absolute;top:4px;transition:all .4s cubic-bezier(.4,0,.2,1);width:28px;z-index:2}.toggle-slider.right{transform:translateX(36px)}.toggle-slider:before{background:linear-gradient(135deg,#34c7594d,#0000);border-radius:50%;content:"";inset:-2px;position:absolute;z-index:-1}.toggle-icon,.toggle-slider:before{transition:all .4s cubic-bezier(.4,0,.2,1)}.toggle-icon{align-items:center;display:flex;flex:1 1;justify-content:center;opacity:.6;transform:scale(.9);z-index:1}.toggle-icon.active{color:#1a1a1a;filter:drop-shadow(0 0 2px rgba(0,0,0,.5));opacity:1;transform:scale(1.1);z-index:3}.toggle-icon:not(.active){color:#333;opacity:.7}body.dark-mode .theme-toggle{background:linear-gradient(180deg,#1a1a1a,#121212 50%,#0a0a0a);border:1px solid #4ade8033;box-shadow:0 4px 12px #0000004d,inset 0 1px 2px #ffffff0d}body.dark-mode .theme-toggle:hover{border-color:#4ade8066;box-shadow:0 6px 20px #4ade8026,inset 0 1px 2px #ffffff14;transform:translateY(-1px)}body.dark-mode .toggle-slider{background:linear-gradient(135deg,#4ade80,#22c55e);box-shadow:0 3px 8px #4ade8080,0 0 0 1px #ffffff1a,inset 0 1px 2px #fff3}body.dark-mode .toggle-slider:before{background:linear-gradient(135deg,#4ade8066,#0000)}body.dark-mode .toggle-icon.active{color:#000;filter:drop-shadow(0 0 2px rgba(0,0,0,.8));z-index:3}body.dark-mode .toggle-icon:not(.active){color:#fff;opacity:.7}.language-select{display:inline-block;overflow:hidden;position:relative}.custom-select{appearance:none;-webkit-appearance:none;-moz-appearance:none;background:#0000;border:none!important;cursor:pointer;height:100%;opacity:0;position:absolute;width:130%}.language-display{align-items:center;background-color:#fff;border:1px solid #00000014;border-radius:20px;box-shadow:0 2px 4px #0000000d;cursor:pointer;display:flex;padding:6px 12px;transition:all .3s ease;-webkit-user-select:none;user-select:none}.language-flag{height:18px;margin-right:8px;width:24px}.language-code{color:#333;font-weight:700;margin-right:8px;text-transform:uppercase}.language-display:hover{background:linear-gradient(135deg,#34c759,#2f855a);border-color:#0000;box-shadow:0 4px 12px #34c7594d;transform:translateY(-2px)}.language-display:hover .language-code{color:#fff}body.dark-mode .language-display{background:linear-gradient(145deg,#1f1f1f,#141414);border:1px solid #ffffff1a;box-shadow:0 2px 4px #0003;color:#f9fafb}body.dark-mode .language-display:hover{background:linear-gradient(135deg,#4ade80,#22c55e);border-color:#0000;box-shadow:0 6px 16px #4ade8040;transform:translateY(-2px) scale(1.05)}body.dark-mode .language-display:hover .language-code{color:#fff}body.dark-mode .language-display:active{background:linear-gradient(135deg,#4ade80,#22c55e);border-color:#0000;transform:translateY(0)}body.dark-mode .language-code{color:#d1d5db;transition:color .3s ease}body.dark-mode .dropdown-arrow{color:#d1d5db}.landing-page{background:linear-gradient(135deg,#f8f9fa,#e9ecef);color:var(--text-dark);min-height:100vh;overflow-x:hidden}body.dark-mode .landing-page{background:linear-gradient(135deg,#1a1a1a,#0d1117);color:var(--text-light)}.landing-header{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffff2;border-bottom:1px solid #0000001a;display:flex;justify-content:space-between;left:0;padding:1rem 2rem;position:fixed;right:0;top:0;z-index:1000}body.dark-mode .landing-header{background:#1a1a1af2;border-bottom:1px solid #ffffff1a}.btn-secondary{align-items:center;background:#0000;border:2px solid var(--primary-color);border-radius:8px;color:var(--primary-color);cursor:pointer;display:inline-flex;font-weight:600;gap:.5rem;padding:.75rem 1.5rem;text-decoration:none;transition:all .3s ease}.btn-secondary:hover{background:var(--primary-color);box-shadow:0 4px 12px #4caf504d;color:#fff;transform:translateY(-2px)}.btn-primary{align-items:center;background:linear-gradient(135deg,var(--primary-color),var(--secondary-color));border:none;border-radius:8px;cursor:pointer;display:inline-flex;font-weight:600;gap:.5rem;padding:.75rem 1.5rem;text-decoration:none;transition:all .3s ease}.btn-primary:hover{background:linear-gradient(135deg,var(--secondary-color),var(--primary-color));box-shadow:0 6px 20px #4caf5066;transform:translateY(-2px)}.hero-section{text-align:center}.hero-background{opacity:.1;z-index:-1}.hero-circles:after,.hero-circles:before{animation:float 6s ease-in-out infinite;background:linear-gradient(45deg,var(--primary-color),var(--secondary-color));border-radius:50%;content:"";opacity:.1;position:absolute}.hero-circles:before{animation-delay:-2s;height:300px;left:-5%;top:20%;width:300px}.hero-circles:after{animation-delay:-4s;bottom:20%;height:200px;right:-5%;width:200px}.hero-content{max-width:800px;z-index:1}.hero-badge{animation:pulse 2s infinite;background:#4caf501a;border:1px solid #4caf504d;color:var(--primary-color);font-weight:600;margin-bottom:2rem}.hero-title{background:linear-gradient(135deg,#333,#666);-webkit-background-clip:text;background-clip:text;color:#0000;line-height:1.2}body.dark-mode .hero-title{background:linear-gradient(135deg,#fff,#ccc);-webkit-background-clip:text;background-clip:text;color:#0000}.gradient-text{animation:shimmer 3s ease-in-out infinite;background:linear-gradient(135deg,var(--primary-color),var(--secondary-color));color:#0000}.hero-subtitle{color:#666;margin-bottom:3rem;margin-left:auto;margin-right:auto;max-width:600px}body.dark-mode .hero-subtitle{color:#ccc}.hero-actions{align-items:center;flex-wrap:wrap;justify-content:center;margin-bottom:4rem}.btn-hero-primary{background:linear-gradient(135deg,var(--primary-color),var(--secondary-color));border-radius:12px;font-weight:700;gap:.5rem;overflow:hidden;position:relative}.btn-hero-primary:before{background:linear-gradient(90deg,#0000,#fff3,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s;width:100%}.btn-hero-primary:hover:before{left:100%}.btn-hero-primary:hover{box-shadow:0 8px 25px #4caf5066}.btn-hero-secondary{background:#4caf501a;border:2px solid #4caf504d;border-radius:12px;color:var(--primary-color);gap:.5rem}.btn-hero-secondary:hover{background:#4caf5033;box-shadow:0 8px 25px #4caf5033}.hero-stats{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));margin:0 auto;max-width:600px}.stat-item{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff80;border:1px solid #fff3;border-radius:12px;padding:1rem;transition:transform .3s ease}body.dark-mode .stat-item{background:#ffffff0d;border:1px solid #ffffff1a}.stat-item:hover{transform:translateY(-5px)}.stat-number{color:var(--primary-color)}.stat-label{color:#666;font-weight:600}body.dark-mode .stat-label{color:#ccc}.features-section{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff80;padding:6rem 2rem}body.dark-mode .features-section{background:#ffffff08}.section-header h2{background:linear-gradient(135deg,#333,#666);-webkit-background-clip:text;background-clip:text;color:#0000}body.dark-mode .section-header h2{background:linear-gradient(135deg,#fff,#ccc);-webkit-background-clip:text;background-clip:text;color:#0000}.section-header p{color:#666;font-size:1.1rem}body.dark-mode .section-header p{color:#ccc}.feature-card{border:1px solid #0000000d;border-radius:16px;box-shadow:0 4px 20px #00000014}body.dark-mode .feature-card{background:#ffffff0d;border:1px solid #ffffff1a;box-shadow:0 4px 20px #0000004d}.feature-card:hover{box-shadow:0 12px 40px #00000026}body.dark-mode .feature-card:hover{box-shadow:0 12px 40px #00000080}.feature-icon{background:linear-gradient(135deg,var(--primary-color),var(--secondary-color));box-shadow:0 8px 25px #4caf504d}.feature-card h3{color:#333;font-weight:700}body.dark-mode .feature-card h3{color:#fff}.feature-card p{color:#666}body.dark-mode .feature-card p{color:#ccc}.benefits-section{padding:6rem 2rem}.benefits-text h2{background:linear-gradient(135deg,#333,#666);-webkit-background-clip:text;background-clip:text;color:#0000}body.dark-mode .benefits-text h2{background:linear-gradient(135deg,#fff,#ccc);-webkit-background-clip:text;background-clip:text;color:#0000}.benefits-text p{color:#666;font-size:1.1rem}body.dark-mode .benefits-text p{color:#ccc}.benefit-item{color:#333;font-weight:600}body.dark-mode .benefit-item{color:#fff}.check-icon{background:#4caf501a;border-radius:50%;color:var(--primary-color);padding:.25rem}.btn-benefits{align-items:center;background:linear-gradient(135deg,var(--primary-color),var(--secondary-color));border:none;border-radius:12px;color:#fff;cursor:pointer;display:flex;font-size:1.1rem;font-weight:700;gap:.5rem;padding:1rem 2rem;transition:all .3s ease}.btn-benefits:hover{box-shadow:0 8px 25px #4caf5066;transform:translateY(-3px)}.dashboard-mockup{animation:float 6s ease-in-out infinite;background:#fff;border-radius:16px;box-shadow:0 20px 60px #00000026;max-width:400px;overflow:hidden;width:100%}body.dark-mode .dashboard-mockup{background:#1a1a1a}.mockup-header{align-items:center;background:#f8f9fa;border-bottom:1px solid #e9ecef;display:flex;padding:1rem}body.dark-mode .mockup-header{background:#2d2d2d;border-bottom:1px solid #444}.mockup-dots{display:flex;gap:.5rem}.mockup-dots span{background:#dee2e6;border-radius:50%;height:12px;width:12px}body.dark-mode .mockup-dots span{background:#666}.mockup-dots span:first-child{background:#ff5f56}.mockup-dots span:nth-child(2){background:#ffbd2e}.mockup-dots span:nth-child(3){background:#27ca3f}.mockup-content{padding:2rem}.mockup-chart{margin-bottom:2rem}.chart-bars{gap:1rem;height:150px}.bar{animation:growBar 2s ease-out;background:linear-gradient(135deg,var(--primary-color),var(--secondary-color));border-radius:4px;min-height:20px}@keyframes growBar{0%{height:0}to{height:var(--height)}}.mockup-stats{grid-gap:1rem;display:grid;gap:1rem}.stat-row{align-items:center;display:flex;gap:1rem}.stat-dot{background:var(--primary-color);border-radius:50%;height:12px;width:12px}.stat-line{background:#e9ecef;border-radius:4px;flex:1 1;height:8px}body.dark-mode .stat-line{background:#444}.stat-line.short{flex:0.6 1}.stat-line.medium{flex:0.8 1}.cta-section{background:linear-gradient(135deg,var(--primary-color),var(--secondary-color));padding:6rem 2rem}.cta-icon{font-size:3rem;margin-bottom:2rem;opacity:.9}.cta-content h2{margin-bottom:1.5rem}.cta-content p{font-size:1.2rem;margin-bottom:3rem}.cta-actions{align-items:center;flex-wrap:wrap}.btn-cta-primary{background:#fff;border-radius:12px;color:var(--primary-color);font-size:1.1rem;font-weight:700;gap:.5rem}.btn-cta-primary:hover{box-shadow:0 8px 25px #0003}.btn-cta-secondary{background:#0000;border-radius:12px;font-size:1.1rem}.btn-cta-secondary:hover{background:#ffffff1a}.landing-footer{background:#1a1a1a;color:#ccc;padding:2rem;text-align:center}.footer-content{align-items:center;display:flex;flex-wrap:wrap;gap:1rem;justify-content:space-between}.footer-links{display:flex}.footer-links a{color:#ccc;text-decoration:none;transition:color .3s ease}.footer-links a:hover{color:var(--primary-color)}@media (max-width:768px){.landing-header{flex-wrap:wrap;gap:1rem;padding:1rem}.header-actions{flex-wrap:wrap;gap:.5rem}.btn-primary,.btn-secondary{font-size:.9rem;padding:.5rem 1rem}.hero-section{padding:6rem 1rem 4rem}.hero-title{font-size:2.5rem}.hero-subtitle{font-size:1.1rem}.hero-actions{flex-direction:column;gap:1rem}.btn-hero-primary,.btn-hero-secondary{justify-content:center;width:100%}.hero-stats{gap:1rem;grid-template-columns:repeat(2,1fr)}.benefits-content,.features-grid{grid-template-columns:1fr}.benefits-content{gap:2rem;text-align:center}.benefits-text h2,.cta-content h2,.section-header h2{font-size:2rem}.cta-actions{flex-direction:column;gap:1rem}.btn-cta-primary,.btn-cta-secondary{justify-content:center;width:100%}.footer-content{flex-direction:column;gap:1rem}.footer-links{flex-wrap:wrap;gap:1rem;justify-content:center}}.custom-modal-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background-color:#0009}.custom-modal{animation:modalSlideIn .2s ease-out;background:var(--bg-color);border:1px solid var(--border-color);border-radius:12px;box-shadow:0 20px 40px #0000004d;max-height:85vh;max-width:90vw;overflow:visible}.custom-modal-header{align-items:center;background:var(--bg-secondary);border-bottom:1px solid var(--border-color);display:flex;padding:15px 20px}.custom-modal-title{color:var(--text-primary);flex:1 1;font-size:1.5rem;font-weight:600;margin:0}.custom-modal-close{background:none;border:none;border-radius:6px;color:var(--text-secondary);cursor:pointer;font-size:1.2rem;padding:8px;transition:all .2s ease}.custom-modal-close:hover{background:var(--bg-hover);color:var(--text-primary)}.custom-modal-body{max-height:none;overflow-y:visible;padding:15px 20px}.custom-modal.registration-modal{max-width:90vw;width:450px}.custom-modal.registration-modal .custom-modal-body{overflow-y:visible;padding:10px 20px}.registration-modal-header{margin-bottom:10px}.registration-user-type-selector{margin-bottom:8px}.registration-user-type-options{display:flex;gap:10px}.registration-user-type-option{background:var(--bg-color);border:2px solid var(--border-color);border-radius:6px;color:var(--text-primary);flex:1 1;font-size:13px;font-weight:500;gap:6px;justify-content:center;padding:10px;transition:all .2s ease}.registration-user-type-option:hover{background:#007bff0d;border-color:var(--primary-color)}.registration-user-type-option.active{background:var(--primary-color);border-color:var(--primary-color);color:#fff}.registration-modal-form{gap:8px}.registration-input-icon{color:var(--text-secondary);font-size:14px;left:10px;top:50%;transform:translateY(-50%);z-index:1}.registration-auth-input{background:var(--bg-color);border:2px solid var(--border-color);border-radius:6px;color:var(--text-primary);font-size:13px;padding:10px 10px 10px 35px;transition:all .2s ease}.registration-auth-input:focus{border-color:var(--primary-color);box-shadow:0 0 0 3px #007bff1a}.registration-auth-input.registration-has-toggle{padding-right:35px}.registration-password-toggle{border-radius:3px;color:var(--text-secondary);font-size:14px;padding:3px;right:10px;top:50%;transform:translateY(-50%);transition:all .2s ease}.registration-password-toggle:hover{background:var(--bg-hover);color:var(--text-primary)}.registration-success-icon{font-size:16px;right:12px}.registration-error-message{color:#f44336;font-size:12px;margin-top:4px;padding-left:4px}.registration-geolocation-info{color:var(--text-secondary);font-size:11px;margin:8px 0}.registration-submit-btn{background:var(--primary-color);border-radius:6px;font-size:14px;font-weight:500;margin-top:4px;padding:10px;transition:all .2s ease}.registration-submit-btn:hover{background:var(--primary-hover)}.registration-submit-btn:disabled{background:var(--text-secondary)}.registration-modal-footer{margin-top:10px}.registration-divider{color:var(--text-secondary);font-size:12px;margin:10px 0}.registration-secondary-btn{border:2px solid var(--primary-color);border-radius:8px;color:var(--primary-color);font-size:14px;font-weight:500;padding:10px;transition:all .2s ease}.registration-secondary-btn:hover{background:var(--primary-color)}.modal-icon{font-size:1.5rem;margin-right:12px}.modal-icon.success{color:#4caf50}.modal-icon.error{color:#f44336}.modal-icon.warning{color:#ff9800}.modal-icon.info{color:#2196f3}.custom-modal.success{border-left:4px solid #4caf50}.custom-modal.error{border-left:4px solid #f44336}.custom-modal.warning{border-left:4px solid #ff9800}.custom-modal.info{border-left:4px solid #2196f3}.modal-button{border-radius:6px;font-size:14px;font-weight:500;margin:0 5px;transition:all .2s ease}.modal-button-primary{background:var(--primary-color);color:#fff}.modal-button-primary:hover{background:var(--primary-hover)}.modal-button-secondary{background:var(--bg-hover);border:1px solid var(--border-color);color:var(--text-primary)}.modal-button-secondary:hover{background:var(--bg-secondary)}.modal-button-success{background:#4caf50;color:#fff}.modal-button-success:hover{background:#45a049}.modal-button-danger{background:#f44336;color:#fff}.modal-button-danger:hover{background:#da190b}.modal-actions{justify-content:flex-end;margin-top:20px}.modal-notification{align-items:center;border-radius:8px;display:flex;margin-bottom:16px;padding:16px}.modal-notification.success{background:#4caf501a;border:1px solid #4caf504d;color:#4caf50}.modal-notification.error{background:#f443361a;border:1px solid #f443364d;color:#f44336}.modal-notification.warning{background:#ff98001a;border:1px solid #ff98004d;color:#ff9800}.modal-notification.info{background:#2196f31a;border:1px solid #2196f34d;color:#2196f3}.twofa-inputs{display:flex;gap:8px;justify-content:center;margin:20px 0}.twofa-input{background:var(--bg-color);border:2px solid var(--border-color);border-radius:8px;color:var(--text-primary);font-size:20px;height:50px;text-align:center;transition:all .2s ease;width:50px}.twofa-input:focus{border-color:var(--primary-color);box-shadow:0 0 0 3px #007bff1a;outline:none}.custom-modal.verification-modal{max-width:95vw;min-height:auto;width:400px}.custom-modal.verification-modal .custom-modal-body{overflow-y:visible;padding:20px}.verification-content{text-align:center}.verification-message{color:var(--text-secondary);font-size:14px;line-height:1.5;margin:0 0 25px}.verification-inputs{align-items:center;display:flex!important;flex-wrap:nowrap;gap:8px;justify-content:center;margin:20px auto;max-width:300px;overflow:visible;width:100%}.verification-input{background:#fff!important;border:2px solid #ddd!important;border-radius:6px!important;box-sizing:border-box!important;color:#333!important;display:block!important;flex:0 0 36px!important;flex-shrink:0!important;font-size:18px!important;font-weight:700!important;height:36px!important;line-height:1!important;max-width:36px!important;min-width:36px!important;opacity:1!important;padding:0!important;position:relative!important;text-align:center!important;transition:all .15s ease;visibility:visible!important;width:36px!important;z-index:1!important}.verification-input:focus{box-shadow:0 0 0 2px #007bff4d!important;outline:none!important}.verification-input:focus,.verification-input:hover{background:#fff!important;border-color:#007bff!important;color:#333!important}.verification-actions{display:flex;gap:12px;justify-content:center;margin-top:25px}.verification-actions .modal-button{font-size:14px;min-width:100px;padding:10px 20px}.custom-modal.login-modal{max-width:90vw;width:400px}.custom-modal.login-modal .custom-modal-body{overflow-y:visible;padding:10px 20px}.login-modal-header{margin-bottom:15px}.login-modal-header p{color:var(--text-secondary);font-size:14px;margin:0}.login-modal-form{gap:12px}.login-input-group{position:relative}.login-input-icon{color:var(--text-secondary);font-size:16px;left:12px;top:50%;transform:translateY(-50%);z-index:1}.login-auth-input{background:var(--bg-color);border:2px solid var(--border-color);border-radius:8px;color:var(--text-primary);font-size:14px;padding:12px 12px 12px 40px;transition:all .2s ease}.login-auth-input:focus{border-color:var(--primary-color);box-shadow:0 0 0 3px #007bff1a}.login-auth-input.login-has-toggle{padding-right:40px}.login-password-toggle{border-radius:4px;color:var(--text-secondary);font-size:16px;padding:4px;right:12px;top:50%;transform:translateY(-50%);transition:all .2s ease}.login-password-toggle:hover{background:var(--bg-hover);color:var(--text-primary)}.login-checkbox-group{margin:5px 0}.login-checkbox-label{color:var(--text-primary);font-size:14px}.login-checkbox-label input[type=checkbox]{height:16px;margin-right:8px;width:16px}.login-submit-btn{background:var(--primary-color);border-radius:8px;font-size:16px;font-weight:500;margin-top:5px;padding:12px;transition:all .2s ease}.login-submit-btn:hover{background:var(--primary-hover)}.login-submit-btn:disabled{background:var(--text-secondary)}.login-modal-footer{margin-top:15px}.login-link-btn{color:var(--primary-color);font-size:12px;margin-bottom:10px}.login-link-btn:hover{opacity:.8}.login-divider{color:var(--text-secondary);font-size:12px;margin:10px 0}.login-secondary-btn{border:2px solid var(--primary-color);border-radius:8px;color:var(--primary-color);font-size:14px;font-weight:500;padding:10px;transition:all .2s ease}.login-secondary-btn:hover{background:var(--primary-color)}.login-modal-overlay{align-items:center;animation:fadeIn .3s ease;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#000000b3;bottom:0;display:flex;justify-content:center;left:0;padding:1rem;position:fixed;right:0;top:0;z-index:10000}.login-modal-content{animation:slideUp .3s ease;background:#fff;border-radius:20px;box-shadow:0 20px 60px #0000004d;max-height:90vh;max-width:550px;overflow-y:auto;padding:2rem;position:relative;width:100%}body.dark-mode .login-modal-content{background:#2d3748;color:#f7fafc}.login-modal-close{align-items:center;background:none;border:none;border-radius:50%;color:#718096;cursor:pointer;display:flex;font-size:1.5rem;height:40px;justify-content:center;position:absolute;right:1rem;top:1rem;transition:all .3s ease;width:40px}.login-modal-close:hover{background:#f7fafc;color:#2d3748;transform:rotate(90deg)}body.dark-mode .login-modal-close:hover{background:#4a5568;color:#f7fafc}.login-modal-header{margin-bottom:2rem;text-align:center}.login-modal-header h2{color:#2d3748;font-size:1.75rem;font-weight:700;margin-bottom:.5rem}body.dark-mode .login-modal-header h2{color:#f7fafc}.login-modal-header p{color:#718096;font-size:1rem}body.dark-mode .login-modal-header p{color:#a0aec0}.login-modal-form{display:flex;flex-direction:column;gap:1.5rem}.login-input-group{display:flex;flex-direction:column;gap:.5rem}.login-input-with-icon{align-items:center;display:flex;position:relative;width:100%}.login-input-icon{align-items:center;color:#718096;display:flex;font-size:1rem;height:20px;justify-content:center;left:1rem;pointer-events:none;position:absolute;width:20px;z-index:2}.login-auth-input{background:#fff;border:2px solid #e2e8f0;border-radius:12px;box-sizing:border-box;color:#2d3748;font-size:1rem;padding:1rem 3.5rem!important;position:relative;transition:all .3s ease;width:100%;z-index:1}.login-auth-input.login-has-toggle{padding-right:1rem!important}.login-auth-input:focus{border-color:#4caf50;box-shadow:0 0 0 3px #4caf501a;outline:none}body.dark-mode .login-auth-input{background:#4a5568;border-color:#718096;color:#f7fafc}body.dark-mode .login-auth-input:focus{border-color:#4caf50}.login-password-toggle{background:none;border:none;color:#718096;cursor:pointer;font-size:1rem;position:absolute;right:1.25rem;transition:color .3s ease;z-index:2}.login-password-toggle:hover{color:#4caf50}.login-submit-btn{background:linear-gradient(135deg,#4caf50,#2f855a);border:none;border-radius:12px;color:#fff;cursor:pointer;font-size:1.1rem;font-weight:600;margin-top:1rem;padding:1rem 2rem;transition:all .3s ease;width:100%}.login-submit-btn:hover:not(:disabled){box-shadow:0 8px 25px #4caf504d;transform:translateY(-2px)}.login-submit-btn:disabled{cursor:not-allowed;opacity:.7}.login-modal-footer{margin-top:2rem;text-align:center}.login-link-btn{background:none;border:none;color:#4caf50;cursor:pointer;font-size:.875rem;margin-bottom:1rem;text-decoration:underline;transition:color .3s ease}.login-link-btn:hover{color:#2f855a}.login-divider{margin:1.5rem 0;position:relative;text-align:center}.login-divider:before{background:#e2e8f0;content:"";height:1px;left:0;position:absolute;right:0;top:50%}.login-divider span{background:#fff;color:#718096;font-size:.875rem;padding:0 1rem;position:relative;z-index:1}body.dark-mode .login-divider:before{background:#4a5568}body.dark-mode .login-divider span{background:#2d3748;color:#a0aec0}.login-secondary-btn{background:#0000;border:2px solid #4caf50;border-radius:12px;color:#4caf50;cursor:pointer;font-size:1rem;font-weight:600;padding:1rem 2rem;transition:all .3s ease;width:100%}.login-secondary-btn:hover{background:#4caf50;color:#fff;transform:translateY(-2px)}.login-2fa-inputs{display:flex;gap:.5rem;justify-content:center;margin:1.5rem 0}.login-2fa-input{background:#fff;border:2px solid #e2e8f0;border-radius:8px;color:#2d3748;font-size:1.5rem;font-weight:700;height:50px;text-align:center;transition:all .3s ease;width:50px}.login-2fa-input:focus{border-color:#4caf50;box-shadow:0 0 0 3px #4caf501a;outline:none}body.dark-mode .login-2fa-input{background:#4a5568;border-color:#718096;color:#f7fafc}body.dark-mode .login-2fa-input:focus{border-color:#4caf50}.login-checkbox-group{margin:1rem 0}.login-checkbox-label{align-items:center;color:#718096;cursor:pointer;display:flex;font-size:.9rem;gap:.5rem}.login-checkbox-label input[type=checkbox]{appearance:none;background:#fff;border:2px solid #e2e8f0;border-radius:4px;cursor:pointer;height:18px;position:relative;transition:all .3s ease;width:18px}.login-checkbox-label input[type=checkbox]:checked{background:#4caf50;border-color:#4caf50}.login-checkbox-label input[type=checkbox]:checked:after{color:#fff;content:"✓";font-size:12px;font-weight:700;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%)}.login-checkbox-label input[type=checkbox]:focus{box-shadow:0 0 0 3px #4caf501a;outline:none}body.dark-mode .login-checkbox-label{color:#a0aec0}body.dark-mode .login-checkbox-label input[type=checkbox]{background:#4a5568;border-color:#718096}body.dark-mode .login-checkbox-label input[type=checkbox]:checked{background:#4caf50;border-color:#4caf50}.registration-modal-overlay{align-items:center;animation:fadeIn .3s ease;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#000000b3;bottom:0;display:flex;justify-content:center;left:0;padding:1rem;position:fixed;right:0;top:0;z-index:10000}.registration-modal-content{animation:slideUp .3s ease;background:#fff;border-radius:20px;box-shadow:0 20px 60px #0000004d;max-height:90vh;max-width:600px;overflow-y:auto;padding:2rem;position:relative;width:100%}body.dark-mode .registration-modal-content{background:#2d3748;color:#f7fafc}.registration-modal-close{align-items:center;background:none;border:none;border-radius:50%;color:#718096;cursor:pointer;display:flex;font-size:1.5rem;height:40px;justify-content:center;position:absolute;right:1rem;top:1rem;transition:all .3s ease;width:40px}.registration-modal-close:hover{background:#f7fafc;color:#2d3748;transform:rotate(90deg)}body.dark-mode .registration-modal-close:hover{background:#4a5568;color:#f7fafc}.registration-modal-header{margin-bottom:2rem;text-align:center}.registration-modal-header h2{color:#2d3748;font-size:1.75rem;font-weight:700;margin-bottom:.5rem}body.dark-mode .registration-modal-header h2{color:#f7fafc}.registration-modal-header p{color:#718096;font-size:1rem}body.dark-mode .registration-modal-header p{color:#a0aec0}.registration-modal-form{display:flex;flex-direction:column;gap:0}.registration-input-group{display:flex;flex-direction:column;gap:.5rem}.registration-input-with-icon{align-items:center;display:flex;position:relative;width:100%}.registration-input-icon{align-items:center;color:#718096;display:flex;font-size:1rem;height:20px;justify-content:center;left:1rem;pointer-events:none;position:absolute;width:20px;z-index:2}.registration-auth-input{background:#fff;border:2px solid #e2e8f0;border-radius:12px;box-sizing:border-box;color:#2d3748;font-size:1rem;padding:1rem 3.5rem!important;position:relative;transition:all .3s ease;width:100%;z-index:1}.registration-auth-input.registration-has-toggle{padding-right:1rem!important}.registration-auth-input:focus{border-color:#4caf50;box-shadow:0 0 0 3px #4caf501a;outline:none}body.dark-mode .registration-auth-input{background:#4a5568;border-color:#718096;color:#f7fafc}body.dark-mode .registration-auth-input:focus{border-color:#4caf50}.registration-password-toggle{background:none;border:none;color:#718096;cursor:pointer;font-size:1rem;position:absolute;right:1.25rem;transition:color .3s ease;z-index:2}.registration-password-toggle:hover{color:#4caf50}.registration-submit-btn{background:linear-gradient(135deg,#4caf50,#2f855a);border:none;border-radius:12px;color:#fff;cursor:pointer;font-size:1.1rem;font-weight:600;margin-top:1rem;padding:1rem 2rem;transition:all .3s ease;width:100%}.registration-submit-btn:hover:not(:disabled){box-shadow:0 8px 25px #4caf504d;transform:translateY(-2px)}.registration-submit-btn:disabled{cursor:not-allowed;opacity:.7}.registration-modal-footer{margin-top:2rem;text-align:center}.registration-link-btn{background:none;border:none;color:#4caf50;cursor:pointer;font-size:.875rem;margin-bottom:1rem;text-decoration:underline;transition:color .3s ease}.registration-link-btn:hover{color:#2f855a}.registration-divider{margin:1.5rem 0;position:relative;text-align:center}.registration-divider:before{background:#e2e8f0;content:"";height:1px;left:0;position:absolute;right:0;top:50%}.registration-divider span{background:#fff;color:#718096;font-size:.875rem;padding:0 1rem;position:relative;z-index:1}body.dark-mode .registration-divider:before{background:#4a5568}body.dark-mode .registration-divider span{background:#2d3748;color:#a0aec0}.registration-secondary-btn{background:#0000;border:2px solid #4caf50;border-radius:12px;color:#4caf50;cursor:pointer;font-size:1rem;font-weight:600;padding:1rem 2rem;transition:all .3s ease;width:100%}.registration-secondary-btn:hover{background:#4caf50;color:#fff;transform:translateY(-2px)}.registration-user-type-selection{margin-bottom:1.5rem;text-align:center}.registration-user-type-selection h3{color:#2d3748;font-size:1.1rem;font-weight:600;margin-bottom:1rem}body.dark-mode .registration-user-type-selection h3{color:#f7fafc}.registration-user-type-options{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:1fr 1fr}.registration-user-type-option{align-items:center;background:#fff;border:2px solid #e2e8f0;border-radius:16px;cursor:pointer;display:flex;gap:1rem;min-height:80px;padding:1.25rem;text-align:left;transition:all .3s ease}.registration-user-type-option:hover{border-color:#4caf50;box-shadow:0 4px 15px #4caf5026;transform:translateY(-2px)}.registration-user-type-option.selected{background:linear-gradient(135deg,#4caf501a,#2f855a1a);border-color:#4caf50;box-shadow:0 4px 15px #4caf5033}body.dark-mode .registration-user-type-option{background:#4a5568;border-color:#718096}body.dark-mode .registration-user-type-option:hover{border-color:#4caf50}body.dark-mode .registration-user-type-option.selected{background:linear-gradient(135deg,#4caf501a,#2f855a1a);border-color:#4caf50}.registration-user-type-icon{align-items:center;background:linear-gradient(135deg,#4caf50,#2f855a);border-radius:12px;box-shadow:0 4px 12px #4caf5033;color:#fff;display:flex;flex-shrink:0;font-size:1.5rem;height:48px;justify-content:center;width:48px}.registration-user-type-content h4{color:#2d3748;font-size:1.1rem;font-weight:700;margin-bottom:.5rem}body.dark-mode .registration-user-type-content h4{color:#f7fafc}.registration-user-type-content p{color:#718096;font-size:.85rem;line-height:1.4;margin:0}body.dark-mode .registration-user-type-content p{color:#a0aec0}.registration-error-message{bottom:-20px;color:#e53e3e;font-size:.8rem;left:0;margin-top:.5rem;position:absolute;width:100%}.registration-success-icon{color:#4caf50;font-size:1rem;position:absolute;right:1rem;top:50%;transform:translateY(-50%);z-index:2}.registration-input-group{margin-bottom:1.5rem;position:relative}.registration-geolocation-info{background:#f7fafc;border-left:4px solid #4caf50;border-radius:8px;margin:1rem 0;padding:.75rem;text-align:center}.registration-geolocation-info p{color:#4a5568;font-size:.9rem;font-weight:500;margin:0}body.dark-mode .registration-geolocation-info{background:#4a5568;border-left-color:#4caf50}body.dark-mode .registration-geolocation-info p{color:#f7fafc}@media (max-width:768px){.login-modal-content,.registration-modal-content{margin:1rem;max-width:none;padding:1.5rem}.registration-user-type-options{grid-template-columns:1fr}.registration-user-type-option{padding:.75rem}}.account-type-modal{max-height:90vh;max-width:800px;width:90vw}.account-type-modal .custom-modal-body{display:flex;flex-direction:column;max-height:calc(90vh - 80px);padding:0}.account-type-content{display:flex;flex-direction:column;height:100%}.account-step-wrapper{flex:1 1;overflow-y:auto;padding:20px;scrollbar-color:var(--border-color) #0000;scrollbar-width:thin}.account-step-wrapper::-webkit-scrollbar{width:6px}.account-step-wrapper::-webkit-scrollbar-track{background:#0000}.account-step-wrapper::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:3px;-webkit-transition:background .2s ease;transition:background .2s ease}.account-step-wrapper::-webkit-scrollbar-thumb:hover{background:var(--text-secondary)}.step-indicator{background:var(--bg-color);border-bottom:1px solid var(--border-color);flex-shrink:0;padding:20px 20px 15px}.steps{align-items:center;display:flex;justify-content:center;margin-bottom:20px}.step{position:relative}.step span{align-items:center;background:var(--bg-secondary);border:2px solid var(--border-color);border-radius:50%;color:var(--text-secondary);display:flex;font-weight:600;height:32px;justify-content:center;transition:all .3s ease;width:32px}.step.active span{background:var(--primary-color);border-color:var(--primary-color);color:#fff}.step.current span{box-shadow:0 0 0 4px #007bff33}.step-line{background:var(--border-color);height:2px;margin:0 10px;width:60px}.step.active .step-line{background:var(--primary-color)}.account-step h3{color:var(--text-primary);margin-bottom:20px;text-align:center}.account-type-options{grid-gap:20px;display:grid;gap:20px;grid-template-columns:1fr 1fr;margin:20px 0}.account-type-option{background:var(--bg-color);border:2px solid var(--border-color);border-radius:12px;cursor:pointer;padding:20px;text-align:center;transition:all .3s ease}.account-type-option:hover{background:var(--bg-hover);border-color:var(--primary-color)}.account-type-option.selected{background:#007bff1a;border-color:var(--primary-color)}.account-type-icon{color:var(--primary-color);font-size:2.5rem;margin-bottom:10px}.account-type-content h4{color:var(--text-primary);margin:10px 0 5px}.account-type-content p{color:var(--text-secondary);font-size:.9rem}.form-group{margin-bottom:20px}.form-group label{color:var(--text-primary);display:block;margin-bottom:8px}.form-row{grid-gap:20px;display:grid;gap:20px;grid-template-columns:1fr 1fr}.form-group input,.form-group select,.form-group textarea{background:var(--bg-color);border:2px solid var(--border-color);border-radius:8px;color:var(--text-primary);padding:12px;transition:all .3s ease;width:100%}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:var(--primary-color);box-shadow:0 0 0 3px #007bff1a}.form-group input.error,.form-group select.error,.form-group textarea.error{border-color:#f44336}.form-group input.valid,.form-group select.valid,.form-group textarea.valid{border-color:#4caf50}.error-message{color:#f44336;display:block;font-size:.8rem}.radio-group{display:flex;gap:20px}.radio-option{align-items:center;border:2px solid var(--border-color);border-radius:8px;cursor:pointer;display:flex;padding:10px;transition:all .3s ease}.radio-option:hover{background:var(--bg-hover);border-color:var(--primary-color)}.radio-option input[type=radio]{margin-right:8px;width:auto}.radio-option svg{color:var(--primary-color);margin-right:8px}.input-with-icon{align-items:center;display:flex;position:relative}.input-with-icon svg{color:var(--text-secondary);font-size:14px;left:12px;pointer-events:none;position:absolute;top:50%;transform:translateY(-50%);z-index:2}.input-with-icon input{padding-left:45px!important;position:relative;z-index:1}.file-upload{gap:10px}.file-upload,.file-upload-btn{align-items:center;display:flex}.file-upload-btn{background:var(--bg-secondary);border:2px solid var(--border-color);border-radius:8px;color:var(--text-primary);cursor:pointer;gap:8px;padding:10px 16px;transition:all .3s ease}.file-upload-btn:hover{background:var(--bg-hover);border-color:var(--primary-color)}.reset-file-btn{background:#f44336;border:none;border-radius:6px;color:#fff;cursor:pointer;padding:8px 12px;transition:all .3s ease}.reset-file-btn:hover{background:#da190b}.currency-grid{grid-gap:15px;display:grid;gap:15px;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));margin:20px 0}.currency-option{background:var(--bg-color);border:2px solid var(--border-color);border-radius:10px;cursor:pointer;padding:15px;text-align:center;transition:all .3s ease}.currency-option:hover{background:var(--bg-hover);border-color:var(--primary-color)}.currency-option.selected{background:#007bff1a;border-color:var(--primary-color)}.currency-flag{display:block;font-size:1.5rem;margin-bottom:5px}.currency-symbol{color:var(--text-primary);display:block;font-weight:600;margin-bottom:2px}.currency-name{color:var(--text-secondary);display:block;font-size:.8rem}.checkbox-label{align-items:flex-start;cursor:pointer;display:flex;font-size:.9rem}.checkbox-label input[type=checkbox]{margin-right:10px;margin-top:2px;width:auto}.geolocation-info{background:var(--bg-secondary);border-radius:8px;margin-bottom:20px;padding:10px 15px;text-align:center}.geolocation-info p{color:var(--text-secondary);font-size:.9rem;margin:0}.currency-select-wrapper{align-items:center;display:flex;position:relative}.currency-flag-image{border-radius:2px;height:12px;left:12px;pointer-events:none;position:absolute;top:50%;transform:translateY(-50%);width:16px;z-index:2}.currency-select{appearance:none;background:var(--bg-color);border:2px solid var(--border-color);border-radius:8px;color:var(--text-primary);cursor:pointer;font-size:14px;padding:12px 12px 12px 45px;transition:all .2s ease;width:100%}.currency-select:focus{border-color:var(--primary-color);box-shadow:0 0 0 3px #007bff1a;outline:none}.currency-select option{background:var(--bg-color);color:var(--text-primary);padding:10px}@media (max-width:768px){.account-type-modal{max-height:95vh;width:98vw}.account-type-modal .custom-modal-body{max-height:calc(95vh - 60px)}.account-step-wrapper{max-height:calc(95vh - 160px);padding:15px}.account-type-options,.form-row{grid-template-columns:1fr}.radio-group{flex-direction:column}.steps{flex-wrap:wrap}.step-line{margin:0 5px;width:30px}.currency-grid{grid-template-columns:repeat(auto-fit,minmax(120px,1fr))}}@media (max-width:480px){.account-type-modal{border-radius:0;max-height:100vh;width:100vw}.account-type-modal .custom-modal-body{max-height:calc(100vh - 60px)}.account-step-wrapper{max-height:calc(100vh - 120px);padding:10px}.form-group{margin-bottom:15px}.form-input{font-size:16px;padding:12px}.step-navigation{padding:10px 15px}.nav-button{font-size:14px;padding:10px 20px}.step-indicator{padding:15px}.steps{gap:8px}.step-number{font-size:12px;height:24px;width:24px}}.home-page{background:linear-gradient(135deg,#4caf50,#2f855a);min-height:100vh;overflow-x:hidden;overflow-y:auto}.home-page,.home-page-container{bottom:0!important;height:100vh!important;left:0!important;margin:0!important;padding:0!important;position:fixed!important;right:0!important;top:0!important;width:100vw!important;z-index:1}body:has(.home-page){margin:0!important;overflow:hidden;padding:0!important}#root:has(.home-page){height:100vh!important;margin:0!important;padding:0!important;width:100vw!important}body.dark-mode .home-page{background:linear-gradient(135deg,#1a1a1a,#2d2d2d)}.home-header{align-items:center;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#fffffff2;border-bottom:1px solid #ffffff1a;display:flex;justify-content:space-between;left:0;padding:1rem 2rem;position:fixed;right:0;top:0;transition:all .3s ease;z-index:1000}body.dark-mode .home-header{background:#1a1a2ef2;border-bottom:1px solid #ffffff0d}.brand-logo,.header-brand{align-items:center;display:flex}.brand-logo{font-size:1.5rem;font-weight:700;gap:.75rem;text-decoration:none}.brand-logo,body.dark-mode .brand-logo{color:#4caf50}.logo-icon{font-size:2rem}.brand-name,.logo-icon{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#4caf50,#2f855a);-webkit-background-clip:text;background-clip:text}.header-nav{align-items:center;display:flex;gap:2rem}.nav-link{color:#4a5568;font-weight:500;position:relative;text-decoration:none;transition:all .3s ease}.nav-link:hover{color:#4caf50;transform:translateY(-1px)}.nav-link:after{background:linear-gradient(135deg,#4caf50,#2f855a);bottom:-4px;content:"";height:2px;left:0;position:absolute;transition:width .3s ease;width:0}.nav-link:hover:after{width:100%}body.dark-mode .nav-link{color:#a0aec0}body.dark-mode .nav-link:hover{color:#4caf50}.header-actions,.header-controls{align-items:center;display:flex;gap:1rem}.btn-header-secondary{align-items:center;background:#0000;border:2px solid #4caf50;border-radius:50px;color:#4caf50;cursor:pointer;display:inline-flex;font-weight:600;gap:.5rem;padding:.75rem 1.5rem;text-decoration:none;transition:all .3s ease}.btn-header-secondary:hover{background:#4caf50;box-shadow:0 8px 25px #4caf504d;color:#fff;transform:translateY(-2px)}.btn-header-primary{align-items:center;background:linear-gradient(135deg,#4caf50,#2f855a);border:none;border-radius:50px;color:#fff;cursor:pointer;display:inline-flex;font-weight:600;gap:.5rem;padding:.75rem 1.5rem;text-decoration:none;transition:all .3s ease}.btn-header-primary:hover{box-shadow:0 8px 25px #4caf5066;transform:translateY(-2px)}.hero-section{align-items:center;display:flex;justify-content:center;min-height:100vh;overflow:hidden;padding:8rem 2rem 4rem;position:relative}.hero-background{bottom:0;left:0;position:absolute;right:0;top:0;z-index:1}.hero-particles{height:100%;position:absolute;width:100%}.particle{animation:float 6s ease-in-out infinite;background:#ffffff4d;border-radius:50%;height:4px;position:absolute;width:4px}.particle:first-child{animation-delay:0s;left:20%;top:20%}.particle:nth-child(2){animation-delay:2s;left:80%;top:60%}.particle:nth-child(3){animation-delay:4s;left:40%;top:80%}.particle:nth-child(4){animation-delay:1s;left:70%;top:30%}.particle:nth-child(5){animation-delay:3s;left:10%;top:70%}.hero-content{grid-gap:4rem;align-items:center;display:grid;gap:4rem;grid-template-columns:1fr 1fr;max-width:1200px;position:relative;width:100%;z-index:2}.hero-badge{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff26;border:1px solid #fff3;border-radius:50px;color:#fff;display:inline-flex;font-size:.875rem;font-weight:500;gap:.5rem;margin-bottom:1.5rem;padding:.5rem 1rem}.badge-icon{color:gold}.hero-title{color:#fff;font-size:3.5rem;font-weight:800;line-height:1.1;margin-bottom:1.5rem}.gradient-text{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#66bb6a,#43a047);-webkit-background-clip:text;background-clip:text}.hero-subtitle{color:#ffffffe6;font-size:1.25rem;line-height:1.6;margin-bottom:2rem}.hero-actions{display:flex;gap:1rem;margin-bottom:3rem}.btn-hero-primary{align-items:center;background:linear-gradient(135deg,#66bb6a,#43a047);border:none;border-radius:50px;box-shadow:0 8px 25px #4caf504d;color:#fff;cursor:pointer;display:flex;font-size:1.1rem;font-weight:600;gap:.75rem;padding:1rem 2rem;transition:all .3s ease}.btn-hero-primary:hover{box-shadow:0 12px 35px #4caf5066;transform:translateY(-3px)}.btn-hero-secondary{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:2px solid #ffffff4d;border-radius:50px;color:#fff;cursor:pointer;display:flex;font-size:1.1rem;font-weight:600;gap:.75rem;padding:1rem 2rem;transition:all .3s ease}.btn-hero-secondary:hover{background:#fff3;border-color:#ffffff80;transform:translateY(-3px)}.hero-stats{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(4,1fr)}.stat-item{text-align:center}.stat-number{color:#fff;font-size:2rem;font-weight:800;margin-bottom:.5rem}.stat-label{color:#fffc;font-size:.875rem;font-weight:500}.hero-visual{align-items:center;display:flex;justify-content:center}.dashboard-preview{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#ffffff1a;border:1px solid #fff3;border-radius:20px;box-shadow:0 20px 60px #0000004d;max-width:500px;overflow:hidden;width:100%}.preview-header{align-items:center;background:#ffffff1a;border-bottom:1px solid #ffffff1a;display:flex;gap:1rem;padding:1rem}.preview-dots{display:flex;gap:.5rem}.preview-dots span{background:#ffffff4d;border-radius:50%;height:12px;width:12px}.preview-dots span:first-child{background:#ff5f56}.preview-dots span:nth-child(2){background:#ffbd2e}.preview-dots span:nth-child(3){background:#27ca3f}.preview-title{color:#ffffffe6;font-size:.875rem;font-weight:600}.preview-content{display:flex;gap:1rem;padding:1.5rem}.preview-sidebar{display:flex;flex-direction:column;gap:.5rem;width:60px}.sidebar-item{background:#ffffff1a;border-radius:8px;height:40px;transition:all .3s ease}.sidebar-item.active{background:linear-gradient(135deg,#4caf50,#2f855a)}.preview-main{flex:1 1;flex-direction:column}.preview-cards,.preview-main{display:flex;gap:1rem}.preview-card{background:#ffffff0d;border-radius:12px;display:flex;flex:1 1;gap:.75rem;padding:1rem}.card-icon{background:linear-gradient(135deg,#4caf50,#2f855a);border-radius:8px;height:40px;width:40px}.card-content{display:flex;flex:1 1;flex-direction:column;gap:.5rem}.card-line{background:#fff3;border-radius:4px;height:8px}.card-line.short{width:60%}.preview-chart{background:#ffffff0d;border-radius:12px;height:120px;padding:1rem}.chart-bars,.preview-chart{align-items:end;display:flex}.chart-bars{gap:.5rem;height:100%;width:100%}.bar{background:linear-gradient(135deg,#4caf50,#2f855a);border-radius:4px 4px 0 0;flex:1 1;transition:all .3s ease}.bar:hover{background:linear-gradient(135deg,#66bb6a,#43a047)}.section-container{margin:0 auto;max-width:1200px;padding:0 2rem}.section-header{margin-bottom:4rem;text-align:center}.section-badge{align-items:center;background:#4caf501a;border:1px solid #4caf5033;border-radius:50px;color:#4caf50;display:inline-flex;font-size:.875rem;font-weight:600;gap:.5rem;margin-bottom:1rem;padding:.5rem 1rem}body.dark-mode .section-badge{background:#4caf501a;border-color:#4caf5033;color:#4caf50}.section-header h2{color:#2d3748;font-size:2.5rem;font-weight:700;margin-bottom:1rem}body.dark-mode .section-header h2{color:#f7fafc}.section-header p{color:#718096;font-size:1.125rem;margin:0 auto;max-width:600px}body.dark-mode .section-header p{color:#a0aec0}.features-section{background:#fff;padding:6rem 0}body.dark-mode .features-section{background:#1a202c}.features-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(350px,1fr))}.feature-card{background:#fff;border:1px solid #e2e8f0;border-radius:20px;overflow:hidden;padding:2rem;position:relative;text-align:center;transition:all .3s ease}.feature-card:before{background:linear-gradient(135deg,#4caf50,#2f855a);content:"";height:4px;left:0;position:absolute;right:0;top:0;transform:scaleX(0);transition:transform .3s ease}.feature-card:hover:before{transform:scaleX(1)}.feature-card:hover{box-shadow:0 20px 60px #0000001a;transform:translateY(-8px)}body.dark-mode .feature-card{background:#2d3748;border-color:#4a5568}body.dark-mode .feature-card:hover{box-shadow:0 20px 60px #0000004d}.feature-icon{align-items:center;background:linear-gradient(135deg,#4caf50,#2f855a);border-radius:20px;color:#fff;display:flex;font-size:2rem;height:80px;justify-content:center;margin:0 auto 1.5rem;width:80px}.feature-card h3{color:#2d3748;font-size:1.5rem;font-weight:600;margin-bottom:1rem}body.dark-mode .feature-card h3{color:#f7fafc}.feature-card p{color:#718096;line-height:1.6;margin-bottom:1.5rem}body.dark-mode .feature-card p{color:#a0aec0}.feature-arrow{color:#4caf50;opacity:0;transform:translateX(-10px);transition:all .3s ease}.feature-card:hover .feature-arrow{opacity:1;transform:translateX(0)}.benefits-section{background:#f7fafc;padding:6rem 0}body.dark-mode .benefits-section{background:#2d3748}.benefits-content{grid-gap:4rem;align-items:center;display:grid;gap:4rem;grid-template-columns:1fr 1fr}.benefits-text h2{color:#2d3748;font-size:2.5rem;font-weight:700;margin-bottom:1.5rem}body.dark-mode .benefits-text h2{color:#f7fafc}.benefits-text p{color:#718096;font-size:1.125rem;line-height:1.6;margin-bottom:2rem}body.dark-mode .benefits-text p{color:#a0aec0}.benefits-list{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(2,1fr);margin-bottom:2rem}.benefit-item{align-items:center;background:#fff;border:1px solid #e2e8f0;border-radius:12px;display:flex;gap:.75rem;padding:.75rem;transition:all .3s ease}.benefit-item:hover{box-shadow:0 4px 15px #0000001a;transform:translateX(5px)}body.dark-mode .benefit-item{background:#4a5568;border-color:#718096}.check-icon{color:#48bb78;font-size:1.25rem}.benefit-item span{color:#2d3748;font-weight:500}body.dark-mode .benefit-item span{color:#f7fafc}.benefits-actions{display:flex;gap:1rem}.btn-benefits-primary{align-items:center;background:linear-gradient(135deg,#4caf50,#2f855a);border:none;border-radius:50px;color:#fff;cursor:pointer;display:flex;font-weight:600;gap:.75rem;padding:1rem 2rem;transition:all .3s ease}.btn-benefits-primary:hover{box-shadow:0 8px 25px #4caf504d;transform:translateY(-2px)}.btn-benefits-secondary{align-items:center;background:#0000;border:2px solid #4caf50;border-radius:50px;color:#4caf50;cursor:pointer;display:flex;font-weight:600;gap:.75rem;padding:1rem 2rem;transition:all .3s ease}.btn-benefits-secondary:hover{background:#4caf50;color:#fff;transform:translateY(-2px)}.benefits-image,.benefits-visual{align-items:center;display:flex;justify-content:center}.benefits-image{aspect-ratio:1;background:linear-gradient(135deg,#4caf50,#2f855a);border-radius:20px;max-width:400px;overflow:hidden;position:relative;width:100%}.image-placeholder{color:#fff;padding:2rem;text-align:center}.placeholder-icon{font-size:4rem;margin-bottom:1rem}.placeholder-text{display:flex;flex-direction:column;gap:.5rem}.text-line{background:#ffffff4d;border-radius:4px;height:8px}.text-line.short{width:60%}.text-line.medium{width:80%}.testimonials-section{background:#fff;padding:6rem 0}body.dark-mode .testimonials-section{background:#1a202c}.testimonials-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(350px,1fr))}.testimonial-card{background:#fff;border:1px solid #e2e8f0;border-radius:20px;padding:2rem;transition:all .3s ease}.testimonial-card:hover{box-shadow:0 15px 40px #0000001a;transform:translateY(-5px)}body.dark-mode .testimonial-card{background:#2d3748;border-color:#4a5568}.testimonial-header{align-items:center;display:flex;gap:1rem;margin-bottom:1.5rem}.testimonial-avatar{align-items:center;background:linear-gradient(135deg,#4caf50,#2f855a);border-radius:50%;color:#fff;display:flex;font-weight:600;height:50px;justify-content:center;width:50px}.testimonial-info h4{color:#2d3748;font-weight:600;margin-bottom:.25rem}body.dark-mode .testimonial-info h4{color:#f7fafc}.testimonial-info p{color:#718096;font-size:.875rem}body.dark-mode .testimonial-info p{color:#a0aec0}.testimonial-rating{display:flex;gap:.25rem;margin-left:auto}.star-icon{color:gold;font-size:1rem}.testimonial-content p{color:#4a5568;font-style:italic;line-height:1.6}body.dark-mode .testimonial-content p{color:#cbd5e0}.user-types-section{background:#f7fafc;padding:6rem 0}body.dark-mode .user-types-section{background:#2d3748}.user-types-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(2,1fr);margin:0 auto;max-width:800px}.user-type-card{background:#fff;border:2px solid #e2e8f0;border-radius:20px;padding:2.5rem;position:relative;text-align:center;transition:all .3s ease}.user-type-card.featured{border-color:#4caf50;transform:scale(1.05)}.user-type-card:hover{box-shadow:0 20px 60px #0000001a;transform:translateY(-5px)}.user-type-card.featured:hover{transform:translateY(-5px) scale(1.05)}body.dark-mode .user-type-card{background:#4a5568;border-color:#718096}body.dark-mode .user-type-card.featured{border-color:#8b9dc3}.featured-badge{border-radius:50px;font-size:.875rem;font-weight:600;padding:.5rem 1rem;position:absolute;right:20px;top:-10px}.featured-badge,.user-type-icon{background:linear-gradient(135deg,#4caf50,#2f855a);color:#fff}.user-type-icon{align-items:center;border-radius:20px;display:flex;font-size:2rem;height:80px;justify-content:center;margin:0 auto 1.5rem;width:80px}.user-type-card h3{color:#2d3748;font-size:1.5rem;font-weight:600;margin-bottom:1rem}body.dark-mode .user-type-card h3{color:#f7fafc}.user-type-card p{color:#718096;line-height:1.6;margin-bottom:1.5rem}body.dark-mode .user-type-card p{color:#a0aec0}.user-type-features{list-style:none;margin:0 0 2rem;padding:0;text-align:left}.user-type-features li{align-items:center;color:#4a5568;display:flex;gap:.75rem;padding:.5rem 0}body.dark-mode .user-type-features li{color:#cbd5e0}.user-type-features svg{color:#48bb78;font-size:1rem}.btn-user-type{background:#0000;border:2px solid #4caf50;border-radius:50px;color:#4caf50;cursor:pointer;font-weight:600;padding:1rem 2rem;transition:all .3s ease;width:100%}.btn-user-type:hover{background:#4caf50;color:#fff;transform:translateY(-2px)}.btn-user-type.primary{background:linear-gradient(135deg,#4caf50,#2f855a);border:none;color:#fff}.btn-user-type.primary:hover{box-shadow:0 8px 25px #4caf504d;transform:translateY(-2px)}.cta-section{background:linear-gradient(135deg,#4caf50,#2f855a);color:#fff;padding:6rem 0;text-align:center}.cta-content{margin:0 auto;max-width:600px}.cta-icon{color:#66bb6a;font-size:4rem;margin-bottom:1.5rem}.cta-content h2{font-size:2.5rem;font-weight:700;margin-bottom:1rem}.cta-content p{font-size:1.125rem;line-height:1.6;margin-bottom:2rem;opacity:.9}.cta-actions{display:flex;gap:1rem;justify-content:center;margin-bottom:2rem}.btn-cta-primary{align-items:center;background:linear-gradient(135deg,#66bb6a,#43a047);border:none;border-radius:50px;color:#fff;cursor:pointer;display:flex;font-weight:600;gap:.75rem;padding:1rem 2rem;transition:all .3s ease}.btn-cta-primary:hover{box-shadow:0 12px 35px #4caf5066;transform:translateY(-3px)}.btn-cta-secondary{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:2px solid #ffffff4d;border-radius:50px;color:#fff;cursor:pointer;font-weight:600;padding:1rem 2rem;transition:all .3s ease}.btn-cta-secondary:hover{background:#fff3;border-color:#ffffff80;transform:translateY(-3px)}.cta-guarantee{align-items:center;display:flex;font-size:.875rem;gap:.5rem;justify-content:center;opacity:.8}.guarantee-icon{color:#48bb78}.home-footer{background:#1a202c;color:#fff;padding:4rem 0 2rem}.footer-content{margin:0 auto;max-width:1200px;padding:0 2rem}.footer-main{grid-gap:4rem;display:grid;gap:4rem;grid-template-columns:1fr 3fr;margin-bottom:3rem}.footer-brand p{color:#a0aec0;line-height:1.6;margin:1rem 0 1.5rem}.footer-support{align-items:center;color:#48bb78;display:flex;font-weight:500;gap:.5rem}.support-icon{font-size:1.25rem}.footer-links{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(4,1fr)}.footer-column h4{color:#fff;font-weight:600;margin-bottom:1rem}.footer-column a{color:#a0aec0;display:block;padding:.25rem 0;text-decoration:none;transition:color .3s ease}.footer-column a:hover{color:#4caf50}.footer-bottom{align-items:center;border-top:1px solid #4a5568;display:flex;justify-content:space-between;padding-top:2rem}.footer-bottom p{color:#a0aec0}.footer-social{align-items:center;display:flex;gap:1rem}.footer-social span{color:#a0aec0}.footer-social a{color:#a0aec0;text-decoration:none;transition:color .3s ease}.footer-social a:hover{color:#4caf50}@media (max-width:1024px){.hero-content{gap:2rem;grid-template-columns:1fr;text-align:center}.hero-title{font-size:3rem}.benefits-content,.footer-main{gap:2rem;grid-template-columns:1fr}.footer-links{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.home-header{flex-wrap:wrap;gap:1rem;padding:1rem}.header-nav{display:none}.hero-section{padding:6rem 1rem 2rem}.hero-title{font-size:2.5rem}.hero-actions{align-items:center;flex-direction:column}.hero-stats{grid-template-columns:repeat(2,1fr)}.benefits-list,.features-grid{grid-template-columns:1fr}.benefits-actions{flex-direction:column}.testimonials-grid,.user-types-grid{grid-template-columns:1fr}.cta-actions{align-items:center;flex-direction:column}.footer-links{grid-template-columns:1fr}.footer-bottom{flex-direction:column;gap:1rem;text-align:center}}@media (max-width:480px){.section-container{padding:0 1rem}.cta-content h2,.hero-title,.section-header h2{font-size:2rem}}.forgot-password-container{animation:fadeIn .5s ease,slimeShadow 2s linear infinite;background-color:#fff;border-radius:12px;box-shadow:0 4px 8px #0000001a;left:50%;padding:60px;position:absolute;text-align:center;top:50%;transform:translate(-50%,-50%);transition:all .3s ease;width:500px}body.dark-mode .forgot-password-container{background-color:#333;box-shadow:0 4px 8px #ffffff1a;color:#fff}.modal-overlay{background-color:#00000080}.modal-content{background-color:#fff;border-radius:5px;padding:20px;position:relative;width:400px}body.dark-mode .modal-content{background-color:#333;color:#fff}.dark-mode-swal{background-color:#fff;border-radius:5px}body.dark-mode .dark-mode-swal{background-color:#333;color:#fff}.modal-title{font-size:24px;margin-bottom:10px}.modal-title,body.dark-mode .dark-mode-title{color:#4caf50}.modal-text{color:#555;font-size:16px;margin-bottom:20px}body.dark-mode .dark-mode-html{color:#fff}.modal-buttons{display:flex;gap:10px;justify-content:center}.modal-button{border:none;border-radius:5px;cursor:pointer;font-size:16px;padding:10px 20px;transition:background-color .3s ease}.dark-mode-confirm-button{background-color:#4caf50;color:#fff}.dark-mode-confirm-button:hover{background-color:#45a049}.dark-mode-cancel-button{background-color:#d33;color:#fff}.dark-mode-cancel-button:hover{background-color:#b32d2d}.modal-icon{height:50px;margin:0 auto 10px;width:50px}.modal-icon.success{background:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="%234CAF50"><path d="M9 16.2L4.8 12l-1.4 1.4L9 19 21 7l-1.4-1.4L9 16.2z"/></svg>') no-repeat 50%;background-size:contain}.modal-icon.error{background:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="%23d33"><path d="M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm5 13.59L15.59 17 12 13.41 8.41 17 7 15.59 10.59 12 7 8.41 8.41 7 12 10.59 15.59 7 17 8.41 13.41 12 17 15.59z"/></svg>') no-repeat 50%;background-size:contain}.modal-icon.warning{background:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="%23ffbb33"><path d="M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm1 15h-2v-2h2v2zm0-4h-2V7h2v6z"/></svg>') no-repeat 50%;background-size:contain}.forgot-password-container h2{color:#4caf50;font-size:28px;margin-bottom:30px}.forgot-password-container p{color:#555;font-size:18px;margin-bottom:30px}body.dark-mode .forgot-password-container p{color:#fff}.forgot-password-container .input-container{margin-bottom:25px;width:100%}.forgot-password-container .input-with-icon{align-items:center;background-color:#f5f5f5;border:2px solid #4caf50;border-radius:10px;display:flex;position:relative;transition:all .3s ease}.forgot-password-container .input-with-icon:focus-within{background-color:#fff}.forgot-password-container .input-icon{color:#4caf50;font-size:22px;left:15px;position:absolute}.forgot-password-container .input-field{appearance:none;background-color:initial;border:none;border-radius:10px;font-size:18px;padding:16px 15px 14px 50px;transition:all .3s ease;width:100%}.forgot-password-container .input-field:focus{background-color:#fff;outline:none}.forgot-password-container .button-container{display:flex;gap:20px;margin-top:30px}.forgot-password-container .next-button{background-color:#4caf50;border:none;border-radius:10px;color:#fff;cursor:pointer;font-size:18px;padding:16px;transition:background-color .3s ease;width:48%}.forgot-password-container .next-button:hover{background-color:#45a049}.forgot-password-container .back-button{background-color:#ccc;border:none;border-radius:10px;color:#333;cursor:pointer;font-size:18px;padding:16px;transition:background-color .3s ease;width:48%}.forgot-password-container .back-button:hover{background-color:#bbb}.forgot-password-container .error-text{color:#000;font-size:14px;line-height:1.2;margin:5px 0;text-align:left}body.dark-mode .error-text{color:#fff}.forgot-password-container .success-icon{color:#4caf50;font-size:18px;position:absolute;right:15px}.forgot-password-container .language-select-container{position:absolute;right:30px;top:30px}.forgot-password-container .theme-select-container{left:30px;position:absolute;top:30px}@media screen and (max-width:1024px){.forgot-password-container{animation:fadeIn .5s ease,slimeShadow 2s linear infinite;max-width:600px;min-height:auto;padding:50px;width:80%}.modal-content{width:350px}.modal-title{font-size:20px}.modal-text{font-size:14px}}@media screen and (max-width:768px){.forgot-password-container{animation:fadeIn .5s ease,slimeShadow 2s linear infinite;max-width:600px;min-height:auto;padding:40px;width:90%}.modal-content{width:300px}.modal-title{font-size:18px}.modal-text{font-size:13px}}@media screen and (max-width:480px){.forgot-password-container{animation:fadeIn .5s ease,slimeShadow 2s linear infinite;border-radius:8px;padding:30px;width:80%}.modal-content{padding:15px;width:280px}.modal-title{font-size:16px}.modal-text{font-size:12px}.modal-button{font-size:14px;padding:8px 15px}}.reset-password-container{animation:fadeIn .5s ease,slimeShadow 2s linear infinite;background-color:#fff;border-radius:12px;box-shadow:0 4px 8px #0000001a;left:50%;padding:60px;position:absolute;text-align:center;top:50%;transform:translate(-50%,-50%);width:400px}body.dark-mode .reset-password-container{background-color:#333;box-shadow:0 4px 8px #ffffff1a;color:#fff}.reset-password-container .controls-container{display:flex;justify-content:space-between;left:0;padding:0 30px;position:absolute;right:0;top:30px}.reset-password-container .content-container{margin-top:50px}.reset-password-container h2{color:#4caf50;font-size:24px;margin-bottom:20px}.reset-password-container p{color:#333;font-size:14px;margin-bottom:20px}body.dark-mode .reset-password-container p{color:#fff}.reset-password-container .input-container{display:flex;flex-direction:column;gap:10px}.reset-password-container .input-with-icon{align-items:center;background-color:#f5f5f5;border:2px solid #4caf50;border-radius:8px;display:flex;position:relative;transition:all .3s ease}.reset-password-container .input-with-icon:focus-within{background-color:#fff}.reset-password-container .input-icon{color:#4caf50;font-size:20px;left:10px;position:absolute}.reset-password-container .input-field{appearance:none;background-color:initial;border:none;border-radius:8px;font-size:16px;padding:14px 10px 12px 40px;transition:all .3s ease;width:100%}.reset-password-container .input-field:focus{background-color:#fff;outline:none}body.dark-mode .input-field{background-color:#444}body.dark-mode .input-field:focus{background-color:#555}.reset-password-container button{background-color:#4caf50;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:16px;padding:14px;transition:background-color .3s ease;width:100%}.reset-password-container button:hover{background-color:#45a049}.reset-password-container a{color:#4caf50;text-decoration:none}.reset-password-container a:hover{text-decoration:underline}.reset-password-container .error-text{color:red;font-size:12px;line-height:1;margin:2px 0;text-align:left}.reset-password-container .success-icon{color:#4caf50;font-size:16px;position:absolute;right:10px}.reset-password-container .language-select-container{position:absolute;right:20px;top:20px}.reset-password-container .theme-select-container{left:20px;position:absolute;top:20px}@keyframes slimeShadow{0%{box-shadow:8px 8px 12px #01322099,12px 12px 18px #01322066,-4px -4px 8px #4caf504d}25%{box-shadow:-8px 8px 14px #4caf5099,-12px 12px 20px #4caf5066,4px -4px 10px #ffffff4d}50%{box-shadow:-8px -8px 16px #ffffff80,-12px -12px 22px #ffffff4d,6px 6px 12px #0132204d}75%{box-shadow:8px -8px 14px #4caf5099,12px -12px 20px #4caf5066,-4px 4px 10px #0132204d}to{box-shadow:8px 8px 12px #01322099,12px 12px 18px #01322066,-4px -4px 8px #4caf504d}}@media screen and (max-width:1024px){.reset-password-container{animation:fadeIn .5s ease,slimeShadow 2s linear infinite;max-width:600px;min-height:auto;padding:35px;width:80%}.reset-password-container .content-container{margin-top:35px}.reset-password-container h2{font-size:22px;margin-bottom:18px}.reset-password-container p{font-size:13px;margin-bottom:18px}.reset-password-container .input-field{font-size:15px;padding:12px 10px 12px 38px}.reset-password-container .input-icon{font-size:19px;left:9px}.reset-password-container button{font-size:15px;padding:12px}.reset-password-container .language-select-container{position:absolute;right:15px;top:15px}.reset-password-container .theme-select-container{left:15px;position:absolute;top:15px}.reset-password-container .success-icon{font-size:14px;right:8px}}@media screen and (max-width:768px){.reset-password-container{animation:fadeIn .5s ease,slimeShadow 2s linear infinite;max-width:600px;min-height:auto;padding:30px;width:90%}.reset-password-container .content-container{margin-top:30px}.reset-password-container h2{font-size:20px;margin-bottom:15px;margin-top:40px}.reset-password-container p{font-size:13px;margin-bottom:15px}.reset-password-container .input-field{font-size:14px;padding:12px 10px 10px 35px}.reset-password-container .input-icon{font-size:18px;left:8px}.reset-password-container button{font-size:14px;padding:12px}.reset-password-container .language-select-container{position:absolute;right:15px;top:15px}.reset-password-container .theme-select-container{left:15px;position:absolute;top:15px}.reset-password-container .success-icon{font-size:14px;right:8px}}@media screen and (max-width:480px){.reset-password-container{animation:fadeIn .5s ease,slimeShadow 2s linear infinite;border-radius:8px;padding:25px;width:80%}.reset-password-container .content-container{margin-top:25px}.reset-password-container h2{font-size:18px;margin-bottom:12px;margin-top:40px}.reset-password-container p{font-size:12px;margin-bottom:12px}.reset-password-container .input-field{font-size:13px;padding:10px 8px 8px 32px}.reset-password-container .input-icon{font-size:16px;left:7px}.reset-password-container button{font-size:13px;padding:10px}.reset-password-container .language-select-container{position:absolute;right:10px;top:10px}.reset-password-container .theme-select-container{left:10px;position:absolute;top:10px}.reset-password-container .success-icon{font-size:12px;right:6px}}:root{--profile-accent:#34c759;--profile-accent-2:#2f855a;--profile-dark-accent:#4ade80;--profile-dark-accent-2:#22c55e;--profile-bg:#fff;--profile-bg-top:#eef5ff;--profile-text:#0f172a;--profile-muted:#64748b;--profile-border:#0f172a14;--profile-hover:#34c75914;--profile-active:#34c7591f;--profile-radius:14px}*{box-sizing:border-box}body{background-color:#eef5ff;background-color:var(--profile-bg-top);color:#0f172a;color:var(--profile-text);line-height:1.5;padding-left:var(--sidebar-width);user-select:none;-moz-user-select:none;-webkit-user-select:none;-ms-user-select:none}body.dark-mode{background-color:#1a1a1a;color:#e2e8f0}.avatar-loader-overlay{align-items:center;animation:fadeInOverlay .3s ease-out forwards;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#ffffffb3;border-radius:50%;display:none;inset:0;justify-content:center;opacity:0;position:absolute;z-index:15}.avatar-loader-overlay.active{display:flex;opacity:1}@keyframes fadeInOverlay{to{opacity:1}}body.dark-mode .avatar-loader-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#1a202cb3;border-radius:50%}.progress-circle{animation:spin 1s linear infinite;border:3px solid #0f172a14;border-top-color:#34c759;border:3px solid var(--profile-border);border-radius:50%;border-top-color:var(--profile-accent);height:40px;width:40px}body.dark-mode .progress-circle{border-color:#4ade80 #ffffff26 #ffffff26;border-top-color:var(--profile-dark-accent)}@keyframes progressRotate{to{background:conic-gradient(#10b981 0 100%,#0000 100% 0)}}.avatar-wrapper{align-items:center;background:#0000;border-radius:50%;display:flex;height:140px;justify-content:center;overflow:visible;position:relative;width:140px}.avatar.old-avatar{filter:blur(5px);opacity:0;position:absolute;transition:opacity .3s ease,filter .3s ease;z-index:1}.avatar.current-avatar{opacity:1;position:absolute;transition:opacity .3s ease;z-index:2}.avatar-wrapper.transitioning .old-avatar{opacity:1}.avatar-wrapper.transitioning .current-avatar{opacity:0}.avatar{border:4px solid #34c759;border:4px solid var(--profile-accent);border-radius:50%;box-shadow:0 0 20px #34c7594d;height:100%;object-fit:cover;opacity:1;position:absolute;transition:opacity .3s ease,transform .3s ease;width:100%;will-change:opacity,transform}body.dark-mode .avatar{border-color:#4ade80;border-color:var(--profile-dark-accent);box-shadow:0 0 20px #4ade8066}.avatar.fading-out{filter:blur(5px);opacity:0;transform:scale(.95);transition:opacity .3s ease,transform .3s ease,filter .3s ease}.no-avatar{align-items:center;background:#eef5ff;background:var(--profile-bg-top);border:4px solid #0f172a14;border:4px solid var(--profile-border);border-radius:50%;color:#64748b;color:var(--profile-muted);display:flex;font-size:14px;height:100%;justify-content:center;position:absolute;text-align:center;transition:all .3s ease;width:100%}body.dark-mode .no-avatar{background-color:#ffffff14;border-color:#ffffff26;color:#d1d5db}.delete-avatar-btn{align-items:center;background:red;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;height:24px;justify-content:center;padding:1px;position:absolute;right:0;top:0;transition:background-color .3s ease,transform .3s ease;width:24px;z-index:100}.delete-avatar-btn:hover{background:#c00;transform:scale(1.1)}.profile-container{background:none!important;border-radius:1.5rem;contain:layout style;margin:80px auto 20px;margin:calc(var(--topbar-height, 60px) + 20px) auto 20px auto;max-width:1200px;padding:1.5rem;position:relative;text-align:center;width:95%}.profile-container .modal-overlay{backdrop-filter:none!important;-webkit-backdrop-filter:none!important;background-color:initial!important}body.dark-mode .profile-container{background:none!important;color:#e2e8f0}.user-profile-header h2{color:#2f855a;color:var(--profile-accent-2);font-size:1.75rem;margin:0;text-align:center}body.dark-mode .user-profile-header h2{color:#4ade80;color:var(--profile-dark-accent)}.sections-container{grid-gap:1rem;display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));margin:0 auto;max-width:1200px;padding:1rem}.section{background:linear-gradient(180deg,#eef5ff,#fffffff2 25%,#fff);background:linear-gradient(180deg,var(--profile-bg-top) 0,#fffffff2 25%,var(--profile-bg) 100%);border:1px solid #0f172a14;border:1px solid var(--profile-border);border-radius:14px;border-radius:var(--profile-radius);box-shadow:var(--profile-shadow);display:flex;flex-direction:column;margin-bottom:1rem;min-height:200px;padding:1.5rem;transition:all .3s ease}body.dark-mode .section{background:linear-gradient(135deg,#1f1f1f,#141414);border:1px solid #ffffff26;box-shadow:0 2px 8px #0003}.section:hover{border-color:#34c759;border-color:var(--profile-accent);box-shadow:0 4px 15px #34c75933;transform:translateY(-2px) scale(1.02)}body.dark-mode .section:hover{background:linear-gradient(135deg,#2a2a2a,#1f1f1f);border-color:#4ade804d;box-shadow:0 8px 25px #4ade8026;transform:translateY(-2px) scale(1.02)}.section h3{color:#2f855a;color:var(--profile-accent-2);font-size:1.25rem;margin-bottom:1rem;text-align:center}body.dark-mode .section h3{color:#4ade80;color:var(--profile-dark-accent)}.email-notifications p{color:#64748b;color:var(--profile-muted);margin-bottom:1rem}body.dark-mode .email-notifications p{color:#e2e8f0}.notifications-list{margin-top:.5rem;text-align:left}.notification-item{align-items:center;cursor:pointer;display:flex;padding:12px 0;transition:background-color .2s}.notification-toggle{background:#0f172a14;background:var(--profile-border);border-radius:12px;display:inline-block;height:24px;margin:0 12px;position:relative;transition:background-color .2s;width:48px}.notification-item input:checked+.notification-toggle{background:#34c759;background:var(--profile-accent)}.notification-toggle:after{background:#fff;border-radius:50%;content:"";height:20px;left:2px;position:absolute;top:2px;transition:transform .2s;width:20px}.notification-item input:checked+.notification-toggle:after{transform:translateX(24px)}.notification-item input{opacity:0;pointer-events:none;position:absolute}.notification-label{color:#0f172a;color:var(--profile-text);max-width:100%;overflow-wrap:anywhere}body.dark-mode .notification-item .notification-label{color:#e2e8f0}body.dark-mode .notification-toggle{background:#ffffff26}body.dark-mode .notification-item input:checked+.notification-toggle{background:#4ade80;background:var(--profile-dark-accent)}.account-info,.user-info{text-align:center}.account-details{align-items:center;display:flex;flex-direction:column;gap:1rem;margin-top:1rem;padding:0 1rem}.account-text,.user-details{border:1px solid #0f172a14;border:1px solid var(--profile-border);border-radius:14px;border-radius:var(--profile-radius);overflow-wrap:anywhere;padding:1rem;text-align:center;width:100%}body.dark-mode .account-text,body.dark-mode .user-details{border-color:#718096}.account-text p,.user-details p{color:#2d3748;font-size:1rem;margin:.25rem 0}body.dark-mode .account-text p,body.dark-mode .user-details p{color:#e2e8f0}.avatar-section{align-items:center;display:flex;flex-direction:column}.edit-image-btn,.select-image-btn{align-items:center;border:1px solid #34c7594d;border-radius:12px;box-shadow:0 4px 12px #34c75933;color:#fff;cursor:pointer;display:flex;font-weight:600;justify-content:center;margin-top:.5rem;padding:.75rem 1rem;transition:all .3s ease;width:120px}.select-image-btn{background:linear-gradient(135deg,#3182ce,#2c5aa0)}.select-image-btn:hover{background:linear-gradient(135deg,#2c5aa0,#2a4d8a);box-shadow:0 8px 20px #3182ce4d;transform:translateY(-2px)}.edit-image-btn{background:linear-gradient(135deg,#34c759,#2f855a);background:linear-gradient(135deg,var(--profile-accent),var(--profile-accent-2))}.edit-image-btn:hover{background:linear-gradient(135deg,#2f855a,#1e7e34);background:linear-gradient(135deg,var(--profile-accent-2),#1e7e34);box-shadow:0 8px 20px #34c7594d;transform:translateY(-2px)}body.dark-mode .select-image-btn{background:linear-gradient(135deg,#60a5fa,#3b82f6);border-color:#60a5fa4d;box-shadow:0 4px 12px #60a5fa33}body.dark-mode .select-image-btn:hover{background:linear-gradient(135deg,#3b82f6,#2563eb);box-shadow:0 8px 20px #60a5fa4d}body.dark-mode .edit-image-btn{background:linear-gradient(135deg,#4ade80,#22c55e);background:linear-gradient(135deg,var(--profile-dark-accent),var(--profile-dark-accent-2));border-color:#4ade804d;box-shadow:0 4px 12px #4ade8033}body.dark-mode .edit-image-btn:hover{background:linear-gradient(135deg,#22c55e,#16a34a);background:linear-gradient(135deg,var(--profile-dark-accent-2),#16a34a);box-shadow:0 8px 20px #4ade804d}.edit-btn{background:linear-gradient(135deg,#34c759,#2f855a);background:linear-gradient(135deg,var(--profile-accent),var(--profile-accent-2));border:1px solid #34c7594d;border-radius:12px;box-shadow:0 4px 12px #34c75933;color:#fff;cursor:pointer;display:block;font-weight:600;margin:2rem auto 0;padding:12px 24px;text-align:center;transition:all .3s ease;width:180px}.edit-btn:hover{background:linear-gradient(135deg,#2f855a,#1e7e34);background:linear-gradient(135deg,var(--profile-accent-2),#1e7e34);border-color:#34c75980;box-shadow:0 8px 20px #34c7594d;transform:translateY(-2px)}body.dark-mode .edit-btn{background:linear-gradient(135deg,#4ade80,#22c55e);background:linear-gradient(135deg,var(--profile-dark-accent),var(--profile-dark-accent-2));border-color:#4ade804d;box-shadow:0 4px 12px #4ade8033}body.dark-mode .edit-btn:hover{background:linear-gradient(135deg,#22c55e,#16a34a);background:linear-gradient(135deg,var(--profile-dark-accent-2),#16a34a);box-shadow:0 8px 20px #4ade804d}.modal-overlay{backdrop-filter:none;-webkit-backdrop-filter:none;background-color:initial}.modal-content{background-color:#4a5568;border:2px solid #34d399;border-radius:1rem;max-width:400px;padding:1.5rem;text-align:center}.modal-header{justify-content:center;margin-bottom:1rem}.modal-icon{align-items:center;background-color:#f6ad5533;border-radius:50%;color:#f6ad55;display:flex;font-size:2rem;height:40px;justify-content:center;width:40px}.modal-body h3{color:#34d399;font-size:1.25rem;margin:0 0 .5rem}.modal-body p{color:#e2e8f0;font-size:1rem;margin:0 0 1rem}.modal-footer{gap:1rem;justify-content:center}.modal-confirm-btn{background-color:#2f855a;border:none;border-radius:6px;color:#fff;cursor:pointer;padding:.5rem 1.5rem;transition:background-color .3s ease,transform .3s ease}.modal-confirm-btn:hover{background-color:#276749;transform:translateY(-2px) scale(1.02)}body.dark-mode .modal-confirm-btn{background-color:#34d399}body.dark-mode .modal-confirm-btn:hover{background-color:#10b981;transform:translateY(-2px) scale(1.02)}.modal-cancel-btn{background-color:#718096;border:none;border-radius:6px;color:#fff;cursor:pointer;padding:.5rem 1.5rem;transition:background-color .3s ease,transform .3s ease}.modal-cancel-btn:hover{background-color:#4a5568;transform:translateY(-2px) scale(1.02)}body.dark-mode .modal-cancel-btn{background-color:#718096}body.dark-mode .modal-cancel-btn:hover{background-color:#4a5568;transform:translateY(-2px) scale(1.02)}.modal-ok-btn{background-color:#2f855a;border:none;border-radius:6px;color:#fff;cursor:pointer;padding:.5rem 1.5rem;transition:background-color .3s ease,transform .3s ease}.modal-ok-btn:hover{background-color:#276749;transform:translateY(-2px) scale(1.02)}body.dark-mode .modal-ok-btn{background-color:#34d399}body.dark-mode .modal-ok-btn:hover{background-color:#10b981;transform:translateY(-2px) scale(1.02)}@media screen and (max-width:480px){body{font-size:14px;padding-left:0}.profile-container{border-radius:1rem;margin:70px auto 10px;margin:calc(var(--topbar-height, 60px) + 10px) auto 10px auto;padding:1rem;width:95%}.user-profile-header h2{font-size:1.25rem;margin-bottom:1rem}.avatar-wrapper{height:100px;width:100px}.sections-container{grid-gap:.75rem;grid-template-columns:1fr;padding:.5rem}.section{margin-bottom:.5rem;min-height:auto;padding:1rem}.section h3{font-size:1rem;margin-bottom:.75rem}.notification-item{flex-wrap:wrap;gap:8px;padding:12px 0}.notification-label{flex:1 1;font-size:.9rem;min-width:0;word-break:break-word}.edit-image-btn,.select-image-btn{font-size:.8rem;padding:.5rem;width:100px}.modal-content{border-radius:.5rem;max-width:300px;padding:1rem}.modal-footer{flex-direction:column;gap:.5rem}.modal-cancel-btn,.modal-confirm-btn,.modal-ok-btn{padding:.75rem;width:100%}}@media screen and (min-width:481px) and (max-width:768px){body{padding-left:0}.profile-container{margin:75px auto 15px;margin:calc(var(--topbar-height, 60px) + 15px) auto 15px auto;padding:1.25rem;width:92%}.avatar-wrapper{height:120px;width:120px}.sections-container{grid-gap:1rem;grid-template-columns:1fr;padding:.75rem}.section{min-height:auto;padding:1.25rem}.user-profile-header h2{font-size:1.5rem}.notification-item{flex-wrap:wrap;gap:8px;padding:12px 0}.notification-label{flex:1 1;min-width:0;word-break:break-word}.modal-content{max-width:400px}}@media screen and (min-width:769px) and (max-width:1024px){body{padding-left:0;padding-left:var(--sidebar-width,0)}.profile-container{margin:80px auto 20px;margin:calc(var(--topbar-height, 60px) + 20px) auto 20px auto;padding:1.5rem;width:90%}.sections-container{grid-gap:1rem;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));padding:1rem}.section{min-height:180px;padding:1.5rem}.avatar-wrapper{height:130px;width:130px}.user-profile-header h2{font-size:1.6rem}}@media screen and (min-width:1025px) and (max-width:1366px){body{padding-left:0;padding-left:var(--sidebar-width,0)}.profile-container{max-width:1200px;padding:1.75rem;width:88%}.sections-container{grid-gap:1.25rem;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));padding:1rem}.section{min-height:200px;padding:1.75rem}.user-profile-header h2{font-size:1.75rem}.avatar-wrapper{height:160px;width:160px}}@media screen and (min-width:1367px) and (max-width:1920px){.profile-container{max-width:1400px;padding:2rem;width:85%}.sections-container{grid-gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));padding:1.25rem}.section{min-height:220px;padding:2rem}.user-profile-header h2{font-size:1.875rem}}@media screen and (min-width:1921px){.profile-container{max-width:1600px;padding:2.5rem}.user-profile-header h2{font-size:2rem}.sections-container{grid-gap:2rem;grid-template-columns:repeat(auto-fit,minmax(400px,1fr));padding:1.5rem}.section{min-height:250px;padding:2.5rem}.section h3{font-size:1.5rem}.avatar-wrapper{height:170px;width:170px}.account-text,.user-details{font-size:1.125rem;padding:1.5rem}.notifications-list{font-size:1.125rem}}@media screen and (max-height:600px) and (min-width:769px){.profile-container{margin:70px auto 10px;margin:calc(var(--topbar-height, 60px) + 10px) auto 10px auto;padding:1rem}.section{min-height:auto;padding:1.25rem}.avatar-wrapper{height:110px;width:110px}.user-profile-header h2{font-size:1.5rem;margin-bottom:1rem}}@media (hover:none) and (pointer:coarse){.section:hover{border-color:#e2e8f0;box-shadow:0 2px 4px #00000008;transform:none}body.dark-mode .section:hover{border-color:#718096;box-shadow:0 2px 4px #0000001a}.notification-item{padding:16px 0}.edit-btn,.edit-image-btn,.modal-cancel-btn,.modal-confirm-btn,.modal-ok-btn,.select-image-btn{min-height:44px;touch-action:manipulation}}@media print{.profile-container{background:#fff!important;border-radius:0;box-shadow:none;margin:0;padding:1rem}.section{border:1px solid #000;box-shadow:none;break-inside:avoid;page-break-inside:avoid}.edit-btn,.edit-image-btn,.modal-overlay,.select-image-btn{display:none}.profile-container{background:#fff!important;border-radius:0;box-shadow:none;margin:0;padding:1rem}.sections-container{grid-gap:1rem;grid-template-columns:1fr}.section{border:1px solid #000;box-shadow:none;break-inside:avoid;min-height:auto;page-break-inside:avoid}.edit-btn,.edit-image-btn,.modal-overlay,.select-image-btn{display:none}.avatar-wrapper{height:100px;width:100px}}.notification-toast-overlay{height:100%;left:0;pointer-events:none;position:fixed;top:0;width:100%;z-index:2000}.notification-toast{background-color:#fff;border-left:4px solid #0000;border-radius:6px;box-shadow:0 4px 8px #35353580;color:#444;font-size:18px;max-width:400px;min-width:250px;opacity:0;padding:16px 40px;pointer-events:auto;position:fixed;right:20px;text-align:center;top:70px;transition:opacity .3s ease-in-out,transform .3s ease-in-out}body.dark-mode .notification-toast{background-color:#444;border-color:#666;color:#cfcfcf}.notification-toast.info{border-left-color:#2196f3}body.dark-mode .notification-toast.success{border-left-color:#4ade80}.notification-toast.success{border-left-color:#34c759}.notification-toast.error,body.dark-mode .notification-toast.error{border-left-color:#dc3545}.toast-message{display:block;font-family:Arial,sans-serif;margin:0}.toast-actions{display:flex;gap:10px;justify-content:center;margin-top:10px}.toast-btn{border:none;border-radius:4px;cursor:pointer;font-size:13px;padding:6px 12px;transition:background-color .6s ease}.toast-btn.cancel{background-color:#666;color:#fff}.toast-btn.cancel:hover{background-color:#555}.toast-btn.confirm{background-color:#34c759;color:#fff}.toast-btn.confirm:hover{background-color:#2f855a}.notification-toast.enter{opacity:0;transform:translateX(100%)}.notification-toast.enter-active{transition:opacity .2s ease-in-out,transform .8s ease-in-out}.notification-toast.enter-active,.notification-toast.exit{opacity:1;transform:translateX(0)}.notification-toast.exit-active{opacity:0;transform:translateX(100%);transition:opacity .2s ease-in-out,transform .8s ease-in-out}@media screen and (max-width:1024px){.notification-toast{max-width:300px;min-width:200px;right:15px;top:70px}}@media screen and (max-width:768px){.notification-toast{max-width:250px;min-width:180px;right:15px;top:60px}}@media screen and (max-width:480px){.notification-toast{font-size:12px;max-width:200px;min-width:150px;padding:10px 15px;right:10px;top:50px}.toast-btn{font-size:12px;padding:5px 10px}}@media screen and (max-width:360px){.notification-toast{font-size:11px;max-width:180px;min-width:120px;padding:8px 12px;right:10px;top:40px}.toast-btn{font-size:11px;padding:4px 8px}}.delete-modal-overlay{align-items:center;animation:fadeIn .3s cubic-bezier(.4,0,.2,1);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);background:#000c;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.delete-modal{animation:slideIn .4s cubic-bezier(.4,0,.2,1);background:#fff;border:1px solid #fff3;border-radius:20px;box-shadow:0 25px 50px -12px #0009,0 0 0 1px #ffffff1a;max-width:450px;overflow:hidden;position:relative;width:90%}body.dark-mode .delete-modal{background:linear-gradient(135deg,#1a202c,#2d3748);border-color:#4a5568;box-shadow:0 25px 50px -12px #000c,0 0 0 1px #ffffff0d;color:#e2e8f0}body.dark-mode .delete-modal-overlay{background:#000000e6}.delete-modal-close{align-items:center;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);background:#ffffff1a;border:none;border-radius:50%;color:#a0aec0;cursor:pointer;display:flex;font-size:20px;height:36px;justify-content:center;padding:8px;position:absolute;right:16px;top:16px;transition:all .3s cubic-bezier(.4,0,.2,1);width:36px;z-index:10}.delete-modal-close:hover{background:#fff3;color:#2d3748;transform:scale(1.1)}body.dark-mode .delete-modal-close{background:#ffffff14;color:#e2e8f0}body.dark-mode .delete-modal-close:hover{background:#ffffff26;color:#fff}.delete-modal-header{background:linear-gradient(135deg,#ffffff1a,#ffffff0d);padding:40px 32px 24px;position:relative;text-align:center}body.dark-mode .delete-modal-header{background:linear-gradient(135deg,#ffffff0d,#ffffff05)}.delete-modal-icon{align-items:center;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-radius:50%;display:flex;font-size:56px;height:100px;justify-content:center;margin:0 auto 24px;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1);width:100px}.delete-modal-icon:before{background:linear-gradient(45deg,#0000,#ffffff4d,#0000);border-radius:50%;content:"";inset:0;mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask-composite:exclude;-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;padding:2px;position:absolute}.delete-modal-icon.success{background:linear-gradient(135deg,#48bb7833,#48bb781a);box-shadow:0 0 30px #48bb784d;color:#48bb78}.delete-modal-icon.error{background:linear-gradient(135deg,#f5656533,#f565651a);box-shadow:0 0 30px #f565654d;color:#f56565}.delete-modal-icon.warning{background:linear-gradient(135deg,#ed893633,#ed89361a);box-shadow:0 0 30px #ed89364d;color:#ed8936}.delete-modal-icon.delete{background:linear-gradient(135deg,#e53e3e33,#e53e3e1a);box-shadow:0 0 30px #e53e3e4d;color:#e53e3e}.delete-modal-title{color:#2d3748;font-size:22px;font-weight:700;letter-spacing:-.5px;margin:0;text-shadow:0 1px 2px #0000001a}body.dark-mode .delete-modal-title{color:#fff;text-shadow:0 1px 2px #0000004d}.delete-modal-body{padding:0 32px 32px;text-align:center}.delete-modal-message{color:#4a5568;font-size:16px;font-weight:400;line-height:1.6;margin:0}body.dark-mode .delete-modal-message{color:#cbd5e0}.delete-modal-footer{display:flex;gap:16px;justify-content:center;padding:0 32px 32px}.delete-modal-btn{align-items:center;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:none;border-radius:12px;cursor:pointer;display:flex;font-size:15px;font-weight:600;gap:8px;height:48px;justify-content:center;letter-spacing:-.2px;min-width:130px;padding:14px 28px;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1)}.delete-modal-btn:before{background:linear-gradient(45deg,#0000,#ffffff4d,#0000);border-radius:12px;content:"";inset:0;mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask-composite:exclude;-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;opacity:0;padding:1px;position:absolute;transition:opacity .3s ease}.delete-modal-btn:hover:before{opacity:1}.delete-modal-btn.confirm{background:linear-gradient(135deg,#e53e3e,#c53030);box-shadow:0 8px 25px #e53e3e66;color:#fff}.delete-modal-btn.confirm:hover{background:linear-gradient(135deg,#c53030,#9c2626);box-shadow:0 12px 35px #e53e3e80;transform:translateY(-2px)}.delete-modal-btn.cancel{background:linear-gradient(135deg,#f7fafc,#e2e8f0);box-shadow:0 8px 25px #0000001a;color:#4a5568}.delete-modal-btn.cancel:hover{background:linear-gradient(135deg,#e2e8f0,#cbd5e0);box-shadow:0 12px 35px #00000026;transform:translateY(-2px)}.delete-modal-btn.ok{background:linear-gradient(135deg,#3182ce,#2b6cb0);box-shadow:0 8px 25px #3182ce66;color:#fff}.delete-modal-btn.ok:hover{background:linear-gradient(135deg,#2b6cb0,#2c5282);box-shadow:0 12px 35px #3182ce80;transform:translateY(-2px)}body.dark-mode .delete-modal-btn.confirm{background:linear-gradient(135deg,#fc8181,#f56565);box-shadow:0 8px 25px #fc818166;color:#1a202c}body.dark-mode .delete-modal-btn.confirm:hover{background:linear-gradient(135deg,#f56565,#e53e3e);box-shadow:0 12px 35px #fc818180}body.dark-mode .delete-modal-btn.cancel{background:linear-gradient(135deg,#4a5568,#2d3748);box-shadow:0 8px 25px #4a556866;color:#e2e8f0}body.dark-mode .delete-modal-btn.cancel:hover{background:linear-gradient(135deg,#2d3748,#1a202c);box-shadow:0 12px 35px #4a556880}body.dark-mode .delete-modal-btn.ok{background:linear-gradient(135deg,#60a5fa,#3b82f6);box-shadow:0 8px 25px #60a5fa66;color:#1a202c}body.dark-mode .delete-modal-btn.ok:hover{background:linear-gradient(135deg,#3b82f6,#2563eb);box-shadow:0 12px 35px #60a5fa80}@media screen and (max-width:480px){.delete-modal{border-radius:16px;max-width:380px;width:95%}.delete-modal-header{padding:32px 24px 20px}.delete-modal-icon{font-size:48px;height:80px;margin-bottom:20px;width:80px}.delete-modal-title{font-size:20px}.delete-modal-body{padding:0 24px 24px}.delete-modal-message{font-size:15px}.delete-modal-footer{flex-direction:column;gap:12px;padding:0 24px 24px}.delete-modal-btn{min-width:auto;width:100%}}@media screen and (max-width:360px){.delete-modal{border-radius:14px;max-width:320px;width:98%}.delete-modal-header{padding:28px 20px 16px}.delete-modal-icon{font-size:44px;height:70px;width:70px}.delete-modal-title{font-size:18px}.delete-modal-body{padding:0 20px 20px}.delete-modal-message{font-size:14px}.delete-modal-footer{padding:0 20px 20px}.delete-modal-btn{font-size:14px;height:44px;padding:12px 24px}}:root{--ep-accent:#34c759;--ep-accent-2:#2f855a;--ep-dark-accent:#4ade80;--ep-dark-accent-2:#22c55e;--ep-bg:#fff;--ep-bg-top:#eef5ff;--ep-text:#0f172a;--ep-muted:#64748b;--ep-border:#0f172a14;--ep-hover:#34c75914;--ep-active:#34c7591f;--ep-shadow:0 8px 30px #02081414;--ep-radius:14px}.edit-profile-wrapper{align-items:flex-start;background:linear-gradient(135deg,#eef5ff,#0000);background:linear-gradient(135deg,var(--ep-bg-top),#0000);bottom:0;display:flex;justify-content:center;left:0;left:var(--sidebar-width,0);overflow-y:auto;padding:calc(60px + 2rem) 2rem 2rem;padding:calc(var(--topbar-height, 60px) + 2rem) 2rem 2rem;position:fixed;right:0;top:0}.edit-profile-container{align-items:center;border:1px solid #0f172a14;border:1px solid var(--ep-border);border-radius:14px;border-radius:var(--ep-radius);display:flex;flex-direction:column;margin:0 auto;max-width:900px;overflow:visible;padding:3rem;position:relative;transition:all .3s ease;width:100%}.edit-profile-container,body:not(.dark-mode) .edit-profile-container{background:linear-gradient(180deg,#eef5ff,#fffffff2 25%,#fff);background:linear-gradient(180deg,var(--ep-bg-top) 0,#fffffff2 25%,var(--ep-bg) 100%);box-shadow:0 8px 30px #02081414;box-shadow:var(--ep-shadow);color:#0f172a;color:var(--ep-text)}body:not(.dark-mode) .edit-profile-container{border:1px solid #0f172a14;border:1px solid var(--ep-border)}.edit-profile-header{align-items:center;background:linear-gradient(90deg,#0000,#34c7590d,#0000);border-bottom:2px solid #34c759;border-bottom:2px solid var(--ep-accent);border-radius:8px;display:flex;justify-content:space-between;margin-bottom:2rem;padding-bottom:1.5rem;width:100%}.edit-profile-header-content{align-items:center;display:flex;gap:1rem;justify-content:center;width:100%}.edit-profile-header-icon{color:#34c759;color:var(--ep-accent);filter:drop-shadow(0 2px 4px rgba(52,199,89,.2))}.edit-profile-container h2{background:linear-gradient(90deg,#34c759,#2f855a);background:linear-gradient(90deg,var(--ep-accent),var(--ep-accent-2));-webkit-background-clip:text;background-clip:text;color:#0000;font-size:2rem;font-weight:700;line-height:1.2;margin:0;text-align:center}.avatar-container{align-items:center;background:linear-gradient(135deg,#34c759,#2f855a);background:linear-gradient(135deg,var(--ep-accent),var(--ep-accent-2));border-radius:50%;box-shadow:0 8px 25px #34c7594d;display:flex;height:120px;justify-content:center;margin:0 auto 2rem;overflow:hidden;position:relative;transition:all .3s ease;width:120px}.avatar-container:hover{box-shadow:0 12px 35px #34c75966;transform:scale(1.05)}.avatar-img{border-radius:50%;height:100%;object-fit:cover;width:100%}.initials-text{color:#fff;font-size:2.5rem;font-weight:700;text-shadow:0 2px 4px #0003}.edit-profile-form{gap:1.5rem;max-width:600px;width:100%}.edit-profile-form,.input-group{display:flex;flex-direction:column}.input-group{align-items:flex-start;margin-bottom:1rem}.input-label{color:#34c759;color:var(--ep-accent);flex-shrink:0;font-size:1rem;font-weight:600;letter-spacing:.025em;margin-bottom:.75rem;text-align:left;width:100%}.input-group input,.input-group select{background:linear-gradient(135deg,#ffffffe6,#eef5ffb3);border:2px solid #0f172a14;border:2px solid var(--ep-border);border-radius:12px;box-shadow:0 2px 8px #34c75914;box-sizing:border-box;color:#0f172a;color:var(--ep-text);padding:1.25rem;transition:all .3s ease}.input-group input:focus,.input-group select:focus{background:linear-gradient(135deg,#fffffff2,#eef5ffcc);border-color:var(--ep-accent);box-shadow:0 0 0 4px #34c7591a,0 4px 12px #34c75926;transform:translateY(-2px)}.input-group input:hover,.input-group select:hover{background:linear-gradient(135deg,#fffffff2,#eef5ffcc);border-color:#34c7594d;transform:translateY(-1px)}.select-group select{appearance:none;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#ffffffe6,#eef5ffb3);background-image:url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20fill=%27%2334c759%27%20xmlns=%27http://www.w3.org/2000/svg%27%20viewBox=%270%200%204%205%27%3E%3Cpath%20d=%27M2%205L0%200h4L2%205z%27/%3E%3C/svg%3E");background-position:right 1rem center;background-repeat:no-repeat;background-size:.75rem;border:2px solid #0f172a14;border:2px solid var(--ep-border);border-radius:12px;box-shadow:0 2px 8px #34c75914;color:#0f172a;color:var(--ep-text);cursor:pointer;font-size:1rem;outline:none;padding:1.25rem;transition:all .3s ease;width:100%}.select-group select:focus{border-color:#34c759;border-color:var(--ep-accent);box-shadow:0 0 0 4px #34c7591a,0 4px 12px #34c75926;transform:translateY(-2px)}.select-group select:focus,.select-group select:hover{background:linear-gradient(135deg,#fffffff2,#eef5ffcc)}.select-group select:hover{border-color:#34c7594d;transform:translateY(-1px)}.button-group{flex-wrap:wrap;gap:1.5rem;margin-top:2rem}.button-group,.update-btn{display:flex;justify-content:center}.update-btn{align-items:center;background:linear-gradient(135deg,#34c759,#2f855a);background:linear-gradient(135deg,var(--ep-accent),var(--ep-accent-2));border:1px solid #34c7594d;border-radius:12px;box-shadow:0 4px 12px #34c75933;color:#fff;cursor:pointer;flex-grow:1;font-size:1rem;font-weight:600;gap:.5rem;max-width:200px;padding:1rem 2rem;transition:all .3s ease}.update-btn:hover{background:linear-gradient(135deg,#2f855a,#1e7e34);background:linear-gradient(135deg,var(--ep-accent-2),#1e7e34);border-color:#34c75980;box-shadow:0 8px 20px #34c7594d;transform:translateY(-2px)}.cancel-btn{align-items:center;background:linear-gradient(135deg,#6b7280,#4b5563);border:1px solid #6b72804d;border-radius:12px;box-shadow:0 4px 12px #6b728033;color:#fff;cursor:pointer;display:flex;flex-grow:1;font-size:1rem;font-weight:600;gap:.5rem;justify-content:center;max-width:200px;padding:1rem 2rem;transition:all .3s ease}.cancel-btn:hover{background:linear-gradient(135deg,#4b5563,#374151);border-color:#6b728080;box-shadow:0 8px 20px #6b72804d;transform:translateY(-2px)}body.dark-mode{--ep-bg:#0a0a0a;--ep-bg-top:#1a1a1a;--ep-text:#f9fafb;--ep-muted:#a3b3c2;--ep-border:#ffffff1a;--ep-hover:#4ade8014;--ep-active:#4ade801f;--ep-shadow:0 8px 30px #0000004d}body.dark-mode .edit-profile-wrapper{background:linear-gradient(135deg,#1a1a1a,#0000)}body.dark-mode .edit-profile-container{background:linear-gradient(180deg,#1a1a1a,#121212 50%,#0a0a0a);border:1px solid #ffffff1a;box-shadow:0 8px 30px #0000004d;color:#f9fafb}body.dark-mode .edit-profile-container h2{background:linear-gradient(90deg,#4ade80,#22c55e);background:linear-gradient(90deg,var(--ep-dark-accent),var(--ep-dark-accent-2));-webkit-background-clip:text;background-clip:text;color:#0000}body.dark-mode .edit-profile-header{background:linear-gradient(90deg,#0000,#4ade800d,#0000);border-bottom-color:#4ade80;border-bottom-color:var(--ep-dark-accent)}body.dark-mode .edit-profile-header-icon{color:#4ade80;color:var(--ep-dark-accent);filter:drop-shadow(0 2px 4px rgba(74,222,128,.2))}body.dark-mode .avatar-container{background:linear-gradient(135deg,#4ade80,#22c55e);background:linear-gradient(135deg,var(--ep-dark-accent),var(--ep-dark-accent-2));box-shadow:0 8px 25px #4ade804d}body.dark-mode .avatar-container:hover{box-shadow:0 12px 35px #4ade8066}body.dark-mode .input-label{color:#4ade80;color:var(--ep-dark-accent)}body.dark-mode .input-group input,body.dark-mode .input-group select{background:linear-gradient(135deg,#1f1f1f,#141414);border:2px solid #ffffff26;box-shadow:0 2px 8px #0003;color:#fff}body.dark-mode .input-group input:focus,body.dark-mode .input-group select:focus{background:linear-gradient(135deg,#2a2a2a,#1f1f1f);border-color:var(--ep-dark-accent);box-shadow:0 0 0 4px #4ade801a,0 4px 12px #4ade8033}body.dark-mode .input-group input:hover,body.dark-mode .input-group select:hover{background:linear-gradient(135deg,#2a2a2a,#1f1f1f);border-color:#4ade804d}body.dark-mode .select-group select{background:linear-gradient(135deg,#1f1f1f,#141414);background-image:url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20fill=%27%234ade80%27%20xmlns=%27http://www.w3.org/2000/svg%27%20viewBox=%270%200%204%205%27%3E%3Cpath%20d=%27M2%205L0%200h4L2%205z%27/%3E%3C/svg%3E");border:2px solid #ffffff26;box-shadow:0 2px 8px #0003;color:#fff}body.dark-mode .select-group select:focus{background:linear-gradient(135deg,#2a2a2a,#1f1f1f);border-color:#4ade80;border-color:var(--ep-dark-accent);box-shadow:0 0 0 4px #4ade801a,0 4px 12px #4ade8033}body.dark-mode .select-group select:hover{background:linear-gradient(135deg,#2a2a2a,#1f1f1f);border-color:#4ade804d}body.dark-mode .update-btn{background:linear-gradient(135deg,#4ade80,#22c55e);background:linear-gradient(135deg,var(--ep-dark-accent),var(--ep-dark-accent-2));border-color:#4ade804d;box-shadow:0 4px 12px #4ade8033}body.dark-mode .update-btn:hover{background:linear-gradient(135deg,#22c55e,#16a34a);background:linear-gradient(135deg,var(--ep-dark-accent-2),#16a34a);box-shadow:0 8px 20px #4ade804d}body.dark-mode .cancel-btn{background:linear-gradient(135deg,#374151,#1f2937);border-color:#9ca3af4d;box-shadow:0 4px 12px #9ca3af33}body.dark-mode .cancel-btn:hover{background:linear-gradient(135deg,#1f2937,#111827);box-shadow:0 8px 20px #9ca3af4d}@media screen and (max-width:767px){.edit-profile-wrapper{left:0;padding:calc(60px + 1rem) 1rem 1rem;padding:calc(var(--topbar-height, 60px) + 1rem) 1rem 1rem}.edit-profile-container{margin:0;max-width:none;padding:2rem 1.5rem;width:100%}.edit-profile-container h2{font-size:1.5rem}.avatar-container{height:100px;width:100px}.initials-text{font-size:2rem}.input-group input,.input-group select,.select-group select{font-size:.9rem;padding:1rem}.button-group{align-items:stretch;flex-direction:column;gap:1rem}.cancel-btn,.update-btn{max-width:none;width:100%}}@media screen and (min-width:768px) and (max-width:912px){.edit-profile-wrapper{left:0;padding:calc(60px + 1.5rem) 1.5rem 1.5rem;padding:calc(var(--topbar-height, 60px) + 1.5rem) 1.5rem 1.5rem}.edit-profile-container{max-width:700px;padding:2.5rem 2rem}.edit-profile-container h2{font-size:1.75rem}.avatar-container{height:110px;width:110px}.input-group input,.input-group select,.select-group select{font-size:.95rem;padding:1.1rem}.button-group{flex-direction:row;justify-content:center}.cancel-btn,.update-btn{max-width:180px}}@media screen and (min-width:913px) and (max-width:1023px){.edit-profile-wrapper{left:0;left:var(--sidebar-width,0)}.edit-profile-container{max-width:750px;padding:2.75rem}.avatar-container{height:115px;width:115px}.input-group input,.input-group select,.select-group select{font-size:.975rem;padding:1.15rem}.cancel-btn,.update-btn{max-width:190px}}@media screen and (min-width:1024px){.edit-profile-wrapper{left:0;left:var(--sidebar-width,0)}.edit-profile-container{max-width:900px;padding:3rem}.avatar-container{height:120px;width:120px}.input-group input,.input-group select,.select-group select{font-size:1rem;padding:1.25rem}.cancel-btn,.update-btn{max-width:200px}}@media print{.edit-profile-wrapper{background:#fff!important;padding:0;position:static}.edit-profile-container{background:#fff!important;border:1px solid #000;box-shadow:none}.button-group{display:none}}:root{--sec-accent:#34c759;--sec-accent-2:#2f855a;--sec-dark-accent:#4ade80;--sec-dark-accent-2:#22c55e;--sec-bg:#fff;--sec-bg-secondary:#f8fafc;--sec-text:#1e293b;--sec-muted:#64748b;--sec-border:#1e293b1a;--sec-radius:16px;--sec-shadow:0 4px 20px #00000014}.security-container{animation:slideInUp .6s cubic-bezier(.4,0,.2,1);background:linear-gradient(135deg,#f8fafc,#fffc);margin:calc(var(--topbar-height) + 20px) auto 0;max-width:900px;min-height:calc(100vh - var(--topbar-height) - 40px);padding:2rem;position:relative}.security-header{background:linear-gradient(90deg,#0000,#34c7590d,#0000);border-bottom:2px solid #34c759;border-bottom:2px solid var(--sec-accent);border-radius:16px;border-radius:var(--sec-radius);margin-bottom:3rem;overflow:hidden;padding-bottom:2rem;position:relative;text-align:center}.security-header:before{animation:shimmer 3s infinite;background:linear-gradient(90deg,#0000,#34c7591a,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;width:100%}.security-title{background:linear-gradient(90deg,#34c759,#2f855a);background:linear-gradient(90deg,var(--sec-accent),var(--sec-accent-2));-webkit-background-clip:text;background-clip:text;color:#0000;font-size:2.5rem;font-weight:700;margin:0 0 .5rem;text-shadow:0 2px 4px #34c75933}.security-subtitle{color:#64748b;color:var(--sec-muted);font-size:1.1rem;font-weight:500;margin:0}.security-notification{align-items:center;animation:notificationSlideIn .4s cubic-bezier(.4,0,.2,1);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid #fff3;border-radius:16px;border-radius:var(--sec-radius);box-shadow:0 20px 40px #0000001a;display:flex;justify-content:space-between;min-width:350px;padding:1.25rem 1.5rem;position:fixed;right:20px;top:calc(var(--topbar-height) + 20px);z-index:1000}@keyframes notificationSlideIn{0%{opacity:0;transform:translateX(100%) scale(.9)}to{opacity:1;transform:translateX(0) scale(1)}}.security-notification.success{background:linear-gradient(135deg,#34c759f2,#2f855ae6);border-left:4px solid #10b981;color:#fff}.security-notification.error{background:linear-gradient(135deg,#ef4444f2,#dc2626e6);border-left:4px solid #ef4444;color:#fff}.notification-content{align-items:center;display:flex;font-weight:500;gap:1rem}.notification-close,.notification-icon{align-items:center;display:flex;justify-content:center}.notification-close{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#fff3;border:none;border-radius:8px;color:#fff;cursor:pointer;height:32px;transition:all .3s ease;width:32px}.notification-close:hover{background:#ffffff4d;transform:scale(1.1)}.security-section{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:linear-gradient(135deg,#ffffffe6,#f8fafccc);border:1px solid #1e293b1a;border:1px solid var(--sec-border);border-radius:16px;border-radius:var(--sec-radius);box-shadow:0 4px 20px #00000014;box-shadow:var(--sec-shadow);margin-bottom:2rem;overflow:hidden;padding:2.5rem;position:relative;transition:all .4s cubic-bezier(.4,0,.2,1)}.security-section:before{background:linear-gradient(90deg,#0000,#34c7590d,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .6s ease;width:100%}.security-section:hover:before{left:100%}.security-section:hover{border-color:#34c7594d;box-shadow:0 12px 40px #34c75926;transform:translateY(-4px)}.section-header{align-items:flex-start;gap:1.5rem;margin-bottom:2.5rem;position:relative;z-index:2}.section-icon{align-items:center;background:linear-gradient(135deg,#34c759,#2f855a);background:linear-gradient(135deg,var(--sec-accent),var(--sec-accent-2));box-shadow:0 8px 20px #34c7594d;color:#fff;display:flex;flex-shrink:0;font-size:1.5rem;height:64px;justify-content:center;overflow:hidden;position:relative;transition:all .3s ease;width:64px}.section-icon,.section-icon:before{border-radius:16px;border-radius:var(--sec-radius)}.section-icon:before{animation:rotate 3s linear infinite;background:linear-gradient(45deg,#34c759,#2f855a,#34c759);background:linear-gradient(45deg,var(--sec-accent),var(--sec-accent-2),var(--sec-accent));bottom:-2px;content:"";left:-2px;position:absolute;right:-2px;top:-2px;z-index:-1}.security-section:hover .section-icon{box-shadow:0 12px 30px #34c75966;transform:scale(1.1) rotate(5deg)}.section-info{flex:1 1}.section-title{background:linear-gradient(90deg,#1e293b,#2f855a);background:linear-gradient(90deg,var(--sec-text),var(--sec-accent-2));-webkit-background-clip:text;background-clip:text;color:#1e293b;color:var(--sec-text);color:#0000;font-size:1.75rem;font-weight:700;margin:0 0 .75rem}.section-description{color:#64748b;color:var(--sec-muted);font-size:1rem;font-weight:500;line-height:1.6;margin:0}.security-form{display:flex;flex-direction:column;gap:2rem;position:relative;z-index:2}.security-form-field{display:flex;flex-direction:column;gap:.75rem}.field-label{color:#1e293b;color:var(--sec-text);display:inline-block;font-size:.95rem;font-weight:600;letter-spacing:.1em;position:relative;text-transform:uppercase}.field-label:after{background:linear-gradient(90deg,#34c759,#2f855a);background:linear-gradient(90deg,var(--sec-accent),var(--sec-accent-2));border-radius:2px;bottom:-2px;content:"";height:2px;left:0;position:absolute;width:30px}.password-input-wrapper{align-items:center;display:flex;position:relative}.security-input{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:linear-gradient(135deg,#ffffffe6,#f8fafc99);border:2px solid #1e293b1a;border:2px solid var(--sec-border);border-radius:16px;border-radius:var(--sec-radius);box-shadow:0 2px 8px #34c7590d;color:#1e293b;color:var(--sec-text);font-size:1rem;font-weight:500;padding:1rem 3.5rem 1rem 1.25rem;transition:all .4s cubic-bezier(.4,0,.2,1);width:100%}.security-input::placeholder{color:#64748b;color:var(--sec-muted);opacity:.7}.security-input:focus{background:#fffffff2;border-color:#34c759;border-color:var(--sec-accent);box-shadow:0 0 0 4px #34c7591a,0 4px 20px #34c75926;outline:none;transform:translateY(-2px)}.security-input:hover:not(:focus){border-color:#34c7594d;box-shadow:0 4px 16px #34c7591a}.password-toggle-btn{align-items:center;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#ffffff80;border:none;border-radius:10px;color:#64748b;color:var(--sec-muted);cursor:pointer;display:flex;justify-content:center;padding:.75rem;position:absolute;right:12px;transition:all .3s ease}.password-toggle-btn:hover{background:#34c7591a;color:#34c759;color:var(--sec-accent);transform:scale(1.1)}.btn{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:var(--sec-radius);font-size:1rem;font-weight:600;min-width:140px;padding:1rem 2rem;transition:all .4s cubic-bezier(.4,0,.2,1)}.btn:before{background:linear-gradient(90deg,#0000,#fff3,#0000);transition:left .6s ease}.btn:disabled{cursor:not-allowed;opacity:.6;transform:none}.btn:disabled:before{display:none}.btn-primary{background:linear-gradient(135deg,#34c759,#2f855a);background:linear-gradient(135deg,var(--sec-accent),var(--sec-accent-2));border:1px solid #34c75933;box-shadow:0 4px 15px #34c7594d}.btn-primary:hover:not(:disabled){background:linear-gradient(135deg,#2f855a,#1e7e34);background:linear-gradient(135deg,var(--sec-accent-2),#1e7e34);box-shadow:0 8px 30px #34c75966;transform:translateY(-3px)}.btn-secondary{background:linear-gradient(135deg,#fffc,#f8fafc99);border:1px solid #1e293b1a;border:1px solid var(--sec-border);box-shadow:0 2px 8px #0000000d;color:#1e293b;color:var(--sec-text)}.btn-secondary:hover:not(:disabled){background:linear-gradient(135deg,#fffffff2,#f8fafccc);border-color:#34c7594d;box-shadow:0 8px 25px #0000001a;transform:translateY(-3px)}.btn-danger{background:linear-gradient(135deg,#ef4444,#dc2626);border:1px solid #ef444433;box-shadow:0 4px 15px #ef44444d;color:#fff}.btn-danger:hover:not(:disabled){background:linear-gradient(135deg,#dc2626,#b91c1c);box-shadow:0 8px 30px #ef444466;transform:translateY(-3px)}.form-actions{display:flex;gap:1.5rem;justify-content:flex-start;margin-top:1rem}.api-content,.twofa-content{display:flex;flex-direction:column;gap:2rem;position:relative;z-index:2}.api-status{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#fffc,#f8fafc99);border:1px solid #34c7591a;border-radius:16px;border-radius:var(--sec-radius);display:flex;gap:1.5rem;padding:1.5rem;transition:all .3s ease}.api-status:hover{border-color:#34c75933;box-shadow:0 8px 25px #34c7591a;transform:translateY(-2px)}.status-label{color:#1e293b;color:var(--sec-text);flex:1 1;font-size:1rem;font-weight:600}.status-badge{border-radius:20px;display:flex;font-size:.875rem;font-weight:700;gap:.5rem;letter-spacing:.1em;padding:.5rem 1.25rem;text-transform:uppercase;transition:all .3s ease}.status-badge.active{background:linear-gradient(135deg,#10b98126,#06b6d41a);border:1px solid #10b98133;box-shadow:0 2px 8px #10b9811a;color:#059669}.status-badge.active:before{animation:pulse 2s infinite;content:"●"}.status-badge.inactive{background:linear-gradient(135deg,#ef444426,#dc26261a);border:1px solid #ef444433;box-shadow:0 2px 8px #ef44441a;color:#dc2626}.status-badge.inactive:before{content:"●";opacity:.6}.api-description,.twofa-description{color:#64748b;color:var(--sec-muted);font-size:1rem;font-weight:500;line-height:1.7}.api-enable-section,.twofa-enable-section{align-items:flex-start}.api-enable-section,.api-key-section,.twofa-enable-section{display:flex;flex-direction:column;gap:2rem}.api-key-container{display:flex;flex-direction:column;gap:.75rem}.api-key-wrapper{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#ffffffe6,#f8fafcb3);border:2px solid #1e293b1a;border:2px solid var(--sec-border);border-radius:16px;border-radius:var(--sec-radius);display:flex;gap:.75rem;overflow:hidden;padding:.5rem .5rem .5rem 1.25rem;position:relative;transition:all .4s cubic-bezier(.4,0,.2,1)}.api-key-wrapper:before{background:linear-gradient(90deg,#0000,#34c7590d,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .6s ease;width:100%}.api-key-wrapper:hover:before{left:100%}.api-key-wrapper:focus-within{border-color:#34c759;border-color:var(--sec-accent);box-shadow:0 0 0 4px #34c7591a;transform:translateY(-2px)}.api-key-input{background:none;border:none;color:#1e293b;color:var(--sec-text);flex:1 1;font-family:SF Mono,Monaco,Inconsolata,Roboto Mono,monospace;font-size:1rem;font-weight:500;letter-spacing:1px;outline:none;padding:.75rem 0;position:relative;z-index:2}.api-key-actions{display:flex;gap:.5rem;position:relative;z-index:2}.icon-btn{align-items:center;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:linear-gradient(135deg,#fffc,#f8fafc99);border:1px solid #ffffff4d;border-radius:10px;color:#64748b;color:var(--sec-muted);cursor:pointer;display:flex;height:44px;justify-content:center;transition:all .3s cubic-bezier(.4,0,.2,1);width:44px}.icon-btn:hover{background:linear-gradient(135deg,#34c7591a,#f8fafccc);border-color:#34c75933;box-shadow:0 4px 15px #34c75933;color:#34c759;color:var(--sec-accent);transform:translateY(-2px) scale(1.05)}.icon-btn.success{animation:successPulse .6s ease;background:linear-gradient(135deg,#10b9811a,#06b6d40d);color:#10b981}.api-docs-link{align-items:center;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:linear-gradient(135deg,#34c7590d,#f8fafc4d);border:1px solid #34c75933;border-radius:16px;border-radius:var(--sec-radius);color:#34c759;color:var(--sec-accent);display:inline-flex;font-size:1rem;font-weight:600;gap:.75rem;padding:.75rem 1.5rem;text-decoration:none;transition:all .3s ease}.api-docs-link:hover{background:linear-gradient(135deg,#34c7591a,#f8fafc80);box-shadow:0 6px 20px #34c75933;color:#2f855a;color:var(--sec-accent-2);transform:translateX(6px) translateY(-2px)}.twofa-disable-section{display:flex;flex-direction:column;gap:1.5rem}.twofa-warning{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#f59e0b1a,#d977060d);border:1px solid #f59e0b33;border-radius:16px;border-radius:var(--sec-radius);color:#92400e;display:flex;font-size:1rem;font-weight:500;gap:1rem;padding:1.5rem}.twofa-warning:before{content:"⚠️";font-size:1.5rem}.twofa-setup{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#ffffffe6,#f8fafcb3);border:1px solid #34c7591a;border-radius:16px;border-radius:var(--sec-radius);padding:2.5rem;transition:all .3s ease}.twofa-setup:hover{border-color:#34c75933;box-shadow:0 8px 25px #34c7591a}.setup-steps{display:flex;flex-direction:column;gap:2rem}.step{gap:1.5rem;padding:1rem 0}.step,.step-number{align-items:center;display:flex}.step-number{background:linear-gradient(135deg,#34c759,#2f855a);background:linear-gradient(135deg,var(--sec-accent),var(--sec-accent-2));border-radius:50%;box-shadow:0 4px 12px #34c7594d;color:#fff;flex-shrink:0;font-weight:700;height:40px;justify-content:center;overflow:hidden;position:relative;width:40px}.step-number:before{animation:stepShine 3s infinite;background:linear-gradient(45deg,#0000,#ffffff4d,#0000);content:"";height:200%;left:-50%;position:absolute;top:-50%;transform:rotate(45deg);width:200%}@keyframes stepShine{0%{transform:translateX(-100%) translateY(-100%) rotate(45deg)}to{transform:translateX(100%) translateY(100%) rotate(45deg)}}.step p{color:#1e293b;color:var(--sec-text);flex:1 1;font-size:1rem;font-weight:500;line-height:1.6;margin:0}.qr-code-container{animation:qrGlow 2s infinite;background:#fff;border:3px solid #34c759;border:3px solid var(--sec-accent);border-radius:16px;border-radius:var(--sec-radius);box-shadow:0 4px 20px #0000001a;display:flex;justify-content:center;padding:2rem}@keyframes qrGlow{0%,to{border-color:#34c759;border-color:var(--sec-accent);box-shadow:0 4px 20px #0000001a}50%{border-color:#2f855a;border-color:var(--sec-accent-2);box-shadow:0 8px 30px #34c7594d}}.qr-code-container img{border-radius:8px;max-width:200px}.secret-key-container{display:flex;justify-content:center;margin:1rem 0}.secret-key{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:linear-gradient(135deg,#34c7590d,#f8fafc4d);border:1px solid #34c75933;border-radius:16px;border-radius:var(--sec-radius);color:#2f855a;color:var(--sec-accent-2);font-family:SF Mono,Monaco,Inconsolata,Roboto Mono,monospace;font-size:1rem;font-weight:600;letter-spacing:2px;padding:1rem 1.5rem;text-align:center}.verification-input-wrapper{display:flex;justify-content:center;margin:1rem 0}.verification-input{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#ffffffe6,#f8fafc99);border:2px solid #1e293b1a;border:2px solid var(--sec-border);border-radius:16px;border-radius:var(--sec-radius);color:#1e293b;color:var(--sec-text);font-family:SF Mono,Monaco,Inconsolata,Roboto Mono,monospace;font-size:1.5rem;font-weight:700;letter-spacing:8px;padding:1rem;text-align:center;transition:all .3s ease;width:200px}.verification-input:focus{border-color:#34c759;border-color:var(--sec-accent);box-shadow:0 0 0 4px #34c7591a;outline:none;transform:scale(1.05)}.setup-actions{display:flex;gap:1.5rem;justify-content:center;margin-top:1rem}.security-modal-overlay{align-items:center;animation:modalFadeIn .3s ease;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#000000b3;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:2000}@keyframes modalFadeIn{0%{opacity:0}to{opacity:1}}.security-modal{animation:modalSlideUp .4s cubic-bezier(.4,0,.2,1);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:linear-gradient(180deg,#fffffffa,#f8fafcf2);border:1px solid #ffffff4d;border-radius:16px;border-radius:var(--sec-radius);box-shadow:0 25px 50px #0003;max-width:500px;padding:3rem;text-align:center;width:90%}@keyframes modalSlideUp{0%{opacity:0;transform:translateY(30px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.modal-icon-wrapper{align-items:center;border-radius:50%;display:inline-flex;height:80px;justify-content:center;margin-bottom:2rem;overflow:hidden;position:relative;width:80px}.modal-icon-wrapper:before{animation:modalIconShine 2s infinite;background:linear-gradient(45deg,#0000,#ffffff4d,#0000);content:"";height:200%;left:-50%;position:absolute;top:-50%;transform:rotate(45deg);width:200%}@keyframes modalIconShine{0%{transform:translateX(-100%) translateY(-100%) rotate(45deg)}to{transform:translateX(100%) translateY(100%) rotate(45deg)}}.modal-icon-wrapper.success{background:linear-gradient(135deg,#10b98126,#06b6d41a);color:#10b981}.modal-icon-wrapper.error{background:linear-gradient(135deg,#ef444426,#dc26261a);color:#ef4444}.modal-icon-wrapper.warning{background:linear-gradient(135deg,#f59e0b26,#d977061a);color:#f59e0b}.modal-title{background:linear-gradient(90deg,#1e293b,#2f855a);background:linear-gradient(90deg,var(--sec-text),var(--sec-accent-2));-webkit-background-clip:text;background-clip:text;color:#1e293b;color:var(--sec-text);color:#0000;font-size:1.75rem;font-weight:700;margin:0 0 1rem}.modal-message{color:#64748b;color:var(--sec-muted);font-size:1.1rem;font-weight:500;line-height:1.6;margin:0 0 2.5rem}.modal-actions{display:flex;gap:1.5rem;justify-content:center}.modal-btn{border:none;border-radius:16px;border-radius:var(--sec-radius);cursor:pointer;font-size:1rem;font-weight:600;min-width:120px;padding:1rem 2rem;transition:all .3s cubic-bezier(.4,0,.2,1)}.modal-btn.confirm{background:linear-gradient(135deg,#34c759,#2f855a);background:linear-gradient(135deg,var(--sec-accent),var(--sec-accent-2));box-shadow:0 4px 15px #34c7594d;color:#fff}.modal-btn.confirm:hover{background:linear-gradient(135deg,#2f855a,#1e7e34);background:linear-gradient(135deg,var(--sec-accent-2),#1e7e34);box-shadow:0 8px 30px #34c75966;transform:translateY(-3px)}.modal-btn.cancel{background:linear-gradient(135deg,#fffc,#f8fafc99);border:1px solid #1e293b1a;border:1px solid var(--sec-border);box-shadow:0 2px 8px #0000000d;color:#1e293b;color:var(--sec-text)}.modal-btn.cancel:hover{background:linear-gradient(135deg,#fffffff2,#f8fafccc);border-color:#34c7594d;box-shadow:0 8px 25px #0000001a;transform:translateY(-3px)}body.dark-mode{--sec-bg:#0a0a0a;--sec-bg-secondary:#1a1a1a;--sec-text:#f9fafb;--sec-muted:#a3b3c2;--sec-border:#ffffff1a;--sec-shadow:0 8px 30px #0000004d}body.dark-mode .security-container{background:linear-gradient(135deg,#1a1a1a,#0a0a0acc)}body.dark-mode .security-title{background:linear-gradient(90deg,#4ade80,#22c55e);background:linear-gradient(90deg,var(--sec-dark-accent),var(--sec-dark-accent-2));-webkit-background-clip:text;background-clip:text;color:#0000}body.dark-mode .security-header{background:linear-gradient(90deg,#0000,#4ade800d,#0000);border-bottom-color:#4ade80;border-bottom-color:var(--sec-dark-accent)}body.dark-mode .security-header:before{background:linear-gradient(90deg,#0000,#4ade801a,#0000)}body.dark-mode .security-section{background:linear-gradient(135deg,#1f1f1f,#141414);border-color:#ffffff26;box-shadow:0 4px 20px #0003}body.dark-mode .security-section:before{background:linear-gradient(90deg,#0000,#4ade800d,#0000)}body.dark-mode .security-section:hover{border-color:#4ade804d;box-shadow:0 12px 40px #4ade8026}body.dark-mode .section-icon{background:linear-gradient(135deg,#4ade80,#22c55e);background:linear-gradient(135deg,var(--sec-dark-accent),var(--sec-dark-accent-2))}body.dark-mode .section-icon:before{background:linear-gradient(45deg,#4ade80,#22c55e,#4ade80);background:linear-gradient(45deg,var(--sec-dark-accent),var(--sec-dark-accent-2),var(--sec-dark-accent))}body.dark-mode .section-title{background:linear-gradient(90deg,#f9fafb,#22c55e);background:linear-gradient(90deg,#f9fafb,var(--sec-dark-accent-2));-webkit-background-clip:text;background-clip:text;color:#0000}body.dark-mode .security-input{background:linear-gradient(135deg,#1f1f1fe6,#141414cc);border-color:#ffffff1a;color:#f9fafb}body.dark-mode .security-input:focus{background:#1f1f1ff2;border-color:#4ade80;border-color:var(--sec-dark-accent);box-shadow:0 0 0 4px #4ade801a,0 4px 20px #4ade8026}body.dark-mode .security-input:hover:not(:focus){border-color:#4ade804d;box-shadow:0 4px 16px #4ade801a}body.dark-mode .password-toggle-btn{background:#1f1f1f80}body.dark-mode .password-toggle-btn:hover{background:#4ade801a;color:#4ade80;color:var(--sec-dark-accent)}body.dark-mode .btn-primary{background:linear-gradient(135deg,#4ade80,#22c55e);background:linear-gradient(135deg,var(--sec-dark-accent),var(--sec-dark-accent-2));box-shadow:0 4px 15px #4ade804d}body.dark-mode .btn-primary:hover:not(:disabled){background:linear-gradient(135deg,#22c55e,#16a34a);background:linear-gradient(135deg,var(--sec-dark-accent-2),#16a34a);box-shadow:0 8px 30px #4ade8066}body.dark-mode .btn-secondary{background:linear-gradient(135deg,#1f1f1fcc,#14141499);border-color:#ffffff1a;color:#f9fafb}body.dark-mode .btn-secondary:hover:not(:disabled){background:linear-gradient(135deg,#1f1f1ff2,#141414cc);border-color:#4ade804d}body.dark-mode .api-status{background:linear-gradient(135deg,#1f1f1fcc,#14141499);border-color:#4ade801a}body.dark-mode .api-status:hover{border-color:#4ade8033;box-shadow:0 8px 25px #4ade801a}body.dark-mode .status-badge.active{background:linear-gradient(135deg,#4ade8026,#22c55e1a);border-color:#4ade8033;color:#22c55e;color:var(--sec-dark-accent-2)}body.dark-mode .status-badge.inactive{background:linear-gradient(135deg,#ef444426,#dc26261a);border-color:#ef444433;color:#ef4444}body.dark-mode .api-key-wrapper{background:linear-gradient(135deg,#1f1f1fe6,#141414b3);border-color:#ffffff1a}body.dark-mode .api-key-wrapper:before{background:linear-gradient(90deg,#0000,#4ade800d,#0000)}body.dark-mode .api-key-wrapper:focus-within{border-color:#4ade80;border-color:var(--sec-dark-accent);box-shadow:0 0 0 4px #4ade801a}body.dark-mode .api-key-input{color:#f9fafb}body.dark-mode .icon-btn{background:linear-gradient(135deg,#1f1f1fcc,#14141499);border-color:#ffffff1a}body.dark-mode .icon-btn:hover{background:linear-gradient(135deg,#4ade801a,#1a1a1acc)}body.dark-mode .api-docs-link,body.dark-mode .icon-btn:hover{border-color:#4ade8033;color:#4ade80;color:var(--sec-dark-accent)}body.dark-mode .api-docs-link{background:linear-gradient(135deg,#4ade800d,#1a1a1a4d)}body.dark-mode .api-docs-link:hover{background:linear-gradient(135deg,#4ade801a,#1a1a1a80);color:#22c55e;color:var(--sec-dark-accent-2)}body.dark-mode .twofa-warning{background:linear-gradient(135deg,#f59e0b1a,#d977060d);border-color:#f59e0b33;color:#fbbf24}body.dark-mode .twofa-setup{background:linear-gradient(135deg,#1f1f1fe6,#141414b3);border-color:#4ade801a}body.dark-mode .twofa-setup:hover{border-color:#4ade8033;box-shadow:0 8px 25px #4ade801a}body.dark-mode .step-number{background:linear-gradient(135deg,#4ade80,#22c55e);background:linear-gradient(135deg,var(--sec-dark-accent),var(--sec-dark-accent-2))}body.dark-mode .step p{color:#f9fafb}body.dark-mode .qr-code-container{border-color:#4ade80;border-color:var(--sec-dark-accent)}body.dark-mode .secret-key{background:linear-gradient(135deg,#4ade800d,#1a1a1a4d);border-color:#4ade8033;color:#22c55e;color:var(--sec-dark-accent-2)}body.dark-mode .verification-input{background:linear-gradient(135deg,#1f1f1fe6,#14141499);border-color:#ffffff1a;color:#f9fafb}body.dark-mode .verification-input:focus{border-color:#4ade80;border-color:var(--sec-dark-accent);box-shadow:0 0 0 4px #4ade801a}body.dark-mode .security-modal{background:linear-gradient(180deg,#1f1f1ffa,#141414f2);border-color:#ffffff1a}body.dark-mode .modal-title{background:linear-gradient(90deg,#f9fafb,#22c55e);background:linear-gradient(90deg,#f9fafb,var(--sec-dark-accent-2));-webkit-background-clip:text;background-clip:text;color:#0000}body.dark-mode .modal-message{color:#a3b3c2}body.dark-mode .modal-btn.cancel{background:linear-gradient(135deg,#1f1f1fcc,#14141499);border-color:#ffffff1a;color:#f9fafb}body.dark-mode .modal-btn.cancel:hover{background:linear-gradient(135deg,#1f1f1ff2,#141414cc);border-color:#4ade804d}@media screen and (max-width:768px){.security-container{padding:calc(60px + 1rem) 1rem 1rem;padding:calc(var(--topbar-height, 60px) + 1rem) 1rem 1rem}.security-header{margin-bottom:2rem}.security-title{font-size:2rem}.security-section{padding:2rem 1.5rem}.section-header{flex-direction:column;gap:1rem;text-align:center}.section-icon{font-size:1.25rem;height:56px;width:56px}.form-actions,.setup-actions{flex-direction:column}.btn{width:100%}.api-key-wrapper{flex-direction:column;gap:1rem;padding:1rem}.api-key-actions{justify-content:center;width:100%}.verification-input{font-size:1.25rem;letter-spacing:4px;width:160px}.security-notification{left:10px;min-width:auto;right:10px}.modal-actions{flex-direction:column}.modal-btn{width:100%}}@media screen and (max-width:480px){.security-container{padding:calc(60px + .5rem) .5rem .5rem;padding:calc(var(--topbar-height, 60px) + .5rem) .5rem .5rem}.security-title{font-size:1.75rem}.section-title{font-size:1.5rem}.security-section{padding:1.5rem 1rem}.section-icon{font-size:1rem;height:48px;width:48px}.qr-code-container img{max-width:150px}.secret-key{font-size:.875rem;letter-spacing:1px}.setup-steps{gap:1.5rem}.step-number{font-size:.875rem;height:32px;width:32px}.verification-input{font-size:1rem;letter-spacing:3px;width:140px}}@media (prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.btn:focus-visible,.icon-btn:focus-visible,.security-input:focus-visible{outline:2px solid #34c759;outline:2px solid var(--sec-accent);outline-offset:2px}body.dark-mode .btn:focus-visible,body.dark-mode .icon-btn:focus-visible,body.dark-mode .security-input:focus-visible{outline-color:#4ade80;outline-color:var(--sec-dark-accent)}:root{--primary-hover:#45a049;--danger-color:#f44336;--bg-light:#f5f7fa;--bg-white:#fff;--border-light:#e2e8f0;--bg-code:#f7fafc;--dark-bg:#1a1a1a;--dark-bg-secondary:#2d2d2d;--dark-text-primary:#f3f4f6;--dark-text-secondary:#a0aec0;--dark-border:#4a5568}.api-docs-container{background-color:#f5f7fa;background-color:var(--bg-light);display:flex;margin-top:60px;min-height:100vh;position:relative}body.dark-mode .api-docs-container{background-color:#1a1a1a;background-color:var(--dark-bg)}.api-docs-sidebar{animation:slideInLeft .4s ease;background-color:#fff;background-color:var(--bg-white);box-shadow:2px 0 8px #0000000d;height:calc(100vh - 60px);overflow-y:auto;position:fixed;top:60px;width:280px;z-index:100}body.dark-mode .api-docs-sidebar{background-color:#2d2d2d;background-color:var(--dark-bg-secondary);box-shadow:2px 0 8px #0003}.sidebar-header{background-color:#fff;background-color:var(--bg-white);border-bottom:2px solid #e2e8f0;border-bottom:2px solid var(--border-light);padding:2rem 1.5rem 1.5rem;position:sticky;top:0;z-index:10}body.dark-mode .sidebar-header{background-color:#2d2d2d;background-color:var(--dark-bg-secondary);border-bottom-color:#4a5568;border-bottom-color:var(--dark-border)}.api-docs-sidebar-title{color:#4caf50;color:var(--primary-color);font-size:1.5rem;font-weight:700;letter-spacing:-.02em;margin:0}.api-docs-nav{padding:1rem 0}.api-docs-nav-list{list-style:none;margin:0;padding:0}.api-docs-nav-item{align-items:center;background:#0000;border:none;border-radius:12px;color:#2d3748;color:var(--text-primary);cursor:pointer;display:flex;font-size:.95rem;font-weight:500;margin:.25rem 1rem;overflow:hidden;padding:.875rem 1rem;position:relative;text-align:left;transition:all .3s cubic-bezier(.4,0,.2,1);width:calc(100% - 2rem)}body.dark-mode .api-docs-nav-item{color:#a0aec0;color:var(--dark-text-secondary)}.nav-item-indicator{background:#4caf50;background:var(--primary-color);border-radius:2px;height:0;margin-right:.75rem;transition:height .3s ease;width:4px}.api-docs-nav-item:hover{background-color:#4caf5014;color:#4caf50;color:var(--primary-color);transform:translateX(4px)}body.dark-mode .api-docs-nav-item:hover{background-color:#4caf5026;color:#4caf50;color:var(--primary-color)}.api-docs-nav-item.active{background:linear-gradient(135deg,#4caf5026,#4caf500d);color:#4caf50;color:var(--primary-color);font-weight:600}.api-docs-nav-item.active .nav-item-indicator{height:24px}body.dark-mode .api-docs-nav-item.active{background:linear-gradient(135deg,#4caf5040,#4caf501a)}.api-docs-content{animation:fadeInUp .6s ease;flex:1 1;margin-left:280px;max-width:1200px;padding:2rem 3rem}.api-docs-section{background:#fff;background:var(--bg-white);border-radius:16px;box-shadow:0 2px 8px #0000000d;margin-bottom:2rem;padding:2.5rem;transition:transform .3s ease,box-shadow .3s ease}body.dark-mode .api-docs-section{background:#2d2d2d;background:var(--dark-bg-secondary);box-shadow:0 2px 8px #0003}.api-docs-section:hover{box-shadow:0 4px 16px #0000001a;transform:translateY(-2px)}body.dark-mode .api-docs-section:hover{box-shadow:0 4px 16px #0000004d}.api-docs-section h2{border-bottom:2px solid #e2e8f0;border-bottom:2px solid var(--border-light);color:#2d3748;color:var(--text-primary);font-size:2rem;font-weight:700;letter-spacing:-.02em;margin:0 0 1.5rem;padding-bottom:1rem}body.dark-mode .api-docs-section h2{border-bottom-color:#4a5568;border-bottom-color:var(--dark-border);color:#f3f4f6;color:var(--dark-text-primary)}.api-docs-section h3{color:#2d3748;color:var(--text-primary);font-size:1.25rem;font-weight:600;margin:2rem 0 1rem}body.dark-mode .api-docs-section h3{color:#f3f4f6;color:var(--dark-text-primary)}.api-docs-section h4{color:#718096;color:var(--text-secondary);font-size:.875rem;font-weight:600;letter-spacing:.05em;margin:1.5rem 0 .75rem;text-transform:uppercase}body.dark-mode .api-docs-section h4{color:#a0aec0;color:var(--dark-text-secondary)}.api-docs-section p{color:#718096;color:var(--text-secondary);font-size:1rem;line-height:1.7;margin:0 0 1rem}body.dark-mode .api-docs-section p{color:#a0aec0;color:var(--dark-text-secondary)}.api-endpoint-card{background:#f7fafc;background:var(--bg-code);border:1px solid #e2e8f0;border:1px solid var(--border-light);border-radius:12px;margin:1.5rem 0;padding:1.5rem;transition:all .3s ease}body.dark-mode .api-endpoint-card{background:#1a1a1a;background:var(--dark-bg);border-color:#4a5568;border-color:var(--dark-border)}.api-endpoint-card:hover{border-color:#4caf50;border-color:var(--primary-color);box-shadow:0 0 0 3px #4caf501a}body.dark-mode .api-endpoint-card:hover{box-shadow:0 0 0 3px #4caf5033}.api-code-section{margin:1.5rem 0}.api-docs-code-block{background:#2d3748;background:var(--text-primary);border-radius:12px;box-shadow:0 4px 6px #0000001a;color:#f3f4f6;color:var(--dark-text-primary);font-family:Fira Code,Courier New,monospace;font-size:.875rem;line-height:1.6;margin:.75rem 0;overflow-x:auto;padding:1.25rem;position:relative}body.dark-mode .api-docs-code-block{background:#0d0d0d;box-shadow:0 4px 6px #0000004d}.api-docs-code-block code{color:#e6f6ff;font-size:.875rem}.api-docs-code-block::-webkit-scrollbar{height:8px}.api-docs-code-block::-webkit-scrollbar-track{background:#ffffff1a;border-radius:4px}.api-docs-code-block::-webkit-scrollbar-thumb{background:#4caf50;background:var(--primary-color);border-radius:4px}.error-list{margin-top:1.5rem}.error-item{align-items:flex-start;background:#f7fafc;background:var(--bg-code);border:1px solid #e2e8f0;border:1px solid var(--border-light);border-radius:12px;display:flex;gap:1.5rem;margin-bottom:1rem;padding:1.25rem;transition:all .3s ease}body.dark-mode .error-item{background:#1a1a1a;background:var(--dark-bg);border-color:#4a5568;border-color:var(--dark-border)}.error-item:hover{border-color:#4caf50;border-color:var(--primary-color);transform:translateX(4px)}.error-code{align-items:center;border-radius:8px;color:#fff;display:inline-flex;font-size:1rem;font-weight:700;height:40px;min-width:60px;padding:0 .75rem}.error-details{flex:1 1}.error-details strong{color:#2d3748;color:var(--text-primary);display:block;font-size:1rem;margin-bottom:.5rem}body.dark-mode .error-details strong{color:#f3f4f6;color:var(--dark-text-primary)}.error-details p{font-size:.95rem;margin:0}@media screen and (max-width:1024px){.api-docs-sidebar{width:240px}.api-docs-content{margin-left:240px;padding:2rem}.api-docs-section{padding:2rem}}@media screen and (max-width:768px){.api-docs-container{flex-direction:column}.api-docs-sidebar{height:auto;position:relative;top:0;width:100%}.sidebar-header{padding:1.5rem;position:relative}.api-docs-content{margin-left:0;padding:1.5rem}.api-docs-section{padding:1.5rem}.api-docs-section h2{font-size:1.5rem}.error-item{flex-direction:column;gap:1rem}.error-code{align-self:flex-start}}@media screen and (max-width:480px){.api-docs-content{padding:1rem}.api-docs-section{margin-bottom:1rem;padding:1.25rem}.api-docs-section h2{font-size:1.25rem}.api-docs-section h3{font-size:1.1rem}.api-endpoint-card{padding:1rem}.api-docs-code-block{font-size:.75rem;padding:1rem}}:root{--offer-primary:#34c759;--offer-primary-dark:#2f855a;--offer-primary-light:#4ade80;--offer-primary-glow:#34c7594d;--offer-glass:#fffffff2;--offer-glass-border:#ffffff4d;--offer-text:#1e293b;--offer-text-muted:#64748b;--offer-shadow:0 20px 40px #0000001a;--offer-radius:20px}.offer-settings-container{animation:containerSlideIn .8s cubic-bezier(.4,0,.2,1);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:linear-gradient(145deg,#f8fafcfa,#fffffff2 50%,#f8fafcfa);border:1px solid #ffffff4d;border:1px solid var(--offer-glass-border);border-radius:20px;border-radius:var(--offer-radius);box-shadow:0 20px 40px #0000001a;box-shadow:var(--offer-shadow);margin:calc(60px + 2rem) auto 2rem;margin:calc(var(--topbar-height, 60px) + 2rem) auto 2rem;max-width:900px;overflow:hidden;padding:0;position:relative}@keyframes containerSlideIn{0%{opacity:0;transform:translateY(60px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}.offer-settings-container:before{animation:shimmer 4s ease-in-out infinite;background:linear-gradient(90deg,#0000,#34c75908,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;width:100%}.offer-settings-container h2{animation:titlePulse 3s ease-in-out infinite;background:linear-gradient(135deg,#34c759,#2f855a,#34c759);background:linear-gradient(135deg,var(--offer-primary),var(--offer-primary-dark),var(--offer-primary));-webkit-background-clip:text;background-clip:text;color:#0000;font-size:clamp(2rem,4vw,2.8rem);font-weight:800;margin:0 0 2.5rem;padding:2.5rem 2rem 0;position:relative;text-align:center;text-shadow:0 0 30px #34c7594d;text-shadow:0 0 30px var(--offer-primary-glow);z-index:10}@keyframes titlePulse{0%,to{filter:brightness(1);text-shadow:0 0 30px #34c7594d;text-shadow:0 0 30px var(--offer-primary-glow)}50%{filter:brightness(1.1);text-shadow:0 0 40px #34c7594d;text-shadow:0 0 40px var(--offer-primary-glow)}}.offer-settings-container h2:after{animation:lineGlow 2s ease-in-out infinite alternate;background:linear-gradient(90deg,#0000,#34c759,#0000);background:linear-gradient(90deg,#0000,var(--offer-primary),#0000);border-radius:4px;bottom:-15px;content:"";height:4px;left:50%;position:absolute;transform:translateX(-50%);width:100px}@keyframes lineGlow{0%{box-shadow:0 0 10px #34c7594d;box-shadow:0 0 10px var(--offer-primary-glow);width:60px}to{box-shadow:0 0 20px #34c7594d;box-shadow:0 0 20px var(--offer-primary-glow);width:100px}}.settings-section{animation:sectionSlideUp .6s ease-out;animation-fill-mode:both;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background:linear-gradient(135deg,#ffffffe6,#f8fafccc 50%,#ffffffe6);border:1px solid #34c75926;border-radius:20px;border-radius:var(--offer-radius);box-shadow:0 10px 30px #34c75914;margin:0 2rem 2rem;overflow:hidden;padding:2.5rem;position:relative;transition:all .4s cubic-bezier(.4,0,.2,1)}.settings-section:nth-child(2){animation-delay:.2s}.settings-section:nth-child(3){animation-delay:.4s}@keyframes sectionSlideUp{0%{opacity:0;transform:translateY(40px)}to{opacity:1;transform:translateY(0)}}.settings-section:before{background:linear-gradient(90deg,#0000,#34c75914,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .8s ease;width:100%}.settings-section:hover:before{left:100%}.settings-section:hover{border-color:#34c7594d;box-shadow:0 20px 50px #34c75926;transform:translateY(-8px)}.settings-section h3{color:#1e293b;color:var(--offer-text);font-size:clamp(1.5rem,3vw,1.8rem);font-weight:700;gap:1rem;margin:0 0 2rem;z-index:2}.settings-section h3,.settings-section h3:before{align-items:center;display:flex;position:relative}.settings-section h3:before{background:linear-gradient(135deg,#34c759,#2f855a);background:linear-gradient(135deg,var(--offer-primary),var(--offer-primary-dark));border-radius:16px;box-shadow:0 8px 25px #34c7594d;box-shadow:0 8px 25px var(--offer-primary-glow);content:"🔗";flex-shrink:0;font-size:1.8rem;height:60px;justify-content:center;overflow:hidden;transition:all .3s ease;width:60px}.settings-section:nth-child(3) h3:before{content:"🔄"}.settings-section h3:before:after{animation:iconShine 3s linear infinite;background:linear-gradient(45deg,#0000,#ffffff4d,#0000);content:"";height:200%;left:-50%;position:absolute;top:-50%;transform:rotate(45deg);width:200%}@keyframes iconShine{0%{transform:translateX(-100%) translateY(-100%) rotate(45deg)}to{transform:translateX(100%) translateY(100%) rotate(45deg)}}.settings-section:hover h3:before{box-shadow:0 12px 35px #34c7594d;box-shadow:0 12px 35px var(--offer-primary-glow);transform:scale(1.1) rotate(5deg)}.input-group{margin-bottom:1.8rem;position:relative;z-index:2}.input-group label{color:#1e293b;color:var(--offer-text);display:block;font-size:.95rem;font-weight:600;letter-spacing:.08em;margin-bottom:.8rem;padding-left:1rem;position:relative;text-transform:uppercase}.input-group label:before{color:#34c759;color:var(--offer-primary);content:"▶";font-size:.8rem;left:0;position:absolute;top:50%;transform:translateY(-50%);transition:all .3s ease}.input-group:hover label:before{color:#2f855a;color:var(--offer-primary-dark);transform:translateY(-50%) translateX(4px)}.input-group input,.input-group select{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#fffffff2,#f8fafce6);border:2px solid #34c75933;border-radius:14px;box-shadow:0 4px 15px #34c7590d;color:#1e293b;color:var(--offer-text);font-family:SF Mono,Monaco,Inconsolata,Roboto Mono,monospace;font-size:1rem;font-weight:500;letter-spacing:.02em;outline:none;padding:1rem 1.2rem;transition:all .4s cubic-bezier(.4,0,.2,1);width:100%}.input-group input::placeholder{color:#64748b;color:var(--offer-text-muted);font-style:italic}.input-group input:focus,.input-group select:focus{background:#fffffffa;border-color:#34c759;border-color:var(--offer-primary);box-shadow:0 0 0 4px #34c7591a,0 8px 30px #34c75933;transform:translateY(-3px)}.input-group input:hover:not(:focus){border-color:#34c75966;box-shadow:0 6px 20px #34c7591a;transform:translateY(-1px)}.save-btn{background:linear-gradient(135deg,#34c759,#2f855a);background:linear-gradient(135deg,var(--offer-primary) 0,var(--offer-primary-dark) 100%);border:none;border-radius:14px;box-shadow:0 8px 25px #34c7594d;box-shadow:0 8px 25px var(--offer-primary-glow);color:#fff;cursor:pointer;font-size:1rem;font-weight:600;letter-spacing:.05em;margin-bottom:2rem;overflow:hidden;padding:1rem 2.5rem;position:relative;text-transform:uppercase;transition:all .4s cubic-bezier(.4,0,.2,1);z-index:2}.save-btn:before{background:linear-gradient(90deg,#0000,#fff3,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .6s ease;width:100%}.save-btn:after{content:"✓";font-size:1.1rem;margin-left:.5rem}.save-btn:hover:before{left:100%}.save-btn:hover{background:linear-gradient(135deg,#2f855a,#1e7e34);background:linear-gradient(135deg,var(--offer-primary-dark) 0,#1e7e34 100%);box-shadow:0 15px 40px #34c75966;transform:translateY(-4px)}.save-btn:active{box-shadow:0 10px 30px #34c7594d;transform:translateY(-2px)}.method-guide{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#34c7590a,#f8fafce6 50%,#34c7590a);border:1px solid #34c75933;border-radius:16px;margin-top:2rem;overflow:hidden;padding:2.5rem;position:relative;transition:all .3s ease}.method-guide:before{background:linear-gradient(90deg,#0000,#34c7591a,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left 1s ease;width:100%}.method-guide:hover:before{left:100%}.method-guide:hover{border-color:#34c75959;box-shadow:0 10px 30px #34c7591f}.method-guide h4{align-items:center;color:#2f855a;color:var(--offer-primary-dark);display:flex;font-size:1.4rem;font-weight:700;gap:.75rem;margin:0 0 1.5rem;position:relative;z-index:2}.method-guide h4:before{content:"📋";font-size:1.3rem}.method-guide p{color:#64748b;color:var(--offer-text-muted);font-size:1rem;font-weight:500;margin-bottom:1.5rem;position:relative;z-index:2}.method-guide ul{list-style:none;margin:0;padding:0;position:relative;z-index:2}.method-guide ul li{border-bottom:1px solid #34c7591a;color:#1e293b;color:var(--offer-text);font-size:.95rem;font-weight:500;line-height:1.5;padding:.8rem 0 .8rem 1.8rem;position:relative;transition:all .3s ease}.method-guide ul li:last-child{border-bottom:none}.method-guide ul li:before{color:#34c759;color:var(--offer-primary);content:"🔸";font-size:.8rem;left:0;position:absolute;top:.8rem;transition:all .3s ease}.method-guide ul li:hover{background:#34c7590d;border-radius:8px;color:#2f855a;color:var(--offer-primary-dark);margin:0 -.5rem;padding-left:2.2rem;padding-right:1rem}.method-guide ul li:hover:before{color:#2f855a;color:var(--offer-primary-dark);transform:scale(1.2)}.method-guide ul li:first-child:after{content:" 💰"}.method-guide ul li:nth-child(2):after{content:" 🎯"}.method-guide ul li:nth-child(3):after{content:" 📊"}.method-guide ul li:nth-child(4):after{content:" 📈"}.method-guide ul li:nth-child(5):after{content:" 📌"}.method-guide ul li:nth-child(6):after{content:" 🏷️"}.method-guide ul li:nth-child(7):after{content:" 🌐"}.method-guide ul li:nth-child(8):after{content:" 📱"}.method-guide ul li:nth-child(9):after{content:" 📢"}.method-guide ul li:nth-child(10):after{content:" 🔍"}.method-guide ul li:nth-child(11):after{content:" 📝"}.method-guide ul li:nth-child(12):after{content:" 🎲"}.method-guide ul li:nth-child(13):after{content:" 🎪"}.method-guide ul li:nth-child(14):after{content:" 🎨"}.method-guide ul li:nth-child(15):after{content:" 🖥️"}.method-guide ul li:nth-child(16):after{content:" 🌍"}.method-guide ul li:nth-child(17):after{content:" 📲"}body.dark-mode{--offer-glass:#1f1f1ff2;--offer-glass-border:#ffffff1a;--offer-text:#f9fafb;--offer-text-muted:#a3b3c2;--offer-primary-light:#4ade80;--offer-shadow:0 20px 40px #0006}body.dark-mode .offer-settings-container{background:linear-gradient(145deg,#1f1f1ffa,#141414f2 50%,#1f1f1ffa);border-color:#ffffff1a}body.dark-mode .offer-settings-container:before{background:linear-gradient(90deg,#0000,#4ade800a,#0000)}body.dark-mode .offer-settings-container h2{background:linear-gradient(135deg,#4ade80,#34c759,#4ade80);background:linear-gradient(135deg,var(--offer-primary-light),var(--offer-primary),var(--offer-primary-light));-webkit-background-clip:text;background-clip:text;color:#0000;text-shadow:0 0 30px #4ade8066}body.dark-mode .offer-settings-container h2:after{background:linear-gradient(90deg,#0000,#4ade80,#0000);background:linear-gradient(90deg,#0000,var(--offer-primary-light),#0000);box-shadow:0 0 20px #4ade8066}body.dark-mode .settings-section{background:linear-gradient(135deg,#1f1f1fe6,#141414cc 50%,#1f1f1fe6);border-color:#4ade8033;box-shadow:0 10px 30px #4ade801a}body.dark-mode .settings-section:before{background:linear-gradient(90deg,#0000,#4ade801a,#0000)}body.dark-mode .settings-section:hover{border-color:#4ade8066;box-shadow:0 20px 50px #4ade8033}body.dark-mode .settings-section h3:before{background:linear-gradient(135deg,#4ade80,#34c759);background:linear-gradient(135deg,var(--offer-primary-light),var(--offer-primary));box-shadow:0 8px 25px #4ade8066}body.dark-mode .input-group label:before{color:#4ade80;color:var(--offer-primary-light)}body.dark-mode .input-group input,body.dark-mode .input-group select{background:linear-gradient(135deg,#1f1f1ff2,#141414e6);border-color:#4ade8040;box-shadow:0 4px 15px #4ade8014;color:#1e293b;color:var(--offer-text)}body.dark-mode .input-group input:focus,body.dark-mode .input-group select:focus{background:#1f1f1ffa;border-color:#4ade80;border-color:var(--offer-primary-light);box-shadow:0 0 0 4px #4ade8026,0 8px 30px #4ade8040}body.dark-mode .input-group input:hover:not(:focus){border-color:#4ade8080;box-shadow:0 6px 20px #4ade8026}body.dark-mode .save-btn{background:linear-gradient(135deg,#4ade80,#34c759);background:linear-gradient(135deg,var(--offer-primary-light) 0,var(--offer-primary) 100%);box-shadow:0 8px 25px #4ade8066}body.dark-mode .save-btn:hover{background:linear-gradient(135deg,#34c759,#2f855a);background:linear-gradient(135deg,var(--offer-primary) 0,var(--offer-primary-dark) 100%);box-shadow:0 15px 40px #4ade8080}body.dark-mode .method-guide{background:linear-gradient(135deg,#4ade800f,#1f1f1fe6 50%,#4ade800f);border-color:#4ade8040}body.dark-mode .method-guide:before{background:linear-gradient(90deg,#0000,#4ade801f,#0000)}body.dark-mode .method-guide:hover{border-color:#4ade8066;box-shadow:0 10px 30px #4ade8026}body.dark-mode .method-guide h4{color:#4ade80;color:var(--offer-primary-light)}body.dark-mode .method-guide ul li{border-bottom-color:#4ade8026}body.dark-mode .method-guide ul li:hover{background:#4ade8014;color:#4ade80;color:var(--offer-primary-light)}@media (max-width:768px){.offer-settings-container{margin:calc(60px + 1rem) 1rem 1rem;margin:calc(var(--topbar-height, 60px) + 1rem) 1rem 1rem}.offer-settings-container h2{padding:2rem 1.5rem 0}.settings-section{margin:0 1rem 1.5rem;padding:2rem 1.5rem}.settings-section h3:before{font-size:1.5rem;height:50px;width:50px}.input-group input,.input-group select{font-size:.95rem;padding:.875rem 1rem}.save-btn{padding:.875rem 2rem;width:100%}.method-guide{padding:2rem 1.5rem}}@media (max-width:480px){.offer-settings-container{margin:calc(60px + .5rem) .5rem .5rem;margin:calc(var(--topbar-height, 60px) + .5rem) .5rem .5rem}.offer-settings-container h2{padding:1.5rem 1rem 0}.settings-section{margin:0 .5rem 1rem;padding:1.5rem 1rem}.settings-section h3{flex-direction:column;gap:.8rem;text-align:center}.settings-section h3:before{font-size:1.3rem;height:45px;width:45px}.input-group input,.input-group select{font-size:.875rem;padding:.75rem}.save-btn{font-size:.875rem;padding:.75rem 1.5rem}.method-guide{padding:1.5rem 1rem}.method-guide ul li{font-size:.875rem;padding:.6rem 0 .6rem 1.5rem}}@media (prefers-reduced-motion:reduce){*{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.input-group input:focus-visible,.input-group select:focus-visible,.save-btn:focus-visible{outline:3px solid #34c759;outline:3px solid var(--offer-primary);outline-offset:2px}.save-btn:disabled{cursor:not-allowed;opacity:.6;transform:none}.save-btn:disabled:hover{box-shadow:0 8px 25px #34c7594d;box-shadow:0 8px 25px var(--offer-primary-glow);transform:none}@keyframes successPulse{0%{box-shadow:0 8px 25px #34c7594d;box-shadow:0 8px 25px var(--offer-primary-glow);transform:scale(1)}50%{box-shadow:0 15px 40px #10b98199;transform:scale(1.05)}to{box-shadow:0 8px 25px #34c7594d;box-shadow:0 8px 25px var(--offer-primary-glow);transform:scale(1)}}.save-btn.success{animation:successPulse .6s ease-out;background:linear-gradient(135deg,#10b981,#059669)!important}:root{--track-domains-accent:#34c759;--track-domains-accent-2:#2f855a;--track-domains-dark-accent:#4ade80;--track-domains-dark-accent-2:#22c55e;--track-domains-bg:#fff;--track-domains-bg-top:#eef5ff;--track-domains-text:#0f172a;--track-domains-muted:#64748b;--track-domains-border:#0f172a14;--track-domains-hover:#34c75914;--track-domains-active:#34c7591f;--track-domains-shadow:0 8px 30px #02081414;--track-domains-radius:14px;--track-domains-transition:all 0.2s cubic-bezier(0.4,0,0.2,1)}.track-domains-tracking-domains-container{background:linear-gradient(180deg,#eef5ff,#fffffff2 25%,#fff);background:linear-gradient(180deg,var(--track-domains-bg-top) 0,#fffffff2 25%,var(--track-domains-bg) 100%);border:1px solid #0f172a14;border:1px solid var(--track-domains-border);border-radius:14px;border-radius:var(--track-domains-radius);box-shadow:0 8px 30px #02081414;box-shadow:var(--track-domains-shadow);color:#0f172a;color:var(--track-domains-text);margin:calc(var(--topbar-height) + 20px) auto 0;max-width:1200px;min-height:400px;padding:2rem;position:relative;will-change:contents}body.dark-mode .track-domains-tracking-domains-container{background:linear-gradient(180deg,#1a1a1a,#121212 50%,#0a0a0a);border-color:#ffffff1a;box-shadow:0 8px 30px #0000004d;color:#e2e8f0}.track-domains-tracking-domains-container h2{color:#2f855a;color:var(--track-domains-accent-2);font-size:1.75rem;height:2.1rem;line-height:1.2;margin-bottom:1.5rem;text-align:left}body.dark-mode .track-domains-tracking-domains-container h2{color:#4ade80;color:var(--track-domains-dark-accent)}.track-domains-info-box{align-items:center;background-color:#34c75914;background-color:var(--track-domains-hover);border-left:4px solid #34c759;border-left:4px solid var(--track-domains-accent);border-radius:14px;border-radius:var(--track-domains-radius);contain:layout;display:flex;gap:1rem;margin-bottom:1.5rem;min-height:56px;padding:1rem}body.dark-mode .track-domains-info-box{background-color:#4ade801a;border-left-color:#4ade80;border-left-color:var(--track-domains-dark-accent)}.track-domains-info-icon{color:#34c759;color:var(--track-domains-accent);flex-shrink:0;font-size:1.5rem;height:24px;width:24px}body.dark-mode .track-domains-info-icon{color:#4ade80;color:var(--track-domains-dark-accent)}.track-domains-search-bar{display:flex;gap:1rem;margin-bottom:1.5rem;min-height:48px}.track-domains-search-bar input{background-color:#fff;background-color:var(--track-domains-bg);border:2px solid #34c759;border:2px solid var(--track-domains-accent);border-radius:14px;border-radius:var(--track-domains-radius);color:#0f172a;color:var(--track-domains-text);flex:1 1;font-size:1rem;height:48px;padding:.75rem;transition:border-color .15s ease}.track-domains-search-bar input:focus{border-color:#2f855a;border-color:var(--track-domains-accent-2);outline:none}body.dark-mode .track-domains-search-bar input{background-color:#1a1a1a;border-color:#22c55e;border-color:var(--track-domains-dark-accent-2);color:#e2e8f0}.track-domains-search-bar input::placeholder{color:#64748b;color:var(--track-domains-muted)}.track-domains-add-btn{backface-visibility:hidden;background-color:#2f855a;background-color:var(--track-domains-accent-2);border:none;border-radius:14px;border-radius:var(--track-domains-radius);color:#fff;cursor:pointer;font-size:1rem;height:48px;padding:.75rem 1.5rem;transform:translateZ(0);transition:background-color .15s ease}.track-domains-add-btn:hover{background-color:#1e5a3a}.track-domains-empty-state{color:#64748b;color:var(--track-domains-muted);display:flex;flex-direction:column;justify-content:center;min-height:200px;padding:3rem;text-align:center}body.dark-mode .track-domains-empty-state{color:#d1d5db}.track-domains-table-container{-webkit-overflow-scrolling:touch;background-color:#eef5ff;background-color:var(--track-domains-bg-top);border:1px solid #0f172a14;border:1px solid var(--track-domains-border);border-radius:14px;border-radius:var(--track-domains-radius);overflow-x:auto!important;overflow-y:visible!important;position:relative;scrollbar-color:#34c759 #0000;scrollbar-color:var(--track-domains-accent) #0000;scrollbar-width:thin;width:100%}.track-domains-table-container::-webkit-scrollbar{height:8px}.track-domains-table-container::-webkit-scrollbar-track{background:#0000}.track-domains-table-container::-webkit-scrollbar-thumb{background-color:#34c759;background-color:var(--track-domains-accent);border-radius:4px}.track-domains-table-container::-webkit-scrollbar-thumb:hover{background-color:#2f855a;background-color:var(--track-domains-accent-2)}body.dark-mode .track-domains-table-container{background-color:#1a1a1a;border-color:#ffffff1a;scrollbar-color:#4ade80 #0000;scrollbar-color:var(--track-domains-dark-accent) #0000}body.dark-mode .track-domains-table-container::-webkit-scrollbar-thumb{background-color:#4ade80;background-color:var(--track-domains-dark-accent)}body.dark-mode .track-domains-table-container::-webkit-scrollbar-thumb:hover{background-color:#22c55e;background-color:var(--track-domains-dark-accent-2)}.track-domains-domains-table{background-color:initial;border-collapse:collapse;contain:layout;display:table!important;margin:0;min-width:1200px!important;table-layout:auto!important;width:100%}body.dark-mode .track-domains-domains-table{background-color:initial}.track-domains-domains-table td,.track-domains-domains-table th{border:1px solid #0f172a14;border:1px solid var(--track-domains-border);font-size:14px;height:52px;overflow:hidden;padding:.75rem;text-align:center;text-overflow:ellipsis;vertical-align:middle}body.dark-mode .track-domains-domains-table td,body.dark-mode .track-domains-domains-table th{border:1px solid #ffffff26}.track-domains-domains-table th{background-color:#34c759;background-color:var(--track-domains-accent);color:#fff;font-weight:400;position:sticky;top:0;z-index:10}body.dark-mode .track-domains-domains-table th{background-color:#22c55e;background-color:var(--track-domains-dark-accent-2)}.track-domains-domains-table td:first-child,.track-domains-domains-table th:first-child{min-width:200px}.track-domains-domains-table td:nth-child(2),.track-domains-domains-table th:nth-child(2){min-width:80px}.track-domains-domains-table td:nth-child(3),.track-domains-domains-table th:nth-child(3){min-width:120px}.track-domains-domains-table td:nth-child(4),.track-domains-domains-table td:nth-child(5),.track-domains-domains-table th:nth-child(4),.track-domains-domains-table th:nth-child(5){min-width:100px}.track-domains-domains-table td:nth-child(6),.track-domains-domains-table th:nth-child(6){min-width:80px}.track-domains-domains-table td:nth-child(7),.track-domains-domains-table th:nth-child(7){min-width:120px}.track-domains-setup-badge{align-items:center;border-radius:1rem;display:inline-flex;font-size:.875rem;font-weight:500;gap:.25rem;height:28px;justify-content:center;min-width:100px;padding:.25rem .75rem}.track-domains-setup-badge.track-domains-cloudflare{background-color:#f6821f20;color:#f6821f}body.dark-mode .track-domains-setup-badge.track-domains-cloudflare{background-color:#f6821f30}.track-domains-setup-badge.track-domains-direct{background-color:#4caf5020;color:#4caf50}body.dark-mode .track-domains-setup-badge.track-domains-direct{background-color:#4caf5030}.track-domains-status{align-items:center;display:inline-flex;font-size:.875rem;gap:.25rem;height:24px;justify-content:center;min-width:80px}.track-domains-status.verified{color:#4caf50}.track-domains-status.pending{color:#ff9800}.track-domains-status.failed{color:#f44336}.track-domains-toggle-button{align-items:center;background:none;border:none;color:#666;cursor:pointer;display:inline-flex;font-size:1.5rem;height:32px;justify-content:center;padding:.25rem;transition:color .15s ease;width:32px}.track-domains-toggle-button.enabled{color:#4caf50}.track-domains-toggle-button.disabled{color:#999}.track-domains-toggle-button:hover:not(:disabled){opacity:.8}.track-domains-toggle-button:disabled{cursor:not-allowed;opacity:.5}body.dark-mode .track-domains-toggle-button.enabled{color:#66bb6a}body.dark-mode .track-domains-toggle-button.disabled{color:#666}.track-domains-actions-cell{align-items:center;display:flex;gap:10px;height:32px;justify-content:center}.track-domains-action-btn{align-items:center;background:none;border:none;cursor:pointer;display:inline-flex;font-size:16px;height:28px;justify-content:center;padding:.25rem;transition:color .15s ease,opacity .15s ease;width:28px}.track-domains-refresh-btn{color:#2196f3}.track-domains-refresh-btn:hover{color:#1976d2}body.dark-mode .track-domains-refresh-btn{color:#64b5f6}body.dark-mode .track-domains-refresh-btn:hover{color:#42a5f5}.track-domains-info-btn{color:#2196f3}.track-domains-info-btn:hover{color:#1976d2;opacity:.8}body.dark-mode .track-domains-info-btn{color:#64b5f6}body.dark-mode .track-domains-info-btn:hover{color:#42a5f5}.track-domains-delete-btn{color:#f44336}.track-domains-delete-btn:hover{color:#d32f2f;opacity:.8}body.dark-mode .track-domains-delete-btn{color:#ef5350}body.dark-mode .track-domains-delete-btn:hover{color:#e53935}.track-domains-error-message{align-items:center;background-color:#ffebee;border-radius:.5rem;color:#f44336;display:flex;font-size:14px;margin-bottom:20px;min-height:42px;padding:.75rem}body.dark-mode .track-domains-error-message{background-color:#5d1f1f;color:#ef5350}.track-domains-modal-input-group{margin-bottom:1rem}.track-domains-modal-input-group label{color:#333;display:block;font-size:14px;font-weight:500;line-height:1.4;margin-bottom:.5rem}body.dark-mode .track-domains-modal-input-group label{color:#fff}.track-domains-modal-input-group input{background-color:#fff;border:1px solid #4caf50;border-radius:4px;color:#333;font-size:14px;height:36px;padding:8px;transition:border-color .15s ease;width:100%}.track-domains-modal-input-group input:focus{border-color:#45a049;outline:none}body.dark-mode .track-domains-modal-input-group input{background-color:#555;border-color:#2f855a;color:#fff}.track-domains-hint{color:#666;display:block;font-size:.875rem;line-height:1.4;margin-top:.25rem}body.dark-mode .track-domains-hint{color:#aaa}.track-domains-setup-options{display:flex;flex-direction:column;gap:1rem;margin-top:.5rem}.track-domains-setup-option{background-color:#fff;border:2px solid #e0e0e0;border-radius:.5rem;cursor:pointer;display:block;min-height:80px;padding:1rem;transition:border-color .15s ease,background-color .15s ease}body.dark-mode .track-domains-setup-option{background-color:#3a3a3a;border-color:#555}.track-domains-setup-option:hover{border-color:#4caf50}.track-domains-setup-option.selected{background-color:#4caf5010;border-color:#4caf50}body.dark-mode .track-domains-setup-option.selected{background-color:#4caf5020}.track-domains-setup-option input[type=radio]{display:none}.track-domains-option-content{align-items:center;display:flex;gap:1rem}.track-domains-option-icon{flex-shrink:0;font-size:2rem;height:32px;width:32px}.track-domains-option-icon.cloudflare{color:#f6821f}.track-domains-option-icon.direct{color:#4caf50}.track-domains-option-content p{color:#666;font-size:.875rem;line-height:1.4;margin:.25rem 0 0}body.dark-mode .track-domains-option-content p{color:#aaa}.track-domains-instructions{margin:1.5rem 0}.track-domains-instructions h4{align-items:center;color:#4caf50;display:flex;gap:.5rem;line-height:1.4;margin-bottom:1rem}body.dark-mode .track-domains-instructions h4{color:#66bb6a}.track-domains-instructions ol{padding-left:1.5rem}.track-domains-instructions li{line-height:1.6;margin-bottom:1.5rem}.track-domains-instructions li strong{color:#333;display:block;line-height:1.4;margin-bottom:.5rem}body.dark-mode .track-domains-instructions li strong{color:#fff}.track-domains-instructions ul{margin-top:.5rem;padding-left:1.5rem}.track-domains-dns-record{background-color:#f5f5f5;border:1px solid #e0e0e0;border-radius:.5rem;font-family:monospace;margin:.5rem 0;min-height:80px;padding:1rem}body.dark-mode .track-domains-dns-record{background-color:#2a2a2a;border-color:#555}.track-domains-dns-record div{color:#333;line-height:1.4;margin:.25rem 0}body.dark-mode .track-domains-dns-record div{color:#fff}.track-domains-dns-record .orange{color:#f6821f;font-weight:700}.track-domains-dns-record .grey{color:#888}.track-domains-instructions-footer{border-top:1px solid #e0e0e0;margin-top:2rem;padding-top:1rem}body.dark-mode .track-domains-instructions-footer{border-top-color:#555}.track-domains-note{align-items:center;color:#666;display:flex;font-size:.875rem;gap:.5rem;line-height:1.4;margin-bottom:15px}body.dark-mode .track-domains-note{color:#aaa}.track-domains-modal-buttons{display:flex;gap:10px;justify-content:flex-end;margin-top:1.5rem;min-height:36px}.track-domains-cancel-btn,.track-domains-save-btn{border:none;border-radius:4px;cursor:pointer;font-size:14px;height:36px;min-width:80px;padding:8px 16px;transition:background-color .15s ease,opacity .15s ease}.track-domains-save-btn{background-color:#4caf50;color:#fff}.track-domains-save-btn:hover{background-color:#45a049}body.dark-mode .track-domains-save-btn{background-color:#2f855a}body.dark-mode .track-domains-save-btn:hover{background-color:#276749}.track-domains-cancel-btn{background-color:#6a6c6a;color:#fff}.track-domains-cancel-btn:hover{background-color:#5a5c5a}body.dark-mode .track-domains-cancel-btn{background-color:#555}body.dark-mode .track-domains-cancel-btn:hover{background-color:#444}.track-domains-refresh-btn:active{animation:pulse .3s ease}.ReactModal__Overlay{opacity:0;transition:opacity .15s ease-in-out}.ReactModal__Overlay--after-open{opacity:1}.ReactModal__Overlay--before-close{opacity:0}.ReactModal__Content{transform:scale(.95);transition:transform .15s ease-in-out}.ReactModal__Content--after-open{transform:scale(1)}.ReactModal__Content--before-close{transform:scale(.95)}.ReactModal__Content::-webkit-scrollbar{width:8px}.ReactModal__Content::-webkit-scrollbar-track{background:#f1f1f1;border-radius:4px}body.dark-mode .ReactModal__Content::-webkit-scrollbar-track{background:#555}.ReactModal__Content::-webkit-scrollbar-thumb{background:#888;border-radius:4px}.ReactModal__Content::-webkit-scrollbar-thumb:hover{background:#555}body.dark-mode .ReactModal__Content::-webkit-scrollbar-thumb{background:#777}body.dark-mode .ReactModal__Content::-webkit-scrollbar-thumb:hover{background:#999}@media screen and (max-width:768px){.track-domains-tracking-domains-container{margin:calc(var(--topbar-height) + 10px) auto 0;padding:1rem}.track-domains-tracking-domains-container h2{font-size:1.5rem;height:1.8rem}.track-domains-search-bar{flex-direction:column;gap:.5rem;min-height:auto}.track-domains-add-btn,.track-domains-search-bar input{width:100%}.track-domains-domains-table{font-size:.875rem}.track-domains-domains-table td,.track-domains-domains-table th{display:table-cell!important;font-size:.875rem;height:44px;padding:.5rem}.track-domains-setup-badge{font-size:.75rem;height:24px;min-width:80px;padding:.2rem .5rem}.track-domains-actions-cell{gap:5px}.track-domains-action-btn{font-size:14px;height:24px;width:24px}.track-domains-toggle-button{font-size:1.25rem;height:28px;width:28px}}@media screen and (max-width:360px){.track-domains-tracking-domains-container{margin:calc(var(--topbar-height) + 5px) auto 0;min-height:350px;padding:.5rem}.track-domains-tracking-domains-container h2{font-size:1.25rem;height:1.5rem}.track-domains-domains-table td,.track-domains-domains-table th{font-size:.75rem;height:40px;padding:.4rem}.track-domains-action-btn{font-size:12px;height:20px;width:20px}.track-domains-toggle-button{font-size:1rem;height:24px;width:24px}.track-domains-info-box{flex-direction:column;font-size:.875rem;min-height:auto;text-align:center}.track-domains-setup-option{min-height:70px;padding:.75rem}.track-domains-option-icon{font-size:1.5rem;height:24px;width:24px}.track-domains-option-content{flex-direction:column;text-align:center}.track-domains-dns-record{font-size:.75rem;min-height:60px;padding:.75rem}.track-domains-domains-table td:nth-child(2),.track-domains-domains-table th:nth-child(2){display:none}}.track-domains-tracking-domains-container *{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.track-domains-action-btn,.track-domains-add-btn,.track-domains-cancel-btn,.track-domains-save-btn,.track-domains-toggle-button{backface-visibility:hidden;transform:translateZ(0);will-change:opacity,color}.track-domains-domains-table tbody tr{will-change:background-color}.track-domains-domains-table tbody tr:hover{background-color:#4caf500d}body.dark-mode .track-domains-domains-table tbody tr:hover{background-color:#4caf501a}.track-domains-admin-tabs{border-bottom:2px solid #0f172a14;border-bottom:2px solid var(--track-domains-border);display:flex;gap:0;margin-bottom:1.5rem}.track-domains-tab-button{background:none;border:none;border-bottom:3px solid #0000;color:#64748b;color:var(--track-domains-muted);cursor:pointer;font-size:1rem;font-weight:500;padding:.75rem 1.5rem;position:relative;transition:all .2s ease}.track-domains-tab-button.active{background:#34c75914;background:var(--track-domains-hover);border-bottom-color:#34c759;border-bottom-color:var(--track-domains-accent);color:#2f855a;color:var(--track-domains-accent-2)}.track-domains-tab-button:hover:not(.active){background:#34c75914;background:var(--track-domains-hover);color:#0f172a;color:var(--track-domains-text)}body.dark-mode .track-domains-tab-button{color:#9ca3af}body.dark-mode .track-domains-tab-button.active{background:#4ade801a;border-bottom-color:#4ade80;border-bottom-color:var(--track-domains-dark-accent);color:#4ade80;color:var(--track-domains-dark-accent)}body.dark-mode .track-domains-tab-button:hover:not(.active){background:#4ade800d;color:#e2e8f0}.track-domains-tab-content{min-height:400px}.track-domains-admin-create-form{grid-gap:1rem;background:#eef5ff;background:var(--track-domains-bg-top);border:1px solid #0f172a14;border:1px solid var(--track-domains-border);border-radius:14px;border-radius:var(--track-domains-radius);display:grid;gap:1rem;grid-template-columns:1fr 1fr;margin-bottom:1.5rem;padding:1.5rem}body.dark-mode .track-domains-admin-create-form{background:#1a1a1a;border-color:#ffffff1a}.track-domains-form-group{display:flex;flex-direction:column;gap:.5rem}.track-domains-form-group.full-width{grid-column:1/-1}.track-domains-form-label{color:#0f172a;color:var(--track-domains-text);font-size:.875rem;font-weight:500}body.dark-mode .track-domains-form-label{color:#e2e8f0}.track-domains-form-input,.track-domains-form-select{background:#fff;background:var(--track-domains-bg);border:2px solid #0f172a14;border:2px solid var(--track-domains-border);border-radius:8px;color:#0f172a;color:var(--track-domains-text);font-size:1rem;padding:.75rem;transition:border-color .15s ease}.track-domains-form-input:focus,.track-domains-form-select:focus{border-color:#34c759;border-color:var(--track-domains-accent);outline:none}body.dark-mode .track-domains-form-input,body.dark-mode .track-domains-form-select{background:#1a1a1a;border-color:#ffffff26;color:#e2e8f0}body.dark-mode .track-domains-form-input:focus,body.dark-mode .track-domains-form-select:focus{border-color:#4ade80;border-color:var(--track-domains-dark-accent)}.track-domains-checkbox-group{align-items:center;display:flex;gap:.5rem;margin-top:1rem}.track-domains-checkbox{accent-color:#34c759;accent-color:var(--track-domains-accent);height:18px;width:18px}.track-domains-checkbox-label{color:#0f172a;color:var(--track-domains-text);cursor:pointer;font-size:.875rem}body.dark-mode .track-domains-checkbox-label{color:#e2e8f0}.track-domains-create-actions{border-top:1px solid #0f172a14;border-top:1px solid var(--track-domains-border);display:flex;gap:1rem;grid-column:1/-1;justify-content:flex-end;margin-top:1rem;padding-top:1rem}body.dark-mode .track-domains-create-actions{border-top-color:#ffffff1a}.track-domains-create-btn{background:#34c759;background:var(--track-domains-accent);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:1rem;padding:.75rem 1.5rem;transition:background-color .15s ease}.track-domains-create-btn:hover{background:#2f855a;background:var(--track-domains-accent-2)}.track-domains-create-btn:disabled{background:#ccc;cursor:not-allowed}body.dark-mode .track-domains-create-btn{background:#22c55e;background:var(--track-domains-dark-accent-2)}body.dark-mode .track-domains-create-btn:hover{background:#4ade80;background:var(--track-domains-dark-accent)}.track-domains-type-badge{align-items:center;border-radius:12px;display:inline-flex;font-size:.75rem;font-weight:500;gap:.25rem;padding:.25rem .5rem}.track-domains-type-badge.own{background:#34c7591a;color:#2f855a;color:var(--track-domains-accent-2)}.track-domains-type-badge.public{background:#3b82f61a;color:#3b82f6}.track-domains-type-badge.shared{background:#a855f71a;color:#a855f7}body.dark-mode .track-domains-type-badge.own{background:#4ade8033;color:#4ade80;color:var(--track-domains-dark-accent)}body.dark-mode .track-domains-type-badge.public{background:#3b82f633;color:#60a5fa}body.dark-mode .track-domains-type-badge.shared{background:#a855f733;color:#c084fc}.track-domains-radio-group{display:flex;flex-direction:column;gap:1rem;margin-top:.5rem}.track-domains-radio-option{align-items:flex-start;background:#fff;background:var(--track-domains-bg);border:2px solid #0f172a14;border:2px solid var(--track-domains-border);border-radius:.75rem;cursor:pointer;display:flex;padding:1rem;transition:all .2s ease}.track-domains-radio-option:hover{background:#34c75914;background:var(--track-domains-hover);border-color:#34c759;border-color:var(--track-domains-accent)}.track-domains-radio-option input[type=radio]{accent-color:#34c759;accent-color:var(--track-domains-accent);margin-right:.75rem;margin-top:.125rem}.track-domains-radio-option input[type=radio]:checked+.track-domains-radio-label{color:#2f855a;color:var(--track-domains-accent-2)}.track-domains-radio-label{display:flex;flex-direction:column;gap:.25rem}.track-domains-radio-label strong{color:#0f172a;color:var(--track-domains-text);font-weight:600}.track-domains-radio-label small{color:#64748b;color:var(--track-domains-muted);font-size:.875rem}body.dark-mode .track-domains-radio-option{background:#1a1a1a;border-color:#ffffff1a}body.dark-mode .track-domains-radio-option:hover{background:#4ade800d;border-color:#4ade80;border-color:var(--track-domains-dark-accent)}body.dark-mode .track-domains-radio-option input[type=radio]{accent-color:#4ade80;accent-color:var(--track-domains-dark-accent)}body.dark-mode .track-domains-radio-option input[type=radio]:checked+.track-domains-radio-label{color:#4ade80;color:var(--track-domains-dark-accent)}body.dark-mode .track-domains-radio-label strong{color:#e2e8f0}body.dark-mode .track-domains-radio-label small{color:#9ca3af}.track-domains-instructions-content{display:flex;flex-direction:column;gap:1rem}.track-domains-modal-actions{border-top:1px solid #0f172a14;border-top:1px solid var(--track-domains-border);display:flex;gap:1rem;justify-content:flex-end;margin-top:1.5rem;padding-top:1rem}body.dark-mode .track-domains-modal-actions{border-top-color:#ffffff1a}@media (max-width:768px){.track-domains-admin-create-form{grid-template-columns:1fr;padding:1rem}.track-domains-admin-tabs{flex-direction:column}.track-domains-tab-button{border-bottom:none;border-left:3px solid #0000;text-align:left}.track-domains-tab-button.active{border-bottom-color:#0000;border-left-color:#34c759;border-left-color:var(--track-domains-accent)}}:root{--pm-accent:#34c759;--pm-accent-2:#2f855a;--pm-dark-accent:#4ade80;--pm-dark-accent-2:#22c55e;--pm-bg:#fff;--pm-bg-top:#eef5ff;--pm-text:#0f172a;--pm-muted:#64748b;--pm-border:#0f172a14;--pm-hover:#34c75914;--pm-active:#34c7591f;--pm-shadow:0 8px 30px #02081414;--pm-radius:14px}body{font-family:sans-serif;margin:0}.pm-wrapper{align-items:flex-start;background:linear-gradient(135deg,#eef5ff,#0000);background:linear-gradient(135deg,var(--pm-bg-top),#0000);bottom:0;display:flex;justify-content:center;left:0;left:var(--sidebar-width,0);overflow-y:auto;padding:calc(60px + 2rem) 2rem 2rem;padding:calc(var(--topbar-height, 60px) + 2rem) 2rem 2rem;position:fixed;right:0;top:0}.pm-container{align-items:center;border:1px solid #0f172a14;border:1px solid var(--pm-border);border-radius:14px;border-radius:var(--pm-radius);display:flex;flex-direction:column;margin:0 auto;max-width:900px;overflow:visible;padding:3rem;position:relative;transition:all .3s ease;width:100%}.pm-container,body:not(.dark-mode) .pm-container{background:linear-gradient(180deg,#eef5ff,#fffffff2 25%,#fff);background:linear-gradient(180deg,var(--pm-bg-top) 0,#fffffff2 25%,var(--pm-bg) 100%);box-shadow:0 8px 30px #02081414;box-shadow:var(--pm-shadow);color:#0f172a;color:var(--pm-text)}body:not(.dark-mode) .pm-container{border:1px solid #0f172a14;border:1px solid var(--pm-border)}.pm-header{background:linear-gradient(90deg,#0000,#34c7590d,#0000);border-bottom:2px solid #34c759;border-bottom:2px solid var(--pm-accent);border-radius:8px;justify-content:space-between;margin-bottom:2rem;padding-bottom:1.5rem;width:100%}.pm-header,.pm-header-content{align-items:center;display:flex}.pm-header-content{gap:1rem}.pm-header-icon{color:#34c759;color:var(--pm-accent);filter:drop-shadow(0 2px 4px rgba(52,199,89,.2))}.pm-title{background:linear-gradient(90deg,#34c759,#2f855a);background:linear-gradient(90deg,var(--pm-accent),var(--pm-accent-2));-webkit-background-clip:text;background-clip:text;color:#0000;font-size:2rem;font-weight:700;line-height:1.2;margin:0}.pm-subtitle{font-size:1rem;margin:.25rem 0 0}.pm-subtitle,body:not(.dark-mode) .pm-subtitle{color:#64748b;color:var(--pm-muted)}.pm-add-btn{align-items:center;background:linear-gradient(135deg,#34c759,#2f855a);background:linear-gradient(135deg,var(--pm-accent),var(--pm-accent-2));border:1px solid #34c7594d;border-radius:12px;box-shadow:0 4px 12px #34c75933;color:#fff;cursor:pointer;display:flex;font-weight:600;gap:.5rem;padding:.75rem 1.5rem;transition:all .3s ease}.pm-add-btn:hover{background:linear-gradient(135deg,#2f855a,#1e7e34);background:linear-gradient(135deg,var(--pm-accent-2),#1e7e34);border-color:#34c75980;box-shadow:0 8px 20px #34c7594d;transform:translateY(-2px)}.pm-content{max-width:700px;width:100%}.pm-list{display:flex;flex-direction:column;gap:1rem;width:100%}.pm-item{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#fffc,#eef5ff99);border:1px solid #0f172a14;border:1px solid var(--pm-border);border-radius:12px;box-shadow:0 2px 8px #34c75914;display:flex;padding:1.5rem;position:relative;transition:all .3s ease}body:not(.dark-mode) .pm-item{background:linear-gradient(135deg,#ffffffe6,#eef5ffb3);border:1px solid #0f172a14;border:1px solid var(--pm-border)}.pm-item:hover{box-shadow:0 8px 25px #34c75926;transform:translateY(-4px)}.pm-item:hover,body:not(.dark-mode) .pm-item:hover{background:linear-gradient(135deg,#fffffff2,#eef5ffcc);border-color:#34c7594d}.pm-item-icon{align-items:center;background:linear-gradient(135deg,#34c759,#2f855a);background:linear-gradient(135deg,var(--pm-accent),var(--pm-accent-2));border-radius:50%;box-shadow:0 4px 12px #34c7594d;color:#fff;display:flex;flex-shrink:0;height:60px;justify-content:center;margin-right:1.5rem;transition:all .3s ease;width:60px}.pm-item:hover .pm-item-icon{box-shadow:0 6px 20px #34c75966;transform:scale(1.05)}.pm-item-content{flex:1 1;min-width:0}.pm-item-header{align-items:center;display:flex;gap:1rem;margin-bottom:.5rem}.pm-item-title{font-size:1.125rem;font-weight:600;margin:0;transition:color .2s ease}.pm-item-title,body:not(.dark-mode) .pm-item-title{color:#0f172a;color:var(--pm-text)}.pm-item-badge{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:linear-gradient(90deg,#34c75926,#2f855a1a);border:1px solid #34c75933;border-radius:20px;color:#2f855a;color:var(--pm-accent-2);font-size:.75rem;font-weight:600;letter-spacing:.05em;padding:.3rem .8rem;text-transform:uppercase}.pm-item-detail{font-size:.875rem;margin:0;transition:color .2s ease;word-break:break-all}.pm-item-detail,body:not(.dark-mode) .pm-item-detail{color:#64748b;color:var(--pm-muted)}.pm-item-actions{display:flex;gap:.5rem}.pm-action-btn{align-items:center;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#ffffff4d;border:1px solid #0000;border-radius:10px;cursor:pointer;display:flex;height:40px;justify-content:center;transition:all .3s ease;width:40px}.pm-action-btn--edit{color:#34c759;color:var(--pm-accent)}.pm-action-btn--edit:hover{background:linear-gradient(135deg,#34c7591a,#2f855a0d);border-color:#34c75933;box-shadow:0 4px 12px #34c75933;color:#2f855a;color:var(--pm-accent-2);transform:translateY(-2px)}.pm-action-btn--delete{color:#ef4444}.pm-action-btn--delete:hover{background:linear-gradient(135deg,#ef44441a,#dc26260d);border-color:#ef444433;box-shadow:0 4px 12px #ef444433;color:#dc2626;transform:translateY(-2px)}.pm-empty-state{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:linear-gradient(135deg,#eef5ff4d,#ffffff1a);border-radius:14px;border-radius:var(--pm-radius);padding:4rem 2rem;text-align:center}.pm-empty-state,body:not(.dark-mode) .pm-empty-state{color:#64748b;color:var(--pm-muted)}.pm-empty-icon{color:#34c759;color:var(--pm-accent);filter:drop-shadow(0 2px 4px rgba(52,199,89,.2));margin-bottom:1.5rem;opacity:.4}.pm-empty-state h3{font-size:1.25rem;font-weight:600;margin:0 0 .5rem}.pm-empty-state h3,body:not(.dark-mode) .pm-empty-state h3{color:#0f172a;color:var(--pm-text)}.pm-empty-state p{color:#64748b;color:var(--pm-muted);font-size:1rem;margin:0 0 2rem}.pm-empty-btn{align-items:center;background:linear-gradient(135deg,#34c759,#2f855a);background:linear-gradient(135deg,var(--pm-accent),var(--pm-accent-2));border:1px solid #34c7594d;border-radius:12px;box-shadow:0 4px 12px #34c75933;color:#fff;cursor:pointer;display:inline-flex;font-weight:600;gap:.5rem;padding:.75rem 1.5rem;transition:all .3s ease}.pm-empty-btn:hover{background:linear-gradient(135deg,#2f855a,#1e7e34);background:linear-gradient(135deg,var(--pm-accent-2),#1e7e34);box-shadow:0 8px 20px #34c7594d;transform:translateY(-2px)}.pm-loading-state{align-items:center;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:linear-gradient(135deg,#fff9,#eef5ff66);border:1px solid #0f172a14;border:1px solid var(--pm-border);border-radius:14px;border-radius:var(--pm-radius);display:flex;flex-direction:column;justify-content:center;padding:4rem 2rem;text-align:center}.pm-loading-spinner{animation:pm-spin 1s linear infinite;border:4px solid #34c75933;border-radius:50%;border-top-color:#34c759;border-top:4px solid var(--pm-accent);height:48px;margin-bottom:1.5rem;width:48px}.pm-loading-state h3{color:#0f172a;color:var(--pm-text);font-size:1.25rem;font-weight:600;margin:0 0 .5rem}.pm-loading-state p{color:#64748b;color:var(--pm-muted);font-size:1rem;margin:0}@keyframes pm-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}body.dark-mode .pm-loading-state{background:linear-gradient(135deg,#1a1a1a,#121212);border:1px solid #ffffff1a}.pm-type-selector{max-width:700px;width:100%}.pm-type-header{gap:1rem;margin-bottom:2rem}.pm-back-btn,.pm-type-header{align-items:center;display:flex}.pm-back-btn{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#ffffff4d;border:1px solid #0f172a14;border:1px solid var(--pm-border);border-radius:10px;cursor:pointer;gap:.5rem;padding:.5rem 1rem;transition:all .3s ease}.pm-back-btn,body:not(.dark-mode) .pm-back-btn{color:#0f172a;color:var(--pm-text)}.pm-back-btn:hover{background:linear-gradient(135deg,#34c75914,#eef5ff33);background:linear-gradient(135deg,var(--pm-hover),#eef5ff33);border-color:#34c7594d;transform:translateX(-2px)}.pm-type-header h3{font-size:1.5rem;font-weight:600;margin:0}.pm-type-header h3,body:not(.dark-mode) .pm-type-header h3{color:#0f172a;color:var(--pm-text)}.pm-type-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.pm-type-card{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#fffc,#eef5ff99);border:2px solid #0f172a14;border:2px solid var(--pm-border);border-radius:14px;border-radius:var(--pm-radius);box-shadow:0 2px 8px #34c75914;cursor:pointer;display:flex;flex-direction:column;padding:2rem;text-align:center;transition:all .3s ease}body:not(.dark-mode) .pm-type-card{background:linear-gradient(135deg,#ffffffe6,#eef5ffb3)}.pm-type-card:hover{border-color:#34c75966;box-shadow:0 12px 30px #34c75933;transform:translateY(-6px)}.pm-type-card:hover,body:not(.dark-mode) .pm-type-card:hover{background:linear-gradient(135deg,#fffffff2,#eef5ffcc)}.pm-type-icon{color:#34c759;color:var(--pm-accent);filter:drop-shadow(0 2px 4px rgba(52,199,89,.2));margin-bottom:1rem;transition:all .3s ease}.pm-type-card:hover .pm-type-icon{color:#2f855a;color:var(--pm-accent-2);transform:scale(1.1)}.pm-type-title{font-size:1.125rem;font-weight:600;margin:0 0 .5rem;transition:color .2s ease}.pm-type-title,body:not(.dark-mode) .pm-type-title{color:#0f172a;color:var(--pm-text)}.pm-type-description{font-size:.875rem;margin:0}.pm-type-description,body:not(.dark-mode) .pm-type-description{color:#64748b;color:var(--pm-muted)}.pm-form-container{max-width:700px;width:100%}.pm-form-header{align-items:center;border-bottom:1px solid #4caf50;display:flex;gap:1rem;margin-bottom:2rem;padding-bottom:1rem}.pm-form-title{color:#fff;font-size:1.5rem;font-weight:600;margin:0}body:not(.dark-mode) .pm-form-title{color:#333}.pm-form{width:100%}.pm-form-group{margin-bottom:1.5rem}.pm-form-label{color:#fff;display:block;font-size:.875rem;font-weight:500;margin-bottom:.5rem}body:not(.dark-mode) .pm-form-label{color:#333}.pm-required{color:#f44336;margin-left:.25rem}.pm-form-input,.pm-form-select{background-color:initial;border:2px solid #4caf50;border-radius:.5rem;box-sizing:border-box;color:#333;font-size:1rem;outline:none;padding:.875rem 1rem;transition:all .3s ease;width:100%}body.dark-mode .pm-form-input,body.dark-mode .pm-form-select{color:#fff}.pm-form-input:focus,.pm-form-select:focus{border-color:#2f855a;box-shadow:0 0 5px #2f855a4d}.pm-form-input::placeholder{color:#ccc}body:not(.dark-mode) .pm-form-input::placeholder{color:#999}.pm-form-input:-webkit-autofill,.pm-form-input:-webkit-autofill:active,.pm-form-input:-webkit-autofill:focus,.pm-form-input:-webkit-autofill:hover{-webkit-text-fill-color:#333!important;background-color:initial!important;-webkit-box-shadow:inset 0 0 0 30px #0000!important;-webkit-transition:background-color 5000s ease-in-out 0s;transition:background-color 5000s ease-in-out 0s}body.dark-mode .pm-form-input:-webkit-autofill,body.dark-mode .pm-form-input:-webkit-autofill:active,body.dark-mode .pm-form-input:-webkit-autofill:focus,body.dark-mode .pm-form-input:-webkit-autofill:hover{-webkit-text-fill-color:#fff!important}.pm-form-select:-webkit-autofill,.pm-form-select:-webkit-autofill:active,.pm-form-select:-webkit-autofill:focus,.pm-form-select:-webkit-autofill:hover{-webkit-text-fill-color:#333!important;background-color:initial!important;-webkit-box-shadow:inset 0 0 0 30px #0000!important;-webkit-transition:background-color 5000s ease-in-out 0s;transition:background-color 5000s ease-in-out 0s}body.dark-mode .pm-form-select:-webkit-autofill,body.dark-mode .pm-form-select:-webkit-autofill:active,body.dark-mode .pm-form-select:-webkit-autofill:focus,body.dark-mode .pm-form-select:-webkit-autofill:hover{-webkit-text-fill-color:#fff!important}.pm-form-input:-moz-autofill,.pm-form-select:-moz-autofill{background-color:initial!important}.pm-form-select{appearance:none;background-image:url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20fill=%27%232f855a%27%20xmlns=%27http://www.w3.org/2000/svg%27%20viewBox=%270%200%204%205%27%3E%3Cpath%20d=%27M2%205L0%200h4L2%205z%27/%3E%3C/svg%3E");background-position:right 1rem center;background-repeat:no-repeat;background-size:.5rem;cursor:pointer}.pm-form-select option{background-color:#fff;color:#333}body.dark-mode .pm-form-select option{background-color:#333;color:#fff}.pm-custom-select,.pm-custom-select-trigger{position:relative;width:100%}.pm-custom-select-trigger{align-items:center;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:linear-gradient(135deg,#fffffff2,#eef5ffcc);border:2px solid #0f172a14;border:2px solid var(--pm-border);border-radius:16px;box-shadow:0 4px 20px #34c75914;box-sizing:border-box;color:#0f172a;color:var(--pm-text);cursor:pointer;display:flex;justify-content:space-between;overflow:hidden;padding:1rem 1.25rem;transition:all .4s cubic-bezier(.4,0,.2,1)}.pm-custom-select-trigger:before{background:linear-gradient(90deg,#0000,#34c7591a,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .6s ease;width:100%}.pm-custom-select-trigger:hover:before{left:100%}body:not(.dark-mode) .pm-custom-select-trigger{background:linear-gradient(135deg,#fffffffa,#eef5ffe6);color:#0f172a;color:var(--pm-text)}.pm-custom-select-trigger:hover{border-color:#34c75966;box-shadow:0 8px 30px #34c75926;transform:translateY(-2px)}.pm-custom-select-trigger:active{box-shadow:0 4px 15px #34c75933;transform:translateY(0)}.pm-custom-select-content{flex:1 1;gap:1rem;z-index:2}.pm-custom-select-content,.pm-custom-select-icon{align-items:center;display:flex;position:relative}.pm-custom-select-icon{background:linear-gradient(135deg,#34c759,#2f855a);background:linear-gradient(135deg,var(--pm-accent),var(--pm-accent-2));border-radius:50%;box-shadow:0 4px 12px #34c7594d;color:#fff;flex-shrink:0;font-size:.75rem;font-weight:600;height:32px;justify-content:center;overflow:hidden;transition:all .3s ease;width:32px}.pm-custom-select-icon:before{animation:rotate 3s linear infinite;background:linear-gradient(45deg,#34c759,#2f855a,#34c759);background:linear-gradient(45deg,var(--pm-accent),var(--pm-accent-2),var(--pm-accent));border-radius:50%;bottom:-2px;content:"";left:-2px;position:absolute;right:-2px;top:-2px;z-index:-1}@keyframes rotate{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.pm-custom-select-trigger:hover .pm-custom-select-icon{box-shadow:0 6px 20px #34c75966;transform:scale(1.1)}body:not(.dark-mode) .pm-custom-select-icon{background:linear-gradient(135deg,#34c759,#2f855a);background:linear-gradient(135deg,var(--pm-accent),var(--pm-accent-2))}.pm-custom-select-icon[data-crypto=bitcoin]{background:linear-gradient(135deg,#f7931a,#ff9500);box-shadow:0 4px 12px #f7931a4d}.pm-custom-select-icon[data-crypto=ethereum]{background:linear-gradient(135deg,#627eea,#3c3c3d);box-shadow:0 4px 12px #627eea4d}.pm-custom-select-icon[data-crypto=usdt]{background:linear-gradient(135deg,#26a17b,#009393);box-shadow:0 4px 12px #26a17b4d}.pm-custom-select-icon[data-crypto=litecoin]{background:linear-gradient(135deg,#bfbbbb,#87ceeb);box-shadow:0 4px 12px #bfbbbb4d}.pm-custom-select-text{background:linear-gradient(90deg,#0f172a,#2f855a);background:linear-gradient(90deg,var(--pm-text),var(--pm-accent-2));-webkit-background-clip:text;background-clip:text;color:#0000;font-size:1rem;font-weight:600;letter-spacing:.5px;transition:all .3s ease}.pm-custom-select-arrow{color:#34c759;color:var(--pm-accent);filter:drop-shadow(0 2px 4px rgba(52,199,89,.3));flex-shrink:0;font-size:1.2rem;position:relative;transition:all .4s cubic-bezier(.4,0,.2,1);z-index:2}.pm-custom-select-arrow.rotated{color:#2f855a;color:var(--pm-accent-2);transform:rotate(180deg) scale(1.2)}.pm-custom-select-dropdown{animation:dropdownSlide .3s cubic-bezier(.4,0,.2,1);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:linear-gradient(180deg,#fffffffa,#eef5fff2);border:2px solid #34c7594d;border-radius:16px;box-shadow:0 20px 60px #34c75926;left:0;max-height:350px;overflow-y:auto;position:absolute;right:0;scrollbar-color:#34c759 #0000;scrollbar-color:var(--pm-accent) #0000;scrollbar-width:thin;top:calc(100% + 8px);z-index:1000}@keyframes dropdownSlide{0%{opacity:0;transform:translateY(-10px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.pm-custom-select-dropdown::-webkit-scrollbar{width:6px}.pm-custom-select-dropdown::-webkit-scrollbar-track{background:#34c7591a;border-radius:10px}.pm-custom-select-dropdown::-webkit-scrollbar-thumb{background:linear-gradient(180deg,#34c759,#2f855a);background:linear-gradient(180deg,var(--pm-accent),var(--pm-accent-2));border-radius:10px;-webkit-transition:background .3s ease;transition:background .3s ease}.pm-custom-select-dropdown::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,#2f855a,#34c759);background:linear-gradient(180deg,var(--pm-accent-2),var(--pm-accent))}body:not(.dark-mode) .pm-custom-select-dropdown{background:linear-gradient(180deg,#fffffffa,#eef5fff2);box-shadow:0 20px 60px #34c7591f}.pm-custom-select-option{align-items:center;border-bottom:1px solid #34c7591a;cursor:pointer;display:flex;gap:1rem;overflow:hidden;padding:1rem 1.25rem;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1)}.pm-custom-select-option:before{background:linear-gradient(90deg,#0000,#34c75914,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s ease;width:100%}.pm-custom-select-option:hover:before{left:100%}.pm-custom-select-option:first-child{border-radius:16px 16px 0 0}.pm-custom-select-option:last-child{border-bottom:none;border-radius:0 0 16px 16px}.pm-custom-select-option:only-child{border-radius:16px}.pm-custom-select-option:hover{background:linear-gradient(135deg,#34c75914,#eef5ff66);border-color:#34c75933;transform:translateX(4px)}.pm-custom-select-option.selected{background:linear-gradient(135deg,#34c75926,#eef5ff99);border-color:#34c7594d;font-weight:600;position:relative}.pm-custom-select-option.selected:after{color:#2f855a;color:var(--pm-accent-2);content:"✓";font-size:1.2rem;font-weight:700;position:absolute;right:1.25rem}.pm-custom-select-option-icon{align-items:center;background:linear-gradient(135deg,#34c759,#2f855a);background:linear-gradient(135deg,var(--pm-accent),var(--pm-accent-2));border-radius:50%;box-shadow:0 4px 12px #34c75940;color:#fff;display:flex;flex-shrink:0;font-size:.75rem;font-weight:600;height:28px;justify-content:center;overflow:hidden;position:relative;transition:all .3s ease;width:28px}.pm-custom-select-option-icon:before{background:linear-gradient(45deg,#0000,#ffffff4d,#0000);content:"";height:200%;left:-50%;opacity:0;position:absolute;top:-50%;transform:rotate(45deg);transition:all .5s ease;width:200%}.pm-custom-select-option:hover .pm-custom-select-option-icon:before{animation:shine .8s ease-in-out;opacity:1}@keyframes shine{0%{transform:translateX(-100%) translateY(-100%) rotate(45deg)}to{transform:translateX(100%) translateY(100%) rotate(45deg)}}.pm-custom-select-option:hover .pm-custom-select-option-icon{box-shadow:0 6px 20px #34c75966;transform:scale(1.1)}.pm-custom-select-option-icon[data-crypto=bitcoin]{background:linear-gradient(135deg,#f7931a,#ff9500);box-shadow:0 4px 12px #f7931a40}.pm-custom-select-option:hover .pm-custom-select-option-icon[data-crypto=bitcoin]{box-shadow:0 6px 20px #f7931a66}.pm-custom-select-option-icon[data-crypto=ethereum]{background:linear-gradient(135deg,#627eea,#3c3c3d);box-shadow:0 4px 12px #627eea40}.pm-custom-select-option:hover .pm-custom-select-option-icon[data-crypto=ethereum]{box-shadow:0 6px 20px #627eea66}.pm-custom-select-option-icon[data-crypto=usdt]{background:linear-gradient(135deg,#26a17b,#009393);box-shadow:0 4px 12px #26a17b40}.pm-custom-select-option:hover .pm-custom-select-option-icon[data-crypto=usdt]{box-shadow:0 6px 20px #26a17b66}.pm-custom-select-option-icon[data-crypto=litecoin]{background:linear-gradient(135deg,#bfbbbb,#87ceeb);box-shadow:0 4px 12px #bfbbbb40}.pm-custom-select-option:hover .pm-custom-select-option-icon[data-crypto=litecoin]{box-shadow:0 6px 20px #bfbbbb66}body:not(.dark-mode) .pm-custom-select-option-icon{background:linear-gradient(135deg,#34c759,#2f855a);background:linear-gradient(135deg,var(--pm-accent),var(--pm-accent-2))}.pm-custom-select-option-content{display:flex;flex:1 1;flex-direction:column;gap:.25rem;position:relative;z-index:2}.pm-custom-select-option-label{font-size:1rem;font-weight:600;letter-spacing:.3px;transition:all .3s ease}.pm-custom-select-option-label,body:not(.dark-mode) .pm-custom-select-option-label{color:#0f172a;color:var(--pm-text)}.pm-custom-select-option.selected .pm-custom-select-option-label{background:linear-gradient(90deg,#34c759,#2f855a);background:linear-gradient(90deg,var(--pm-accent),var(--pm-accent-2));-webkit-background-clip:text;background-clip:text;color:#0000}.pm-custom-select-option-network{font-size:.75rem;font-weight:500;letter-spacing:.1em;text-transform:uppercase;transition:all .3s ease}.pm-custom-select-option-network,body:not(.dark-mode) .pm-custom-select-option-network{color:#64748b;color:var(--pm-muted)}.pm-custom-select-option.selected .pm-custom-select-option-network{color:#2f855a;color:var(--pm-accent-2);opacity:.9}.pm-form-error{align-items:center;color:#f44336;display:flex;font-size:.875rem;gap:.5rem;margin-top:.5rem}.pm-form-actions{border-top:1px solid #4caf50;gap:1rem;margin-top:2rem;padding-top:1rem}.pm-btn,.pm-form-actions{display:flex;justify-content:center}.pm-btn{align-items:center;border:none;border-radius:.5rem;cursor:pointer;font-size:1rem;font-weight:500;gap:.5rem;min-width:120px;padding:.875rem 1.5rem;transition:all .3s ease}.pm-btn:disabled{cursor:not-allowed;opacity:.6}.pm-btn--primary{background-color:#2f855a;color:#fff}.pm-btn--primary:hover:not(:disabled){background-color:#276749;transform:translateY(-2px)}.pm-btn--secondary{background-color:grey;color:#fff}.pm-btn--secondary:hover:not(:disabled){background-color:#696969;transform:translateY(-2px)}.pm-spinner{animation:spin 1s linear infinite;border:2px solid #0000;border-radius:50%;border-top-color:currentcolor;height:18px;width:18px}@media screen and (max-width:1024px){.pm-wrapper{left:220px;padding:calc(60px + 2rem) 2rem 2rem}.pm-container{margin:15px;padding:2rem}.pm-title{font-size:1.75rem}}@media screen and (max-width:768px){.pm-wrapper{left:0;padding:calc(60px + 1rem) 1rem 1rem}.pm-container{border-radius:.5rem;margin:10px;padding:1.5rem}.pm-header{gap:1rem}.pm-header,.pm-header-content,.pm-item{flex-direction:column;text-align:center}.pm-item{gap:1rem}.pm-item-icon{margin-bottom:.5rem;margin-right:0}.pm-item-header{flex-direction:column;gap:.5rem}.pm-item-actions{justify-content:center;width:100%}.pm-type-grid{grid-template-columns:1fr}.pm-form-actions{flex-direction:column}.pm-btn{width:100%}.pm-custom-select-trigger{padding:.75rem}.pm-custom-select-content{gap:.5rem}.pm-custom-select-option{gap:.5rem;padding:.75rem}}@media screen and (max-width:480px){.pm-wrapper{padding:calc(60px + .5rem) .5rem .5rem}.pm-container{margin:5px;padding:1rem}.pm-title{font-size:1.25rem}.pm-item{padding:1rem}.pm-item-icon{height:50px;width:50px}.pm-form-input,.pm-form-select{font-size:.875rem;padding:.75rem}.pm-btn{font-size:.875rem;padding:.75rem 1.25rem}.pm-custom-select-trigger{font-size:.875rem;padding:.625rem}.pm-custom-select-text{font-size:.875rem}}@media screen and (max-width:320px){.pm-wrapper{padding:calc(60px + .25rem) .25rem .25rem}.pm-container{margin:2px;padding:.75rem}.pm-title{font-size:1.125rem}.pm-item{padding:.75rem}.pm-form-input,.pm-form-select{font-size:.8rem;padding:.625rem}.pm-btn{font-size:.8rem;padding:.625rem 1rem}}body.dark-mode{--pm-bg:#0a0a0a;--pm-bg-top:#1a1a1a;--pm-text:#f9fafb;--pm-muted:#a3b3c2;--pm-border:#ffffff1a;--pm-hover:#4ade8014;--pm-active:#4ade801f;--pm-shadow:0 8px 30px #0000004d}body.dark-mode .pm-wrapper{background:linear-gradient(135deg,#1a1a1a,#0000)}body.dark-mode .pm-container{background:linear-gradient(180deg,#1a1a1a,#121212 50%,#0a0a0a);border:1px solid #ffffff1a;box-shadow:0 8px 30px #0000004d;color:#f9fafb}body.dark-mode .pm-title{background:linear-gradient(90deg,#4ade80,#22c55e);background:linear-gradient(90deg,var(--pm-dark-accent),var(--pm-dark-accent-2));-webkit-background-clip:text;background-clip:text;color:#0000}body.dark-mode .pm-header{background:linear-gradient(90deg,#0000,#4ade800d,#0000);border-bottom-color:#4ade80;border-bottom-color:var(--pm-dark-accent)}body.dark-mode .pm-header-icon{color:#4ade80;color:var(--pm-dark-accent);filter:drop-shadow(0 2px 4px rgba(74,222,128,.2))}body.dark-mode .pm-add-btn{background:linear-gradient(135deg,#4ade80,#22c55e);background:linear-gradient(135deg,var(--pm-dark-accent),var(--pm-dark-accent-2));border-color:#4ade804d;box-shadow:0 4px 12px #4ade8033}body.dark-mode .pm-add-btn:hover{background:linear-gradient(135deg,#22c55e,#16a34a);background:linear-gradient(135deg,var(--pm-dark-accent-2),#16a34a);box-shadow:0 8px 20px #4ade804d}body.dark-mode .pm-item{background:linear-gradient(135deg,#1f1f1f,#141414);border:1px solid #ffffff26;box-shadow:0 2px 8px #0003}body.dark-mode .pm-item:hover{background:linear-gradient(135deg,#2a2a2a,#1f1f1f);border-color:#4ade804d;box-shadow:0 8px 25px #4ade8026}body.dark-mode .pm-item-icon{background:linear-gradient(135deg,#4ade80,#22c55e);background:linear-gradient(135deg,var(--pm-dark-accent),var(--pm-dark-accent-2));box-shadow:0 4px 12px #4ade804d}body.dark-mode .pm-item:hover .pm-item-icon{box-shadow:0 6px 20px #4ade8066}body.dark-mode .pm-item-badge{background:linear-gradient(90deg,#4ade8026,#22c55e1a);border-color:#4ade8033;color:#22c55e;color:var(--pm-dark-accent-2)}body.dark-mode .pm-action-btn{background:#1f1f1f80;border-color:#ffffff1a}body.dark-mode .pm-action-btn--edit{color:#4ade80;color:var(--pm-dark-accent)}body.dark-mode .pm-action-btn--edit:hover{background:linear-gradient(135deg,#4ade801a,#22c55e0d);border-color:#4ade8033;box-shadow:0 4px 12px #4ade8033;color:#22c55e;color:var(--pm-dark-accent-2)}body.dark-mode .pm-empty-state{background:linear-gradient(135deg,#1a1a1a99,#0f0f0f4d);color:#a3b3c2}body.dark-mode .pm-empty-icon{color:#4ade80;color:var(--pm-dark-accent);filter:drop-shadow(0 2px 4px rgba(74,222,128,.2))}body.dark-mode .pm-empty-btn{background:linear-gradient(135deg,#4ade80,#22c55e);background:linear-gradient(135deg,var(--pm-dark-accent),var(--pm-dark-accent-2));border-color:#4ade804d;box-shadow:0 4px 12px #4ade8033}body.dark-mode .pm-empty-btn:hover{background:linear-gradient(135deg,#22c55e,#16a34a);background:linear-gradient(135deg,var(--pm-dark-accent-2),#16a34a);box-shadow:0 8px 20px #4ade804d}body.dark-mode .pm-back-btn{background:#1f1f1f80;border-color:#ffffff26;color:#f9fafb}body.dark-mode .pm-back-btn:hover{background:linear-gradient(135deg,#4ade8014,#1a1a1a66);border-color:#4ade804d}body.dark-mode .pm-type-card{background:linear-gradient(135deg,#1f1f1f,#141414);border:2px solid #ffffff1a;box-shadow:0 2px 8px #0003}body.dark-mode .pm-type-card:hover{background:linear-gradient(135deg,#2a2a2a,#1f1f1f);border-color:#4ade8066;box-shadow:0 12px 30px #4ade8033}body.dark-mode .pm-type-icon{color:#4ade80;color:var(--pm-dark-accent);filter:drop-shadow(0 2px 4px rgba(74,222,128,.2))}body.dark-mode .pm-type-card:hover .pm-type-icon{color:#22c55e;color:var(--pm-dark-accent-2)}body.dark-mode .pm-custom-select-trigger{background:linear-gradient(135deg,#1f1f1ff2,#141414e6);border-color:#4ade8033;color:#f9fafb}body.dark-mode .pm-custom-select-trigger:hover{border-color:#4ade8066;box-shadow:0 8px 30px #4ade8026}body.dark-mode .pm-custom-select-trigger:before{background:linear-gradient(90deg,#0000,#4ade801a,#0000)}body.dark-mode .pm-custom-select-icon{background:linear-gradient(135deg,#4ade80,#22c55e);background:linear-gradient(135deg,var(--pm-dark-accent),var(--pm-dark-accent-2));box-shadow:0 4px 12px #4ade804d}body.dark-mode .pm-custom-select-icon:before{background:linear-gradient(45deg,#4ade80,#22c55e,#4ade80);background:linear-gradient(45deg,var(--pm-dark-accent),var(--pm-dark-accent-2),var(--pm-dark-accent))}body.dark-mode .pm-custom-select-trigger:hover .pm-custom-select-icon{box-shadow:0 6px 20px #4ade8066}body.dark-mode .pm-custom-select-icon[data-crypto=bitcoin]{background:linear-gradient(135deg,#f7931a,#ff9500);box-shadow:0 4px 12px #f7931a4d}body.dark-mode .pm-custom-select-icon[data-crypto=ethereum]{background:linear-gradient(135deg,#627eea,#3c3c3d);box-shadow:0 4px 12px #627eea4d}body.dark-mode .pm-custom-select-icon[data-crypto=usdt]{background:linear-gradient(135deg,#26a17b,#009393);box-shadow:0 4px 12px #26a17b4d}body.dark-mode .pm-custom-select-icon[data-crypto=litecoin]{background:linear-gradient(135deg,#bfbbbb,#87ceeb);box-shadow:0 4px 12px #bfbbbb4d}body.dark-mode .pm-custom-select-text{background:linear-gradient(90deg,#f9fafb,#22c55e);background:linear-gradient(90deg,#f9fafb,var(--pm-dark-accent-2));-webkit-background-clip:text;background-clip:text;color:#0000}body.dark-mode .pm-custom-select-arrow{color:#4ade80;color:var(--pm-dark-accent);filter:drop-shadow(0 2px 4px rgba(74,222,128,.3))}body.dark-mode .pm-custom-select-arrow.rotated{color:#22c55e;color:var(--pm-dark-accent-2)}body.dark-mode .pm-custom-select-dropdown{background:linear-gradient(180deg,#1f1f1ffa,#141414f2);border-color:#4ade804d;box-shadow:0 20px 60px #0006}body.dark-mode .pm-custom-select-dropdown::-webkit-scrollbar-track{background:#4ade801a}body.dark-mode .pm-custom-select-dropdown::-webkit-scrollbar-thumb{background:linear-gradient(180deg,#4ade80,#22c55e);background:linear-gradient(180deg,var(--pm-dark-accent),var(--pm-dark-accent-2))}body.dark-mode .pm-custom-select-dropdown::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,#22c55e,#4ade80);background:linear-gradient(180deg,var(--pm-dark-accent-2),var(--pm-dark-accent))}body.dark-mode .pm-custom-select-option{border-color:#4ade801a}body.dark-mode .pm-custom-select-option:before{background:linear-gradient(90deg,#0000,#4ade8014,#0000)}body.dark-mode .pm-custom-select-option:hover{background:linear-gradient(135deg,#4ade8014,#1a1a1a66);border-color:#4ade8033}body.dark-mode .pm-custom-select-option.selected{background:linear-gradient(135deg,#4ade8026,#1a1a1a99);border-color:#4ade804d}body.dark-mode .pm-custom-select-option.selected:after{color:#22c55e;color:var(--pm-dark-accent-2)}body.dark-mode .pm-custom-select-option-icon{background:linear-gradient(135deg,#4ade80,#22c55e);background:linear-gradient(135deg,var(--pm-dark-accent),var(--pm-dark-accent-2));box-shadow:0 4px 12px #4ade8040}body.dark-mode .pm-custom-select-option:hover .pm-custom-select-option-icon{box-shadow:0 6px 20px #4ade8066}body.dark-mode .pm-custom-select-option-icon[data-crypto=bitcoin]{background:linear-gradient(135deg,#f7931a,#ff9500);box-shadow:0 4px 12px #f7931a40}body.dark-mode .pm-custom-select-option:hover .pm-custom-select-option-icon[data-crypto=bitcoin]{box-shadow:0 6px 20px #f7931a66}body.dark-mode .pm-custom-select-option-icon[data-crypto=ethereum]{background:linear-gradient(135deg,#627eea,#3c3c3d);box-shadow:0 4px 12px #627eea40}body.dark-mode .pm-custom-select-option:hover .pm-custom-select-option-icon[data-crypto=ethereum]{box-shadow:0 6px 20px #627eea66}body.dark-mode .pm-custom-select-option-icon[data-crypto=usdt]{background:linear-gradient(135deg,#26a17b,#009393);box-shadow:0 4px 12px #26a17b40}body.dark-mode .pm-custom-select-option:hover .pm-custom-select-option-icon[data-crypto=usdt]{box-shadow:0 6px 20px #26a17b66}body.dark-mode .pm-custom-select-option-icon[data-crypto=litecoin]{background:linear-gradient(135deg,#bfbbbb,#87ceeb);box-shadow:0 4px 12px #bfbbbb40}body.dark-mode .pm-custom-select-option:hover .pm-custom-select-option-icon[data-crypto=litecoin]{box-shadow:0 6px 20px #bfbbbb66}body.dark-mode .pm-custom-select-option-label{color:#f9fafb}body.dark-mode .pm-custom-select-option.selected .pm-custom-select-option-label{background:linear-gradient(90deg,#4ade80,#22c55e);background:linear-gradient(90deg,var(--pm-dark-accent),var(--pm-dark-accent-2));-webkit-background-clip:text;background-clip:text;color:#0000}body.dark-mode .pm-custom-select-option-network{color:#a3b3c2}body.dark-mode .pm-custom-select-option.selected .pm-custom-select-option-network{color:#22c55e;color:var(--pm-dark-accent-2)}.pm-custom-select-icon[data-crypto=tron],.pm-custom-select-option-icon[data-crypto=tron]{background:linear-gradient(135deg,#ff060a,#d50406);box-shadow:0 4px 12px #ff060a4d}.pm-custom-select-option:hover .pm-custom-select-option-icon[data-crypto=tron],.pm-custom-select-trigger:hover .pm-custom-select-icon[data-crypto=tron]{box-shadow:0 6px 20px #ff060a66}.pm-custom-select-icon[data-crypto=bnb],.pm-custom-select-option-icon[data-crypto=bnb]{background:linear-gradient(135deg,#f0b90b,#f3ba2f);box-shadow:0 4px 12px #f0b90b4d}.pm-custom-select-option:hover .pm-custom-select-option-icon[data-crypto=bnb],.pm-custom-select-trigger:hover .pm-custom-select-icon[data-crypto=bnb]{box-shadow:0 6px 20px #f0b90b66}.pm-custom-select-icon[data-crypto=cardano],.pm-custom-select-option-icon[data-crypto=cardano]{background:linear-gradient(135deg,#0033ad,#1746ba);box-shadow:0 4px 12px #0033ad4d}.pm-custom-select-option:hover .pm-custom-select-option-icon[data-crypto=cardano],.pm-custom-select-trigger:hover .pm-custom-select-icon[data-crypto=cardano]{box-shadow:0 6px 20px #0033ad66}.pm-custom-select-icon[data-crypto=doge],.pm-custom-select-option-icon[data-crypto=doge]{background:linear-gradient(135deg,#c2a633,#ba9f33);box-shadow:0 4px 12px #c2a6334d}.pm-custom-select-option:hover .pm-custom-select-option-icon[data-crypto=doge],.pm-custom-select-trigger:hover .pm-custom-select-icon[data-crypto=doge]{box-shadow:0 6px 20px #c2a63366}.pm-custom-select-icon[data-crypto=usdc],.pm-custom-select-option-icon[data-crypto=usdc]{background:linear-gradient(135deg,#2775ca,#2e7cd6);box-shadow:0 4px 12px #2775ca4d}.pm-custom-select-option:hover .pm-custom-select-option-icon[data-crypto=usdc],.pm-custom-select-trigger:hover .pm-custom-select-icon[data-crypto=usdc]{box-shadow:0 6px 20px #2775ca66}.pm-custom-select-option.selected .pm-custom-select-option-icon{animation:pulse 2s infinite}.pm-custom-select-option.selected .pm-custom-select-option-icon[data-crypto=bitcoin]{animation:pulseBitcoin 2s infinite}@keyframes pulseBitcoin{0%{box-shadow:0 4px 12px #f7931a40}50%{box-shadow:0 8px 25px #f7931a66;transform:scale(1.05)}to{box-shadow:0 4px 12px #f7931a40}}.pm-custom-select-option.selected .pm-custom-select-option-icon[data-crypto=ethereum]{animation:pulseEthereum 2s infinite}@keyframes pulseEthereum{0%{box-shadow:0 4px 12px #627eea40}50%{box-shadow:0 8px 25px #627eea66;transform:scale(1.05)}to{box-shadow:0 4px 12px #627eea40}}.pm-custom-select-trigger.active{animation:glow 2s infinite;border-color:#34c759;border-color:var(--pm-accent);box-shadow:0 0 20px #34c75933}@keyframes glow{0%,to{box-shadow:0 4px 20px #34c75914}50%{box-shadow:0 8px 30px #34c75933}}body.dark-mode .pm-custom-select-trigger.active{animation:glowDark 2s infinite;border-color:#4ade80;border-color:var(--pm-dark-accent);box-shadow:0 0 20px #4ade8033}@keyframes glowDark{0%,to{box-shadow:0 4px 20px #4ade8014}50%{box-shadow:0 8px 30px #4ade8033}}.pm-custom-select-option{animation:slideInOption .3s ease forwards;opacity:0;transform:translateX(-20px)}.pm-custom-select-option:first-child{animation-delay:.1s}.pm-custom-select-option:nth-child(2){animation-delay:.15s}.pm-custom-select-option:nth-child(3){animation-delay:.2s}.pm-custom-select-option:nth-child(4){animation-delay:.25s}.pm-custom-select-option:nth-child(5){animation-delay:.3s}.pm-custom-select-option:nth-child(6){animation-delay:.35s}@keyframes slideInOption{to{opacity:1;transform:translateX(0)}}.pm-custom-select:hover .pm-custom-select-trigger{transform:translateY(-1px)}.pm-custom-select:hover .pm-custom-select-trigger .pm-custom-select-icon{animation:bounce .6s ease infinite alternate}:root{--pr-accent:#34c759;--pr-accent-2:#2f855a;--pr-dark-accent:#4ade80;--pr-dark-accent-2:#22c55e;--pr-bg:#fff;--pr-bg-top:#eef5ff;--pr-text:#0f172a;--pr-muted:#64748b;--pr-border:#0f172a14;--pr-hover:#34c75914;--pr-active:#34c7591f;--pr-shadow:0 8px 30px #02081414;--pr-radius:14px;--pr-success:#10b981;--pr-warning:#f59e0b;--pr-error:#ef4444;--pr-info:#3b82f6}body.dark-mode{--pr-bg:#0a0a0a;--pr-bg-top:#1a1a1a;--pr-text:#f9fafb;--pr-muted:#a3b3c2;--pr-border:#ffffff1a;--pr-hover:#4ade8014;--pr-active:#4ade801f;--pr-shadow:0 8px 30px #0000004d;--pr-accent:#4ade80;--pr-accent-2:#22c55e}.pr-wrapper{align-items:flex-start;background:linear-gradient(135deg,#eef5ff,#0000);background:linear-gradient(135deg,var(--pr-bg-top),#0000);bottom:0;display:flex;justify-content:center;left:0;left:var(--sidebar-width,0);overflow-y:auto;padding:calc(60px + 2rem) 2rem 2rem;padding:calc(var(--topbar-height, 60px) + 2rem) 2rem 2rem;position:fixed;right:0;top:0}.pr-container{background:linear-gradient(180deg,#eef5ff,#fffffff2 25%,#fff);background:linear-gradient(180deg,var(--pr-bg-top) 0,#fffffff2 25%,var(--pr-bg) 100%);border:1px solid #0f172a14;border:1px solid var(--pr-border);border-radius:14px;border-radius:var(--pr-radius);box-shadow:0 8px 30px #02081414;box-shadow:var(--pr-shadow);color:#0f172a;color:var(--pr-text);display:flex;flex-direction:column;gap:2rem;margin:0 auto;max-width:1200px;padding:3rem;position:relative;transition:all .3s ease;width:100%}body.dark-mode .pr-wrapper{background:linear-gradient(135deg,#1a1a1a,#0000)}body.dark-mode .pr-container{background:linear-gradient(180deg,#1a1a1a,#121212 50%,#0a0a0a);border:1px solid #ffffff1a;box-shadow:0 8px 30px #0000004d;color:#f9fafb}body.dark-mode .pr-title{background:linear-gradient(90deg,#4ade80,#22c55e);background:linear-gradient(90deg,var(--pr-dark-accent),var(--pr-dark-accent-2));-webkit-background-clip:text;background-clip:text;color:#0000}body.dark-mode .pr-header{background:linear-gradient(90deg,#0000,#4ade800d,#0000);border-bottom:2px solid #4ade80;border-bottom:2px solid var(--pr-dark-accent)}body.dark-mode .pr-header-icon{color:#4ade80;color:var(--pr-dark-accent);filter:drop-shadow(0 2px 4px rgba(74,222,128,.2))}body.dark-mode .pr-add-btn{background:linear-gradient(135deg,#4ade80,#22c55e);background:linear-gradient(135deg,var(--pr-dark-accent),var(--pr-dark-accent-2));border:1px solid #4ade804d;box-shadow:0 4px 12px #4ade8033}body.dark-mode .pr-add-btn:hover{background:linear-gradient(135deg,#22c55e,#16a34a);background:linear-gradient(135deg,var(--pr-dark-accent-2),#16a34a);box-shadow:0 8px 20px #4ade804d}body.dark-mode .pr-empty-btn{background:linear-gradient(135deg,#4ade80,#22c55e);background:linear-gradient(135deg,var(--pr-dark-accent),var(--pr-dark-accent-2));border:1px solid #4ade804d;box-shadow:0 4px 12px #4ade8033}body.dark-mode .pr-empty-btn:hover{background:linear-gradient(135deg,#22c55e,#16a34a);background:linear-gradient(135deg,var(--pr-dark-accent-2),#16a34a);box-shadow:0 8px 20px #4ade804d}.pr-header{background:linear-gradient(90deg,#0000,#34c7590d,#0000);border-bottom:2px solid #34c759;border-bottom:2px solid var(--pr-accent);border-radius:8px;justify-content:space-between;margin:-1.5rem -1.5rem 0;padding:1.5rem}.pr-header,.pr-header-content{align-items:center;display:flex}.pr-header-content{gap:1rem}.pr-header-icon{color:#34c759;color:var(--pr-accent);filter:drop-shadow(0 2px 4px rgba(52,199,89,.2))}.pr-title{background:linear-gradient(90deg,#34c759,#2f855a);background:linear-gradient(90deg,var(--pr-accent),var(--pr-accent-2));-webkit-background-clip:text;background-clip:text;color:#0000;font-size:2rem;font-weight:700;line-height:1.2;margin:0}.pr-subtitle{color:#64748b;color:var(--pr-muted);font-size:1rem;margin:.25rem 0 0}.pr-add-btn{align-items:center;background:linear-gradient(135deg,#34c759,#2f855a);background:linear-gradient(135deg,var(--pr-accent),var(--pr-accent-2));border:1px solid #34c7594d;border-radius:12px;box-shadow:0 4px 12px #34c75933;color:#fff;cursor:pointer;display:flex;font-weight:600;gap:.5rem;padding:.75rem 1.5rem;transition:all .3s ease}.pr-add-btn:hover{background:linear-gradient(135deg,#2f855a,#1e7e34);background:linear-gradient(135deg,var(--pr-accent-2),#1e7e34);box-shadow:0 8px 20px #34c7594d;transform:translateY(-2px)}.pr-stats-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.pr-stat-card{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#fffc,#eef5ff99);border:1px solid #0f172a14;border:1px solid var(--pr-border);border-radius:12px;box-shadow:0 2px 8px #34c75914;display:flex;gap:1rem;padding:1.5rem;transition:all .3s ease}body.dark-mode .pr-stat-card{background:linear-gradient(135deg,#1a1a1a,#121212);border:1px solid #ffffff1a}.pr-stat-card:hover{border-color:#34c7594d;box-shadow:0 8px 25px #34c75926;transform:translateY(-4px)}.pr-stat-icon{align-items:center;border-radius:50%;display:flex;flex-shrink:0;height:50px;justify-content:center;transition:all .3s ease;width:50px}.pr-stat-card--balance .pr-stat-icon{background:linear-gradient(135deg,#10b981,#059669);background:linear-gradient(135deg,var(--pr-success),#059669);color:#fff}.pr-stat-card--pending .pr-stat-icon{background:linear-gradient(135deg,#f59e0b,#d97706);background:linear-gradient(135deg,var(--pr-warning),#d97706);color:#fff}.pr-stat-card--approved .pr-stat-icon{background:linear-gradient(135deg,#3b82f6,#2563eb);background:linear-gradient(135deg,var(--pr-info),#2563eb);color:#fff}.pr-stat-card--total .pr-stat-icon{background:linear-gradient(135deg,#34c759,#2f855a);background:linear-gradient(135deg,var(--pr-accent),var(--pr-accent-2));color:#fff}.pr-stat-content{flex:1 1}.pr-stat-value{color:#0f172a;color:var(--pr-text);font-size:1.5rem;font-weight:700;margin-bottom:.25rem}.pr-stat-label{color:#64748b;color:var(--pr-muted);font-size:.875rem;font-weight:500}.pr-filters{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#fff9,#eef5ff66);border:1px solid #0f172a14;border:1px solid var(--pr-border);border-radius:12px;padding:1.5rem}body.dark-mode .pr-filters{background:linear-gradient(135deg,#1a1a1a,#121212);border:1px solid #ffffff1a}.pr-filters-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:1rem}.pr-filters-title{align-items:center;color:#0f172a;color:var(--pr-text);display:flex;font-size:1.125rem;font-weight:600;gap:.5rem;margin:0}.pr-filters-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.pr-filter-group{display:flex;flex-direction:column;gap:.5rem}.pr-filter-label{font-weight:500}.pr-filter-label,.pr-filter-select{color:#0f172a;color:var(--pr-text);font-size:.875rem}.pr-filter-select{background:#fff;background:var(--pr-bg);border:2px solid #0f172a14;border:2px solid var(--pr-border);border-radius:8px;padding:.75rem;transition:all .3s ease}.pr-filter-select:focus{border-color:#34c759;border-color:var(--pr-accent);box-shadow:0 0 0 3px #34c7591a;outline:none}.pr-search-wrapper{position:relative}.pr-search-icon{color:#64748b;color:var(--pr-muted);left:.75rem;position:absolute;top:50%;transform:translateY(-50%)}.pr-search-input{background:#fff;background:var(--pr-bg);border:2px solid #0f172a14;border:2px solid var(--pr-border);border-radius:8px;color:#0f172a;color:var(--pr-text);font-size:.875rem;padding:.75rem .75rem .75rem 2.5rem;transition:all .3s ease;width:100%}.pr-search-input:focus{border-color:#34c759;border-color:var(--pr-accent);box-shadow:0 0 0 3px #34c7591a;outline:none}.pr-search-input::placeholder{color:#64748b;color:var(--pr-muted)}.pr-content{flex:1 1}.pr-list{display:flex;flex-direction:column;gap:1rem}.pr-item{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#fffc,#eef5ff99);border:1px solid #0f172a14;border:1px solid var(--pr-border);border-radius:12px;box-shadow:0 2px 8px #34c75914;padding:1.5rem;transition:all .3s ease}body.dark-mode .pr-item{background:linear-gradient(135deg,#1a1a1a,#121212);border:1px solid #ffffff1a}.pr-item:hover{border-color:#34c7594d;box-shadow:0 8px 25px #34c75926;transform:translateY(-2px)}.pr-item-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:1rem}.pr-item-id{background:#34c7591a;color:#64748b;color:var(--pr-muted);font-size:.875rem;padding:.25rem .75rem}.pr-item-id,.pr-status{border-radius:20px;font-weight:600}.pr-status{align-items:center;display:flex;font-size:.75rem;gap:.5rem;letter-spacing:.05em;padding:.5rem 1rem;text-transform:uppercase}.pr-status--pending{background:#f59e0b1a;border:1px solid #f59e0b33;color:#f59e0b;color:var(--pr-warning)}.pr-status--approved{background:#10b9811a;border:1px solid #10b98133;color:#10b981;color:var(--pr-success)}.pr-status--rejected{background:#ef44441a;border:1px solid #ef444433;color:#ef4444;color:var(--pr-error)}.status-icon.pending{color:#f59e0b;color:var(--pr-warning)}.status-icon.approved{color:#10b981;color:var(--pr-success)}.status-icon.rejected{color:#ef4444;color:var(--pr-error)}.pr-item-content{display:flex;flex-direction:column;gap:1rem}.pr-item-main{align-items:center;display:flex;gap:1rem;justify-content:space-between}.pr-item-amount{align-items:baseline;display:flex;gap:.5rem}.pr-amount-value{color:#0f172a;color:var(--pr-text);font-size:1.5rem;font-weight:700}.pr-amount-currency{color:#64748b;color:var(--pr-muted);font-size:1rem;font-weight:500}.pr-item-method{align-items:center;display:flex;gap:1rem}.pr-method-icon{align-items:center;background:linear-gradient(135deg,#34c759,#2f855a);background:linear-gradient(135deg,var(--pr-accent),var(--pr-accent-2));border-radius:50%;color:#fff;display:flex;flex-shrink:0;height:40px;justify-content:center;width:40px}.pr-method-details{flex:1 1;min-width:0}.pr-method-type{color:#0f172a;color:var(--pr-text);font-size:.875rem;font-weight:600;margin-bottom:.25rem}.pr-method-info{color:#64748b;color:var(--pr-muted);font-size:.75rem;word-break:break-all}.pr-item-dates{display:flex;flex-direction:column;gap:.5rem}.pr-date-item{color:#64748b;color:var(--pr-muted);font-size:.75rem}.pr-date-item,.pr-item-note{align-items:center;display:flex;gap:.5rem}.pr-item-note{background:#3b82f61a;border:1px solid #3b82f633;border-radius:8px;color:#3b82f6;color:var(--pr-info);font-size:.875rem;padding:.75rem}.pr-item-actions{border-top:1px solid #0f172a14;border-top:1px solid var(--pr-border);display:flex;gap:.5rem;justify-content:flex-end;margin-top:1rem;padding-top:1rem}.pr-action-btn{align-items:center;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#ffffff4d;border:1px solid #0000;border-radius:10px;cursor:pointer;display:flex;height:40px;justify-content:center;transition:all .3s ease;width:40px}.pr-action-btn--view{color:#34c759;color:var(--pr-accent)}.pr-action-btn--view:hover{background:linear-gradient(135deg,#34c7591a,#2f855a0d);border-color:#34c75933;box-shadow:0 4px 12px #34c75933;color:#2f855a;color:var(--pr-accent-2);transform:translateY(-2px)}.pr-notification{align-items:center;animation:slideInRight .3s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:12px;box-shadow:0 8px 25px #00000026;display:flex;justify-content:space-between;min-width:300px;padding:1rem 1.5rem;position:fixed;right:1rem;top:calc(60px + 1rem);top:calc(var(--topbar-height, 60px) + 1rem);z-index:1002}.pr-notification--success{background:linear-gradient(135deg,#10b981f2,#059669e6);border:1px solid #10b9814d;color:#fff}.pr-notification--error{background:linear-gradient(135deg,#ef4444f2,#dc2626e6);border:1px solid #ef44444d;color:#fff}.pr-notification-content{align-items:center;display:flex;flex:1 1;gap:.75rem}.pr-notification-icon{flex-shrink:0}.pr-notification-message{font-size:.875rem;font-weight:500}.pr-notification-close{background:none;border:none;border-radius:4px;color:currentColor;cursor:pointer;flex-shrink:0;opacity:.8;padding:.25rem;transition:all .2s ease}.pr-notification-close:hover{background:#fff3;opacity:1}.pr-empty-state{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:linear-gradient(135deg,#eef5ff4d,#ffffff1a);border-radius:14px;border-radius:var(--pr-radius);color:#64748b;color:var(--pr-muted);padding:4rem 2rem;text-align:center}body.dark-mode .pr-empty-state{background:linear-gradient(135deg,#1a1a1a,#121212);border:1px solid #ffffff1a}.pr-empty-icon{color:#34c759;color:var(--pr-accent);filter:drop-shadow(0 2px 4px rgba(52,199,89,.2));margin-bottom:1.5rem;opacity:.4}.pr-empty-state h3{color:#0f172a;color:var(--pr-text);font-size:1.25rem;font-weight:600;margin:0 0 .5rem}.pr-empty-state p{color:#64748b;color:var(--pr-muted);font-size:1rem;margin:0 0 2rem}.pr-empty-btn{align-items:center;background:linear-gradient(135deg,#34c759,#2f855a);background:linear-gradient(135deg,var(--pr-accent),var(--pr-accent-2));border:1px solid #34c7594d;border-radius:12px;box-shadow:0 4px 12px #34c75933;color:#fff;cursor:pointer;display:inline-flex;font-weight:600;gap:.5rem;padding:.75rem 1.5rem;transition:all .3s ease}.pr-empty-btn:hover{background:linear-gradient(135deg,#2f855a,#1e7e34);background:linear-gradient(135deg,var(--pr-accent-2),#1e7e34);box-shadow:0 8px 20px #34c7594d;transform:translateY(-2px)}.pr-modal-overlay{align-items:center;animation:overlayFadeIn .3s ease;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#00000080;bottom:0;display:flex;justify-content:center;left:0;left:var(--sidebar-width,0);position:fixed;right:0;top:60px;top:var(--topbar-height,60px);z-index:1000}.pr-modal{animation:modalSlideIn .3s ease;background:#fff;background:var(--pr-bg);border:1px solid #0f172a14;border:1px solid var(--pr-border);border-radius:14px;border-radius:var(--pr-radius);box-shadow:0 8px 30px #02081414;box-shadow:var(--pr-shadow);max-height:calc(100vh - 60px - 4rem);max-height:calc(100vh - var(--topbar-height, 60px) - 4rem);max-width:600px;overflow-y:auto;width:90%}@keyframes overlayFadeIn{0%{opacity:0}to{opacity:1}}.pr-modal-header{align-items:center;border-bottom:1px solid #0f172a14;border-bottom:1px solid var(--pr-border);display:flex;justify-content:space-between;padding:1.5rem}.pr-modal-header h3{color:#0f172a;color:var(--pr-text);font-size:1.25rem;font-weight:600;margin:0}.pr-modal-close{background:none;border:none;border-radius:4px;color:#64748b;color:var(--pr-muted);cursor:pointer;font-size:1.5rem;padding:.25rem;transition:all .2s ease}.pr-modal-close:hover{background:#34c75914;background:var(--pr-hover);color:#0f172a;color:var(--pr-text)}.pr-modal-content{display:flex;flex-direction:column;gap:1.5rem;padding:1.5rem}.pr-balance-info{display:flex;flex-direction:column;gap:1rem}.pr-balance-type,.pr-transaction-id{color:#64748b;color:var(--pr-muted);font-size:.75rem;margin-left:.5rem}.pr-balance-type{font-weight:500}.pr-revshare-warning{align-items:center;background:#f59e0b1a;border:1px solid #f59e0b33;border-radius:8px;color:#f59e0b;color:var(--pr-warning);display:flex;font-size:.875rem;gap:.5rem;padding:.75rem}.pr-action-btn--cancel{background:#ef44441a;border:1px solid #ef444433;color:#ef4444;color:var(--pr-error)}.pr-action-btn--cancel:hover:not(:disabled){background:#ef444433;transform:translateY(-1px)}.pr-action-btn:disabled{cursor:not-allowed;opacity:.5;transform:none!important}.pr-loading{color:#64748b;color:var(--pr-muted);padding:2rem}.pr-loading,.pr-pagination{align-items:center;display:flex;justify-content:center}.pr-pagination{gap:1rem;margin-top:2rem;padding:1rem}.pr-pagination-btn{background:#fff;background:var(--pr-bg);border:1px solid #0f172a14;border:1px solid var(--pr-border);border-radius:8px;color:#0f172a;color:var(--pr-text);cursor:pointer;padding:.5rem 1rem;transition:all .2s ease}.pr-pagination-btn:hover:not(:disabled){background:#34c75914;background:var(--pr-hover);transform:translateY(-1px)}.pr-pagination-btn:disabled{cursor:not-allowed;opacity:.5}.pr-pagination-info{color:#64748b;color:var(--pr-muted);font-size:.875rem}.pr-balance-card{align-items:center;background:linear-gradient(135deg,#10b981,#059669);background:linear-gradient(135deg,var(--pr-success),#059669);border-radius:12px;box-shadow:0 4px 12px #10b98133;color:#fff;display:flex;gap:1rem;padding:1rem}.pr-balance-amount{font-size:1.25rem;font-weight:700}.pr-balance-label{font-size:.875rem;opacity:.9}.pr-min-withdrawal{background:#f59e0b1a;border:1px solid #f59e0b33;border-radius:8px;color:#64748b;color:var(--pr-muted);font-size:.875rem;padding:.75rem;text-align:center}.pr-form-group{display:flex;flex-direction:column;gap:.5rem}.pr-form-label{font-size:.875rem;font-weight:500}.pr-form-input,.pr-form-label{color:#0f172a;color:var(--pr-text)}.pr-form-input{background:#fff;background:var(--pr-bg);border:2px solid #0f172a14;border:2px solid var(--pr-border);border-radius:8px;font-size:1rem;padding:.75rem;transition:all .3s ease}.pr-form-input:focus{border-color:#34c759;border-color:var(--pr-accent);box-shadow:0 0 0 3px #34c7591a;outline:none}.pr-payment-methods{display:flex;flex-direction:column;gap:.75rem}.pr-payment-method{align-items:center;background:#fff;background:var(--pr-bg);border:2px solid #0f172a14;border:2px solid var(--pr-border);border-radius:12px;cursor:pointer;display:flex;gap:1rem;padding:1rem;transition:all .3s ease}.pr-payment-method:hover{background:#34c75914;background:var(--pr-hover);border-color:#34c7594d}.pr-payment-method.selected{background:#34c7590d;border-color:#34c759;border-color:var(--pr-accent)}.pr-payment-icon{align-items:center;background:#34c7591a;border-radius:50%;display:flex;flex-shrink:0;height:40px;justify-content:center;width:40px}.pr-payment-info{flex:1 1;min-width:0}.pr-payment-label{color:#0f172a;color:var(--pr-text);font-size:.875rem;font-weight:600;margin-bottom:.25rem}.pr-payment-details{color:#64748b;color:var(--pr-muted);font-size:.75rem;word-break:break-all}.pr-payment-check{color:#34c759;color:var(--pr-accent);flex-shrink:0}.pr-no-methods{align-items:center;background:#ef44441a;border:1px solid #ef444433;border-radius:8px;color:#ef4444;color:var(--pr-error);display:flex;font-size:.875rem;gap:.75rem;padding:1rem}.pr-modal-footer{border-top:1px solid #0f172a14;border-top:1px solid var(--pr-border);display:flex;gap:1rem;justify-content:flex-end;padding:1.5rem}.pr-btn{border:none;border-radius:8px;cursor:pointer;font-size:.875rem;font-weight:600;padding:.75rem 1.5rem;transition:all .3s ease}.pr-btn--secondary{background:#fff;background:var(--pr-bg);border:2px solid #0f172a14;border:2px solid var(--pr-border);color:#0f172a;color:var(--pr-text)}.pr-btn--secondary:hover{background:#34c75914;background:var(--pr-hover);border-color:#34c7594d}.pr-btn--primary{background:linear-gradient(135deg,#34c759,#2f855a);background:linear-gradient(135deg,var(--pr-accent),var(--pr-accent-2));border:1px solid #34c7594d;box-shadow:0 4px 12px #34c75933;color:#fff}.pr-btn--primary:hover:not(:disabled){background:linear-gradient(135deg,#2f855a,#1e7e34);background:linear-gradient(135deg,var(--pr-accent-2),#1e7e34);box-shadow:0 8px 20px #34c7594d;transform:translateY(-2px)}.pr-btn--primary:disabled{box-shadow:0 4px 12px #34c7591a;cursor:not-allowed;opacity:.5;transform:none}.pr-details-modal{animation:modalSlideIn .3s ease;background:#fff;background:var(--pr-bg);border:1px solid #0f172a14;border:1px solid var(--pr-border);border-radius:14px;border-radius:var(--pr-radius);box-shadow:0 8px 30px #02081414;box-shadow:var(--pr-shadow);max-height:calc(100vh - 60px - 4rem);max-height:calc(100vh - var(--topbar-height, 60px) - 4rem);max-width:700px;overflow-y:auto;width:90%}.pr-details-header{align-items:center;background:linear-gradient(90deg,#0000,#34c7590d,#0000);border-bottom:1px solid #0f172a14;border-bottom:1px solid var(--pr-border);display:flex;justify-content:space-between;padding:1.5rem}.pr-details-title{align-items:center;color:#0f172a;color:var(--pr-text);display:flex;font-size:1.25rem;font-weight:600;gap:.75rem}.pr-details-content{display:flex;flex-direction:column;gap:2rem;padding:1.5rem}.pr-details-section{display:flex;flex-direction:column;gap:1rem}.pr-details-section-title{border-bottom:1px solid #0f172a14;border-bottom:1px solid var(--pr-border);color:#0f172a;color:var(--pr-text);font-size:1rem;font-weight:600;margin:0;padding-bottom:.5rem}.pr-details-status{font-weight:600;gap:.75rem}.pr-details-amount,.pr-details-status{align-items:center;border-radius:12px;display:flex;padding:1rem}.pr-details-amount{background:linear-gradient(135deg,#10b981,#059669);background:linear-gradient(135deg,var(--pr-success),#059669);box-shadow:0 4px 12px #10b98133;color:#fff;gap:1rem}.pr-amount-info{align-items:baseline;display:flex;gap:.5rem}.pr-details-payment-method{align-items:center;background:linear-gradient(135deg,#fffc,#eef5ff99);border:1px solid #0f172a14;border:1px solid var(--pr-border);border-radius:12px;display:flex;gap:1rem;padding:1rem}body.dark-mode .pr-details-payment-method{background:linear-gradient(135deg,#1a1a1a,#121212);border:1px solid #ffffff1a}.pr-payment-method-icon{align-items:center;background:linear-gradient(135deg,#34c759,#2f855a);background:linear-gradient(135deg,var(--pr-accent),var(--pr-accent-2));border-radius:50%;color:#fff;display:flex;flex-shrink:0;height:50px;justify-content:center;width:50px}.pr-payment-method-info{flex:1 1;min-width:0}.pr-payment-method-name{color:#0f172a;color:var(--pr-text);font-size:1rem;font-weight:600;margin-bottom:.25rem}.pr-payment-method-details{color:#64748b;color:var(--pr-muted);font-size:.875rem;word-break:break-all}.pr-details-timeline{display:flex;flex-direction:column;gap:1rem;position:relative}.pr-details-timeline:before{background:#0f172a14;background:var(--pr-border);bottom:0;content:"";left:20px;position:absolute;top:40px;width:2px}.pr-timeline-item{align-items:flex-start;display:flex;gap:1rem;position:relative}.pr-timeline-icon{align-items:center;border:2px solid #fff;border:2px solid var(--pr-bg);border-radius:50%;display:flex;flex-shrink:0;height:40px;justify-content:center;width:40px;z-index:1}.pr-timeline-icon--created{background:linear-gradient(135deg,#3b82f6,#2563eb);background:linear-gradient(135deg,var(--pr-info),#2563eb);color:#fff}.pr-timeline-icon--pending{background:linear-gradient(135deg,#f59e0b,#d97706);background:linear-gradient(135deg,var(--pr-warning),#d97706);color:#fff}.pr-timeline-icon--approved{background:linear-gradient(135deg,#10b981,#059669);background:linear-gradient(135deg,var(--pr-success),#059669);color:#fff}.pr-timeline-icon--rejected{background:linear-gradient(135deg,#ef4444,#dc2626);background:linear-gradient(135deg,var(--pr-error),#dc2626);color:#fff}.pr-timeline-content{flex:1 1;padding-top:.5rem}.pr-timeline-title{color:#0f172a;color:var(--pr-text);font-size:.875rem;font-weight:600;margin-bottom:.25rem}.pr-timeline-date{color:#64748b;color:var(--pr-muted);font-size:.75rem}.pr-details-note{align-items:center;background:#3b82f61a;border:1px solid #3b82f633;border-radius:8px;color:#3b82f6;color:var(--pr-info);display:flex;font-size:.875rem;gap:.75rem;padding:1rem}.pr-details-info-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.pr-info-item{align-items:center;background:linear-gradient(135deg,#fff9,#eef5ff66);border:1px solid #0f172a14;border:1px solid var(--pr-border);border-radius:8px;display:flex;justify-content:space-between;padding:.75rem}body.dark-mode .pr-info-item{background:linear-gradient(135deg,#1a1a1a,#121212);border:1px solid #ffffff1a}.pr-info-label{color:#64748b;color:var(--pr-muted);font-size:.875rem;font-weight:500}.pr-info-value{color:#0f172a;color:var(--pr-text);font-size:.875rem;font-weight:600}.pr-details-footer{border-top:1px solid #0f172a14;border-top:1px solid var(--pr-border);display:flex;justify-content:flex-end;padding:1.5rem}@media (min-width:1440px){.pr-container{max-width:1400px;padding:3.5rem}.pr-filters-grid,.pr-stats-grid{grid-template-columns:repeat(4,1fr)}}@media (max-width:1024px){.pr-wrapper{padding:calc(60px + 1.5rem) 1.5rem 1.5rem;padding:calc(var(--topbar-height, 60px) + 1.5rem) 1.5rem 1.5rem}.pr-container{padding:2.5rem}.pr-filters-grid,.pr-stats-grid{grid-template-columns:repeat(2,1fr)}.pr-title{font-size:1.75rem}}@media (max-width:768px){.pr-wrapper{padding:calc(60px + .5rem) .5rem .5rem;padding:calc(var(--topbar-height, 60px) + .5rem) .5rem .5rem}.pr-container{gap:1rem;padding:1rem}.pr-header{align-items:flex-start;flex-direction:column;gap:.75rem;margin:-.5rem -.5rem 0;padding:1rem}.pr-title{font-size:1.5rem}.pr-subtitle{font-size:.8rem}.pr-stats-grid{gap:.75rem;grid-template-columns:repeat(2,1fr)}.pr-stat-card{gap:.5rem;padding:.75rem}.pr-stat-icon{height:35px;width:35px}.pr-stat-value{font-size:1.1rem}.pr-stat-label{font-size:.75rem}.pr-filters{padding:.75rem}.pr-filters-grid{gap:.75rem;grid-template-columns:1fr}.pr-filter-select,.pr-search-input{font-size:.875rem;padding:.5rem}.pr-item{padding:.75rem}.pr-item-header{gap:.5rem;margin-bottom:.75rem}.pr-item-header,.pr-item-main{align-items:flex-start;flex-direction:column}.pr-item-main{gap:.75rem}.pr-item-method{gap:.5rem}.pr-method-icon{height:30px;width:30px}.pr-method-type{font-size:.8rem}.pr-method-info{font-size:.7rem}.pr-amount-value{font-size:1.1rem}.pr-item-dates{gap:.25rem}.pr-date-item{font-size:.7rem}.pr-add-btn{font-size:.8rem;padding:.5rem 1rem}.pr-action-btn{height:30px;width:30px}.pr-modal{margin:.5rem;max-height:calc(100vh - 60px - 1rem);max-height:calc(100vh - var(--topbar-height, 60px) - 1rem);width:95%}.pr-modal-overlay{align-items:flex-start;padding:1rem .5rem .5rem}.pr-modal-content,.pr-modal-footer,.pr-modal-header{padding:.75rem}.pr-modal-footer{flex-direction:column;gap:.5rem}.pr-btn{font-size:.8rem;padding:.5rem;width:100%}.pr-details-modal{margin:.5rem;max-height:calc(100vh - 60px - 1rem);max-height:calc(100vh - var(--topbar-height, 60px) - 1rem);width:95%}.pr-details-content,.pr-details-header{padding:.75rem}.pr-details-info-grid{gap:.5rem;grid-template-columns:1fr}.pr-info-item{padding:.5rem}.pr-info-label{font-size:.7rem}.pr-info-value{font-size:.8rem}.pr-details-payment-method{padding:.75rem}.pr-notification{font-size:.8rem;left:.5rem;min-width:auto;padding:.5rem .75rem;right:.5rem}.pr-empty-state{padding:1.5rem 1rem}.pr-empty-icon{height:60px;width:60px}.pr-empty-title{font-size:1.1rem}.pr-empty-btn,.pr-empty-text{font-size:.8rem}.pr-empty-btn{padding:.5rem 1rem}}@media (max-width:480px){.pr-wrapper{padding:calc(60px + .25rem) .25rem .25rem;padding:calc(var(--topbar-height, 60px) + .25rem) .25rem .25rem}.pr-container{gap:.75rem;padding:.75rem}.pr-header{margin:-.375rem -.375rem 0;padding:.75rem}.pr-title{font-size:1.25rem}.pr-subtitle{font-size:.75rem}.pr-stats-grid{gap:.5rem;grid-template-columns:1fr}.pr-stat-card{gap:.5rem;padding:.5rem}.pr-stat-icon{height:30px;width:30px}.pr-stat-value{font-size:1rem}.pr-stat-label{font-size:.7rem}.pr-filters,.pr-item{padding:.5rem}.pr-item-header{margin-bottom:.5rem}.pr-amount-value{font-size:1rem}.pr-method-icon{height:25px;width:25px}.pr-add-btn{font-size:.75rem;padding:.4rem .75rem}.pr-action-btn{height:28px;width:28px}.pr-notification{font-size:.75rem;padding:.4rem .6rem}.pr-details-modal,.pr-modal{margin:.25rem;max-height:calc(100vh - 60px - .5rem);max-height:calc(100vh - var(--topbar-height, 60px) - .5rem);width:98%}.pr-modal-overlay{padding:.5rem .25rem .25rem}.pr-details-content,.pr-details-header,.pr-modal-content,.pr-modal-footer,.pr-modal-header{padding:.5rem}.pr-form-group{margin-bottom:.75rem}.pr-form-input,.pr-form-select{font-size:.8rem;padding:.4rem}.pr-btn{font-size:.75rem}.pr-btn,.pr-info-item{padding:.4rem}.pr-info-label{font-size:.65rem}.pr-info-value{font-size:.75rem}.pr-details-modal,.pr-modal{margin:.5rem;max-height:calc(100vh - 60px - 1rem);max-height:calc(100vh - var(--topbar-height, 60px) - 1rem);width:98%}.pr-details-content,.pr-details-header,.pr-modal-content,.pr-modal-footer,.pr-modal-header{padding:1rem}.pr-form-group{margin-bottom:1rem}.pr-form-input,.pr-form-select{font-size:.875rem;padding:.625rem}}@media (max-width:768px) and (orientation:landscape){.pr-wrapper{padding:calc(60px + .25rem) .5rem .25rem;padding:calc(var(--topbar-height, 60px) + .25rem) .5rem .25rem}.pr-container{padding:.75rem}.pr-modal-overlay{padding:.5rem .25rem .25rem}.pr-details-modal,.pr-modal{max-height:calc(100vh - 60px - .5rem);max-height:calc(100vh - var(--topbar-height, 60px) - .5rem)}.pr-stats-grid{gap:.5rem;grid-template-columns:repeat(4,1fr)}.pr-stat-card{padding:.5rem}.pr-stat-value{font-size:.9rem}.pr-stat-label{font-size:.65rem}}@media (hover:none) and (pointer:coarse){.pr-action-btn{min-height:44px;min-width:44px}.pr-add-btn,.pr-btn{min-height:44px;padding:.75rem 1.5rem}.pr-close-btn{min-height:44px;min-width:44px}.pr-form-input,.pr-form-select{min-height:44px;padding:.75rem}.pr-filter-select,.pr-search-input{min-height:44px}}@media (max-width:768px){.pr-container,.pr-details-modal,.pr-modal{will-change:transform}.pr-action-btn:hover,.pr-add-btn:hover,.pr-btn:hover,.pr-item:hover,.pr-stat-card:hover{transform:none}.pr-action-btn,.pr-add-btn,.pr-btn,.pr-item,.pr-stat-card{transition:box-shadow .2s ease,border-color .2s ease}}.referral-container{animation:slideUp .5s ease;border-radius:1rem;box-shadow:0 4px 8px #0000001a;margin:calc(var(--topbar-height) + 20px) auto 0;max-width:1200px;padding:2rem}body.dark-mode .referral-container{box-shadow:0 4px 8px #ffffff1a}body.dark-mode .referral-container :not(button):not(input):not(select){background-color:initial!important}body.dark-mode .referral-container input,body.dark-mode .referral-container select,body.dark-mode .referral-container textarea{background-color:#555!important;border-color:#2f855a!important;color:#fff!important}body.dark-mode .referral-container button{background-color:#2f855a!important;color:#fff!important}body.dark-mode .referral-container button:hover{background-color:#276749!important}.referral-title{animation:fadeIn .5s ease;font-size:1.75rem;margin-bottom:1.5rem;text-align:left}.referral-subtitle{animation:fadeIn .5s ease .2s;font-size:1.25rem;margin-bottom:1rem;text-align:left}.referral-loading{animation:fadeIn .5s ease;padding:2rem}.referral-filters{align-items:center;animation:slideInLeft .5s ease .3s;background:#f7fafc;border-radius:.5rem;display:flex;flex-wrap:wrap;gap:12px;margin-bottom:24px;padding:1rem}body.dark-mode .referral-filters{background:#374151}.referral-date-range{align-items:center;color:#4caf50;display:flex;gap:8px}body.dark-mode .referral-date-range{color:#2f855a}.referral-date-range input{background-color:#fff;border:2px solid #4caf50;border-radius:.5rem;color:#333;padding:.75rem;transition:all .3s ease}body.dark-mode .referral-date-range input{background-color:#555;border-color:#2f855a;color:#fff}.referral-date-range input:focus{border-color:#2f855a;box-shadow:0 0 0 3px #4caf501a;outline:none}body.dark-mode .referral-date-range input:focus{box-shadow:0 0 0 3px #2f855a33}.referral-filter-select{background-color:#fff;border:2px solid #4caf50;border-radius:.5rem;color:#333;min-width:150px;padding:.75rem;transition:all .3s ease}body.dark-mode .referral-filter-select{background-color:#555;border-color:#2f855a;color:#fff}.referral-filter-select:focus{border-color:#2f855a;box-shadow:0 0 0 3px #4caf501a;outline:none}body.dark-mode .referral-filter-select:focus{box-shadow:0 0 0 3px #2f855a33}.referral-refresh-btn{border-radius:.5rem;font-size:1rem;padding:.75rem 1.5rem;transition:all .3s ease}.referral-table-controls{animation:slideInLeft .5s ease .4s;margin-bottom:1rem}.referral-limit-select{border-radius:.5rem;padding:.75rem}.referral-limit-select:focus{box-shadow:0 0 0 3px #4caf501a}body.dark-mode .referral-limit-select:focus{box-shadow:0 0 0 3px #2f855a33}.referral-export-btn{background-color:#4caf50;border:none;border-radius:.5rem;color:#fff;cursor:pointer;font-size:1rem;margin-left:.5rem;padding:.75rem 1.5rem;transition:all .3s ease}body.dark-mode .referral-export-btn{background-color:#2f855a}.referral-export-btn:hover{animation:pulse .3s ease;background-color:#45a049;transform:translateY(-2px)}body.dark-mode .referral-export-btn:hover{background-color:#276749}.referral-search{gap:8px}.referral-search input{border-radius:.5rem;padding:.75rem;width:200px}.referral-search input:focus{box-shadow:0 0 0 3px #4caf501a}body.dark-mode .referral-search input:focus{box-shadow:0 0 0 3px #2f855a33}.referral-table-container{animation:fadeIn .5s ease .5s;border-radius:.5rem;box-shadow:0 2px 4px #0000000d;margin-bottom:20px}.referral-table td,.referral-table th{font-size:14px;padding:12px}.referral-table tr{transition:all .2s ease}.referral-table tr:hover{background-color:#e9ecef;transform:translateY(-1px)}body.dark-mode .referral-table tr:hover{background-color:#4b5563}.referral-table tfoot td{background-color:#f1f5f9;font-weight:700}body.dark-mode .referral-table tfoot td{background-color:#2d3748}.referral-pagination{animation:fadeIn .5s ease .6s;color:#333;margin-top:1rem;padding:1rem 0}body.dark-mode .referral-pagination{color:#fff}.referral-pagination-btn{border-radius:.5rem;box-shadow:0 2px 4px #2f855a33;font-size:1rem;font-weight:500;min-width:100px;transition:all .3s ease}body.dark-mode .referral-pagination-btn{box-shadow:0 2px 4px #2f855a4d}.referral-pagination-btn:hover:not(:disabled){box-shadow:0 4px 8px #2f855a4d}body.dark-mode .referral-pagination-btn:hover:not(:disabled){box-shadow:0 4px 8px #2f855a66}.referral-pagination-btn:disabled{transform:none}.referral-page-numbers{margin:0 1rem}.referral-page-number{border-radius:.5rem;font-weight:500;height:40px;transition:all .3s ease;width:40px}.referral-page-number:hover{transform:translateY(-1px)}.referral-page-number.active{box-shadow:0 2px 4px #2f855a4d}.referral-date-range input:hover,.referral-filter-select:hover,.referral-limit-select:hover,.referral-search input:hover{border-color:#2f855a;transform:translateY(-1px)}body.dark-mode .referral-date-range input:hover,body.dark-mode .referral-filter-select:hover,body.dark-mode .referral-limit-select:hover,body.dark-mode .referral-search input:hover{border-color:#22543d}.referral-loading:after{animation:spin 1s ease-in-out infinite;height:20px;margin-left:10px;width:20px}@media screen and (max-width:768px){.referral-container{padding:1rem}.referral-filters{flex-direction:column;gap:8px;padding:.75rem}.referral-date-range{flex-wrap:wrap;width:100%}.referral-date-range input{flex:1 1;min-width:120px}.referral-filter-select,.referral-refresh-btn{width:100%}.referral-table-controls{align-items:stretch;flex-direction:column}.referral-table-container{min-width:100%}.referral-table td,.referral-table th{font-size:12px;padding:8px}.referral-search,.referral-search input{width:100%}.referral-pagination{text-align:center}.referral-pagination,.referral-pagination-controls{flex-direction:column;gap:1rem}.referral-pagination-btn{margin:0 auto;max-width:200px;width:100%}.referral-page-numbers{flex-wrap:wrap;justify-content:center}.referral-page-number{font-size:.9rem;height:35px;width:35px}}@media screen and (max-width:480px){.referral-container,.referral-filters{padding:.5rem}.referral-date-range input,.referral-filter-select{margin-bottom:.5rem;width:100%}.referral-refresh-btn{width:100%}.referral-table-controls{flex-direction:column}.referral-search input{width:100%}.referral-title{font-size:1.5rem}.referral-subtitle{font-size:1.1rem}}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}.referral-container{animation:slideUp .6s cubic-bezier(.34,1.56,.64,1);background-color:#fff!important;border-radius:1.5rem;box-shadow:0 10px 30px #0000001a;color:#333;margin:calc(var(--topbar-height) + 30px) auto 30px;max-width:1280px;overflow:hidden;padding:2.5rem;position:relative;z-index:1}.referral-container:before{background:radial-gradient(circle,#4caf5008 0,#0000 70%);content:"";height:200%;pointer-events:none;position:absolute;right:-50%;top:-50%;width:200%}body.dark-mode .referral-container{background-color:#444!important;box-shadow:0 10px 30px #0000004d;color:#fff}.referral-title{align-items:center;animation:fadeIn .6s ease;color:#4caf50;display:flex;font-size:2rem;font-weight:700;gap:.75rem;margin-bottom:2rem;position:relative}.referral-title:after{animation:float 3s ease-in-out infinite;content:"🔗";font-size:1.5rem;opacity:.2;position:absolute;right:0}body.dark-mode .referral-title{color:#2f855a}.referral-subtitle{animation:fadeIn .6s ease .2s;animation-fill-mode:both;color:#4caf50;font-size:1.5rem;font-weight:600;margin-bottom:1.5rem;padding-left:1rem;position:relative}.referral-subtitle:before{background:linear-gradient(180deg,#4caf50,#2f855a);border-radius:2px;content:"";height:70%;left:0;position:absolute;top:50%;transform:translateY(-50%);width:4px}body.dark-mode .referral-subtitle{color:#2f855a}.referral-info-section{animation:slideInLeft .6s cubic-bezier(.34,1.56,.64,1) .3s;animation-fill-mode:both;background:#f7fafc;border:1px solid #4caf501a;border-radius:1.25rem;margin-bottom:2.5rem;overflow:hidden;padding:2rem;position:relative}.referral-info-section:after{animation:shimmer 3s linear infinite;background:linear-gradient(90deg,#4caf50,#2f855a 50%,#4caf50);background-size:200% 100%;content:"";height:3px;left:0;position:absolute;right:0;top:0}body.dark-mode .referral-info-section{background:#374151}.referral-description{color:#666;font-size:1.05rem;line-height:1.8;margin-bottom:2rem}body.dark-mode .referral-description{color:#d1d5db}.referral-link-container{margin-bottom:2rem}.referral-link-item{background:#fff;border:2px solid #4caf50;border-radius:1rem;box-shadow:0 4px 12px #0000000d;margin-bottom:1rem;overflow:hidden;padding:1.5rem;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1)}.referral-link-item:before{background:linear-gradient(135deg,#4caf500d,#0000);bottom:0;content:"";left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .3s ease}.referral-link-item:hover{box-shadow:0 8px 20px #4caf5026;transform:translateY(-2px)}.referral-link-item:hover:before{opacity:1}body.dark-mode .referral-link-item{background:#555;border-color:#2f855a}body.dark-mode .referral-link-item:hover{box-shadow:0 8px 20px #2f855a33}.referral-link-header{align-items:center;color:#4caf50;display:flex;font-size:1.1rem;font-weight:600;gap:.75rem;margin-bottom:1rem}.referral-link-header:before{content:"🔗";font-size:1.2rem}body.dark-mode .referral-link-header{color:#2f855a}.referral-link-content{align-items:stretch;display:flex;gap:.75rem}.referral-link-input{background-color:#f9f9f9;border:1px solid #ddd;border-radius:.75rem;color:#333;flex:1 1;font-family:Consolas,Monaco,monospace;font-size:.95rem;padding:1rem;transition:all .3s ease}.referral-link-input:focus{background-color:#fff;border-color:#4caf50;box-shadow:0 0 0 4px #4caf501a;outline:none}body.dark-mode .referral-link-input{background-color:#666;border-color:#777;color:#fff}body.dark-mode .referral-link-input:focus{background-color:#777;border-color:#2f855a;box-shadow:0 0 0 4px #2f855a1a}.referral-copy-btn{align-items:center;background-color:#4caf50;border:none;border-radius:.75rem;box-shadow:0 4px 12px #4caf504d;color:#fff;cursor:pointer;display:flex;font-weight:500;justify-content:center;overflow:hidden;padding:1rem 1.5rem;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1)}.referral-copy-btn:before{background:#ffffff4d;border-radius:50%;content:"";height:0;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);transition:width .6s,height .6s;width:0}.referral-copy-btn:hover{background-color:#45a049;box-shadow:0 6px 20px #4caf5066;transform:translateY(-2px)}.referral-copy-btn:hover:before{height:300px;width:300px}.referral-copy-btn:active{transform:translateY(0)}body.dark-mode .referral-copy-btn{background-color:#2f855a}body.dark-mode .referral-copy-btn:hover{background-color:#276749}.referral-note{background:#e8f5e8;border-left:4px solid #4caf50;border-radius:.75rem;overflow:hidden;padding:1.25rem;position:relative}.referral-note:before{content:"💡";font-size:1.5rem;opacity:.5;position:absolute;right:1.25rem;top:1.25rem}body.dark-mode .referral-note{background:#2d4a2d;border-left-color:#2f855a}.referral-note p{color:#2d5016;font-size:.95rem;line-height:1.7;margin:0}body.dark-mode .referral-note p{color:#a7f3a7}.referral-table-controls{align-items:center;animation:slideInLeft .6s cubic-bezier(.34,1.56,.64,1) .4s;animation-fill-mode:both;background:#f7fafc;border-radius:1rem;display:flex;flex-wrap:wrap;gap:1rem;justify-content:space-between;margin-bottom:1.5rem;padding:1.5rem}body.dark-mode .referral-table-controls{background:#374151}.referral-limit-select{appearance:none;background-color:#fff;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%234CAF50' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-position:right 1rem center;background-repeat:no-repeat;background-size:1.5rem;border:2px solid #4caf50;border-radius:.75rem;color:#333;cursor:pointer;font-size:.95rem;font-weight:500;padding:.875rem 3rem .875rem 1.25rem;transition:all .3s ease}.referral-limit-select:hover{border-color:#2f855a;transform:translateY(-1px)}.referral-limit-select:focus{border-color:#2f855a;box-shadow:0 0 0 4px #4caf501a;outline:none}body.dark-mode .referral-limit-select{background-color:#555;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%232f855a' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");border-color:#2f855a;color:#fff}body.dark-mode .referral-limit-select:hover{border-color:#22543d}body.dark-mode .referral-limit-select:focus{box-shadow:0 0 0 4px #2f855a33}.referral-refresh-btn{align-items:center;background-color:#4caf50;border:none;border-radius:.75rem;box-shadow:0 4px 12px #4caf504d;color:#fff;cursor:pointer;display:flex;font-size:.95rem;font-weight:600;gap:.5rem;overflow:hidden;padding:.875rem 2rem;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1)}.referral-refresh-btn:before{content:"🔄";font-size:1.1rem}.referral-refresh-btn:hover{background-color:#45a049;box-shadow:0 6px 20px #4caf5066;transform:translateY(-2px)}body.dark-mode .referral-refresh-btn{background-color:#2f855a}body.dark-mode .referral-refresh-btn:hover{background-color:#276749}.referral-search{align-items:center;color:#333;display:flex;font-weight:500;gap:.75rem}body.dark-mode .referral-search{color:#fff}.referral-search:before{content:"🔍";font-size:1.1rem}.referral-search input{background-color:#fff;border:2px solid #4caf50;border-radius:.75rem;color:#333;font-size:.95rem;font-weight:500;padding:.875rem 1.25rem;transition:all .3s ease;width:250px}.referral-search input::placeholder{color:#999}.referral-search input:hover{border-color:#2f855a;transform:translateY(-1px)}.referral-search input:focus{border-color:#2f855a;box-shadow:0 0 0 4px #4caf501a;outline:none}body.dark-mode .referral-search input{background-color:#555;border-color:#2f855a;color:#fff}body.dark-mode .referral-search input::placeholder{color:#aaa}body.dark-mode .referral-search input:hover{border-color:#22543d}body.dark-mode .referral-search input:focus{box-shadow:0 0 0 4px #2f855a33}.referral-table-container{animation:fadeIn .6s ease .5s;animation-fill-mode:both;background:#f7fafc;border:1px solid #e2e8f0;border-radius:1rem;box-shadow:0 4px 12px #0000000d;margin-bottom:2rem;overflow:hidden;overflow-x:auto}body.dark-mode .referral-table-container{background:#374151;border-color:#4a5568}.referral-table{border-collapse:collapse;min-width:800px;width:100%}.referral-table td,.referral-table th{border:1px solid #ddd;font-size:.95rem;padding:1rem 1.5rem;text-align:center}.referral-table td:nth-child(2){text-align:left}body.dark-mode .referral-table td,body.dark-mode .referral-table th{border:1px solid #4b5563;color:#d1d5db}.referral-table th{background-color:#4caf50;color:#fff;font-size:.875rem;font-weight:600;letter-spacing:.05em;position:sticky;text-transform:uppercase;top:0;z-index:10}body.dark-mode .referral-table th{background-color:#2f855a}.referral-table tbody tr{background-color:#fff;transition:all .2s ease}body.dark-mode .referral-table tbody tr{background-color:initial}.referral-table tbody tr:hover{background-color:#e9ecef;transform:translateY(-1px)}body.dark-mode .referral-table tbody tr:hover{background-color:#4b5563}.referral-username{align-items:center;color:#2d3748;display:flex;font-weight:500;gap:.75rem}body.dark-mode .referral-username{color:#e2e8f0}.referral-avatar{align-items:center;background:linear-gradient(135deg,#4caf50,#2f855a);border-radius:50%;box-shadow:0 2px 8px #4caf504d;color:#fff;display:flex;flex-shrink:0;font-size:1rem;font-weight:600;height:36px;justify-content:center;transition:transform .3s ease;width:36px}.referral-username:hover .referral-avatar{transform:scale(1.1)}body.dark-mode .referral-avatar{box-shadow:0 2px 8px #2f855a66}.referral-avatar.avatar-green{background:linear-gradient(135deg,#4caf50,#2f855a)}.referral-avatar.avatar-blue{background:linear-gradient(135deg,#2196f3,#1976d2)}.referral-avatar.avatar-purple{background:linear-gradient(135deg,#9c27b0,#7b1fa2)}.referral-avatar.avatar-orange{background:linear-gradient(135deg,#ff9800,#f57c00)}.referral-avatar.avatar-teal{background:linear-gradient(135deg,#009688,#00796b)}.referral-avatar.avatar-default{background:linear-gradient(135deg,#757575,#424242)}body.dark-mode .referral-avatar.avatar-green{background:linear-gradient(135deg,#66bb6a,#4caf50)}body.dark-mode .referral-avatar.avatar-blue{background:linear-gradient(135deg,#42a5f5,#2196f3)}body.dark-mode .referral-avatar.avatar-purple{background:linear-gradient(135deg,#ab47bc,#9c27b0)}body.dark-mode .referral-avatar.avatar-orange{background:linear-gradient(135deg,#ffa726,#ff9800)}body.dark-mode .referral-avatar.avatar-teal{background:linear-gradient(135deg,#26a69a,#009688)}.referral-level{align-items:center;display:flex;font-weight:600;gap:.5rem}.referral-level-icon{align-items:center;animation:float 3s ease-in-out infinite;display:inline-flex;font-size:1.5rem;justify-content:center}.referral-level-text{color:#4a5568;font-size:.9rem}body.dark-mode .referral-level-text{color:#cbd5e0}.referral-pagination{align-items:center;animation:fadeIn .6s ease .6s;animation-fill-mode:both;background:#f7fafc;border-radius:1rem;display:flex;justify-content:space-between;margin-top:2rem;padding:1.5rem}body.dark-mode .referral-pagination{background:#374151}.referral-pagination-info{color:#555;font-size:.95rem;font-weight:500}body.dark-mode .referral-pagination-info{color:#d1d5db}.referral-pagination-controls{align-items:center;display:flex;gap:1rem}.referral-pagination-btn{align-items:center;background-color:#2f855a;border:none;border-radius:.75rem;box-shadow:0 4px 12px #2f855a4d;color:#fff;cursor:pointer;display:flex;font-size:.95rem;font-weight:600;gap:.5rem;justify-content:center;min-width:120px;padding:.75rem 1.5rem;transition:all .3s cubic-bezier(.4,0,.2,1)}.referral-pagination-btn:hover:not(:disabled){background-color:#276749;box-shadow:0 6px 20px #2f855a66;transform:translateY(-2px)}.referral-pagination-btn:disabled{background-color:#999;box-shadow:none;cursor:not-allowed;opacity:.5}body.dark-mode .referral-pagination-btn{background-color:#2f855a}body.dark-mode .referral-pagination-btn:hover:not(:disabled){background-color:#276749}body.dark-mode .referral-pagination-btn:disabled{background-color:#666}.referral-page-numbers{align-items:center;display:flex;gap:.5rem}.referral-page-number{align-items:center;background-color:initial;border:2px solid #2f855a;border-radius:.75rem;color:#2f855a;cursor:pointer;display:flex;font-size:.95rem;font-weight:600;height:42px;justify-content:center;transition:all .3s cubic-bezier(.4,0,.2,1);width:42px}.referral-page-number:hover{background-color:#2f855a;color:#fff;transform:translateY(-2px)}.referral-page-number.active{background-color:#2f855a;box-shadow:0 4px 12px #2f855a4d;color:#fff}body.dark-mode .referral-page-number{border-color:#2f855a;color:#2f855a}body.dark-mode .referral-page-number.active,body.dark-mode .referral-page-number:hover{background-color:#2f855a;color:#fff}.referral-loading{color:#666;font-size:1.1rem;font-weight:500;padding:3rem;position:relative;text-align:center}.referral-loading:before{animation:pulse 1.5s ease-in-out infinite;content:"⏳";display:block;font-size:2rem;margin-bottom:1rem}.referral-loading:after{animation:spin 1s cubic-bezier(.68,-.55,.265,1.55) infinite;border:3px solid #4caf50;border-radius:50%;border-top-color:#0000;content:"";display:inline-block;height:24px;margin-left:12px;vertical-align:middle;width:24px}body.dark-mode .referral-loading{color:#aaa}body.dark-mode .referral-loading:after{border-color:#0000 #2f855a #2f855a}@media screen and (max-width:768px){.referral-container{margin:calc(var(--topbar-height) + 15px) 15px 15px;padding:1.5rem}.referral-title{font-size:1.5rem}.referral-title:after{display:none}.referral-subtitle{font-size:1.25rem}.referral-info-section{padding:1.5rem}.referral-link-content{flex-direction:column;gap:.75rem}.referral-link-input{width:100%}.referral-copy-btn{justify-content:center;width:100%}.referral-table-controls{align-items:stretch;flex-direction:column;gap:1rem}.referral-limit-select,.referral-refresh-btn,.referral-search{width:100%}.referral-search input{flex:1 1}.referral-table-container{overflow-x:auto}.referral-table{min-width:600px}.referral-table td,.referral-table th{font-size:.875rem;padding:.75rem 1rem}.referral-pagination{flex-direction:column;gap:1.5rem;text-align:center}.referral-pagination-controls{flex-wrap:wrap;justify-content:center}.referral-pagination-btn{font-size:.875rem;min-width:100px;padding:.625rem 1.25rem}.referral-page-numbers{flex-wrap:wrap;justify-content:center}.referral-page-number{font-size:.875rem;height:36px;width:36px}}@media screen and (max-width:480px){.referral-container{margin:calc(var(--topbar-height) + 10px) 10px 10px;padding:1rem}.referral-title{font-size:1.25rem;gap:.5rem}.referral-title svg{height:20px;width:20px}.referral-subtitle{font-size:1.1rem;padding-left:.75rem}.referral-info-section{padding:1rem}.referral-description{font-size:.95rem}.referral-link-item{padding:1rem}.referral-link-header{font-size:1rem;gap:.5rem}.referral-copy-btn,.referral-link-input{font-size:.875rem;padding:.75rem}.referral-note{padding:1rem}.referral-note p{font-size:.875rem}.referral-note:before{font-size:1.25rem;right:1rem;top:1rem}.referral-table-controls{padding:1rem}.referral-limit-select,.referral-refresh-btn,.referral-search input{font-size:.875rem;padding:.625rem 1rem}.referral-table{min-width:500px}.referral-table td,.referral-table th{font-size:.8125rem;padding:.625rem .75rem}.referral-avatar{font-size:.875rem;height:28px;width:28px}.referral-level-icon{font-size:1.25rem}.referral-level-text{font-size:.8125rem}.referral-pagination{padding:1rem}.referral-pagination-info{font-size:.875rem}.referral-pagination-btn{font-size:.8125rem;min-width:90px;padding:.5rem 1rem}.referral-page-number{font-size:.8125rem;height:32px;width:32px}}.referral-container *{transition-duration:.3s;transition-property:color,background-color,border-color,transform,box-shadow;transition-timing-function:cubic-bezier(.4,0,.2,1)}.referral-table-container::-webkit-scrollbar{height:8px}.referral-table-container::-webkit-scrollbar-track{background:#f1f5f9;border-radius:4px}.referral-table-container::-webkit-scrollbar-thumb{background:#4caf50;border-radius:4px}.referral-table-container::-webkit-scrollbar-thumb:hover{background:#2f855a}body.dark-mode .referral-table-container::-webkit-scrollbar-track{background:#2d3748}body.dark-mode .referral-table-container::-webkit-scrollbar-thumb{background:#2f855a}body.dark-mode .referral-table-container::-webkit-scrollbar-thumb:hover{background:#276749}.referral-copy-btn:focus-visible,.referral-limit-select:focus-visible,.referral-page-number:focus-visible,.referral-pagination-btn:focus-visible,.referral-refresh-btn:focus-visible,.referral-search input:focus-visible{outline:3px solid #4caf50;outline-offset:2px}body.dark-mode .referral-copy-btn:focus-visible,body.dark-mode .referral-limit-select:focus-visible,body.dark-mode .referral-page-number:focus-visible,body.dark-mode .referral-pagination-btn:focus-visible,body.dark-mode .referral-refresh-btn:focus-visible,body.dark-mode .referral-search input:focus-visible{outline-color:#2f855a}@media print{.referral-container{border:1px solid #e2e8f0;box-shadow:none}.referral-copy-btn,.referral-pagination-controls,.referral-refresh-btn{display:none}.referral-table-container{border:1px solid #e2e8f0;box-shadow:none}}.referral-container:after{background:linear-gradient(0deg,#fffc 0,#0000);bottom:0;content:"";height:100px;left:0;pointer-events:none;position:absolute;right:0;z-index:-1}body.dark-mode .referral-container:after{background:linear-gradient(0deg,#444c 0,#0000)}:root{--msg-accent:#34c759;--msg-accent-2:#2f855a;--msg-dark-accent:#4ade80;--msg-dark-accent-2:#22c55e;--msg-bg:#fff;--msg-bg-top:#eef5ff;--msg-text:#0f172a;--msg-muted:#64748b;--msg-border:#0f172a14;--msg-hover:#34c75914;--msg-active:#34c7591f;--msg-shadow:0 8px 30px #02081414;--msg-radius:14px}.msg-wrapper{align-items:flex-start;background:linear-gradient(135deg,#eef5ff,#0000);background:linear-gradient(135deg,var(--msg-bg-top),#0000);bottom:0;display:flex;justify-content:center;left:0;left:var(--sidebar-width,0);overflow-y:auto;padding:calc(60px + 2rem) 2rem 2rem;padding:calc(var(--topbar-height, 60px) + 2rem) 2rem 2rem;position:fixed;right:0;top:0}.msg-container{border:1px solid #0f172a14;border:1px solid var(--msg-border);border-radius:14px;border-radius:var(--msg-radius);margin:0 auto;max-width:1200px;min-height:600px;overflow:visible;transition:all .3s ease;width:100%}.msg-container,body:not(.dark-mode) .msg-container{background:linear-gradient(180deg,#eef5ff,#fffffff2 25%,#fff);background:linear-gradient(180deg,var(--msg-bg-top) 0,#fffffff2 25%,var(--msg-bg) 100%);box-shadow:0 8px 30px #02081414;box-shadow:var(--msg-shadow);color:#0f172a;color:var(--msg-text)}body:not(.dark-mode) .msg-container{border:1px solid #0f172a14;border:1px solid var(--msg-border)}.msg-layout{display:flex;gap:30px;height:600px}.msg-sidebar{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:14px;border-radius:var(--msg-radius);box-shadow:0 2px 8px #34c75914;display:flex;flex-direction:column;padding:2rem;width:280px}.msg-sidebar,body:not(.dark-mode) .msg-sidebar{background:linear-gradient(135deg,#ffffffe6,#eef5ffb3);border:1px solid #0f172a14;border:1px solid var(--msg-border)}.msg-title{display:flex;flex-direction:column;font-size:1.5rem;font-weight:600;gap:.25rem;margin:0 0 1.5rem}.msg-title,body:not(.dark-mode) .msg-title{background:linear-gradient(90deg,#34c759,#2f855a);background:linear-gradient(90deg,var(--msg-accent),var(--msg-accent-2));-webkit-background-clip:text;background-clip:text;color:#0000}.msg-subtitle{font-size:.875rem;font-weight:400;letter-spacing:.05em;text-transform:uppercase}.msg-subtitle,body:not(.dark-mode) .msg-subtitle{color:#64748b;color:var(--msg-muted)}.msg-new-btn{align-items:center;background:linear-gradient(135deg,#34c759,#2f855a);background:linear-gradient(135deg,var(--msg-accent),var(--msg-accent-2));border:1px solid #34c7594d;border-radius:12px;box-shadow:0 4px 12px #34c75933;color:#fff;cursor:pointer;display:flex;font-size:1rem;font-weight:600;gap:.5rem;justify-content:center;margin-bottom:2rem;padding:.875rem;transition:all .3s ease;width:100%}.msg-new-btn:hover{background:linear-gradient(135deg,#2f855a,#1e7e34);background:linear-gradient(135deg,var(--msg-accent-2),#1e7e34);border-color:#34c75980;box-shadow:0 8px 20px #34c7594d;transform:translateY(-2px)}.msg-nav{display:flex;flex-direction:column;gap:.5rem}.msg-nav-item{align-items:center;background:none;border:none;border-radius:12px;cursor:pointer;display:flex;font-size:1rem;font-weight:500;padding:.875rem 1rem;position:relative;text-align:left;transition:all .3s ease}.msg-nav-item,body:not(.dark-mode) .msg-nav-item{color:#64748b;color:var(--msg-muted)}.msg-nav-item:hover{background:linear-gradient(135deg,#34c7591a,#2f855a0d);color:#34c759;color:var(--msg-accent);transform:translateX(4px)}.msg-nav-item.active{background:linear-gradient(135deg,#34c75926,#2f855a1a);border:1px solid #34c75933;color:#34c759;color:var(--msg-accent)}.msg-nav-item.active:before{background:linear-gradient(180deg,#34c759,#2f855a);background:linear-gradient(180deg,var(--msg-accent),var(--msg-accent-2));border-radius:0 2px 2px 0;content:"";height:60%;left:0;position:absolute;top:50%;transform:translateY(-50%);width:3px}.msg-content{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:14px;border-radius:var(--msg-radius);box-shadow:0 2px 8px #34c75914;display:flex;flex:1 1;flex-direction:column;overflow:hidden}.msg-content,body:not(.dark-mode) .msg-content{background:linear-gradient(135deg,#ffffffe6,#eef5ffb3);border:1px solid #0f172a14;border:1px solid var(--msg-border)}.msg-content-header{background:linear-gradient(90deg,#0000,#34c7590d,#0000);border-bottom:2px solid #34c759;border-bottom:2px solid var(--msg-accent);border-radius:14px 14px 0 0;border-radius:var(--msg-radius) var(--msg-radius) 0 0;padding:1.5rem 2rem}body:not(.dark-mode) .msg-content-header{background:linear-gradient(90deg,#0000,#34c7590d,#0000);border-bottom-color:#34c759;border-bottom-color:var(--msg-accent)}.msg-content-title{font-size:1.25rem;font-weight:600;margin:0 0 1rem}.msg-content-title,body:not(.dark-mode) .msg-content-title{background:linear-gradient(90deg,#34c759,#2f855a);background:linear-gradient(90deg,var(--msg-accent),var(--msg-accent-2));-webkit-background-clip:text;background-clip:text;color:#0000}.msg-controls{align-items:center;display:flex;flex-wrap:wrap;gap:1rem}.msg-search{flex:1 1;max-width:300px;position:relative}.msg-search-input{background-color:initial;border:1px solid #4caf504d;border-radius:.25rem;color:#fff;font-size:.875rem;padding:.5rem 2.5rem .5rem 1rem;transition:all .3s ease;width:100%}body:not(.dark-mode) .msg-search-input{color:#333}.msg-search-input:focus{border-color:#4caf50;outline:none}.msg-search-icon{color:#ccc;pointer-events:none;position:absolute;right:.75rem;top:50%;transform:translateY(-50%)}.msg-filter-btn,.msg-filters{align-items:center;display:flex;gap:.5rem}.msg-filter-btn{background-color:#4caf50;border:none;border-radius:.25rem;color:#fff;cursor:pointer;font-size:.875rem;font-weight:500;padding:.5rem 1rem;transition:all .3s ease}.msg-filter-btn:hover{background-color:#2f855a}.msg-filter-select{appearance:none;background-color:initial;background-image:url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20fill=%27%234caf50%27%20xmlns=%27http://www.w3.org/2000/svg%27%20viewBox=%270%200%204%205%27%3E%3Cpath%20d=%27M2%205L0%200h4L2%205z%27/%3E%3C/svg%3E");background-position:right .5rem center;background-repeat:no-repeat;background-size:.5rem;border:1px solid #4caf504d;border-radius:.25rem;color:#fff;cursor:pointer;font-size:.875rem;padding:.5rem 2rem .5rem 1rem}body:not(.dark-mode) .msg-filter-select{color:#333}.msg-filter-select:focus{border-color:#4caf50;outline:none}.msg-filter-select option{background-color:#333;color:#fff}body:not(.dark-mode) .msg-filter-select option{background-color:#fff;color:#333}.msg-actions-dropdown{position:relative}.msg-actions-dropdown-menu{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background-color:#282828f2;border:1px solid #4caf504d;border-radius:.25rem;box-shadow:0 4px 6px #0000004d;left:0;margin-top:4px;position:absolute;right:0;top:100%;z-index:1000}body:not(.dark-mode) .msg-actions-dropdown-menu{background-color:#fffffff2;border-color:#4caf5066;box-shadow:0 4px 6px #0000001a}.msg-actions-dropdown-item{align-items:center;background:none;border:none;color:#fff;cursor:pointer;display:flex;font-size:.875rem;gap:.5rem;padding:.75rem 1rem;text-align:left;transition:all .2s ease;width:100%}body:not(.dark-mode) .msg-actions-dropdown-item{color:#333}.msg-actions-dropdown-item:hover{background-color:#4caf501a;color:#4caf50}.msg-actions-dropdown-item:first-child{border-radius:.25rem .25rem 0 0}.msg-actions-dropdown-item:last-child{border-radius:0 0 .25rem .25rem}.msg-pagination{align-items:center;display:flex;gap:.5rem}.msg-pagination-info{color:#4caf50;font-size:.875rem}body:not(.dark-mode) .msg-pagination-info{color:#4caf50}.msg-pagination-btn{align-items:center;background:none;border:1px solid #4caf504d;border-radius:.25rem;color:#4caf50;cursor:pointer;display:flex;height:32px;justify-content:center;padding:0;transition:all .3s ease;width:32px}.msg-pagination-btn:hover:not(:disabled){background-color:#4caf501a;border-color:#4caf50}.msg-pagination-btn:disabled{cursor:not-allowed;opacity:.5}.msg-list{flex:1 1;overflow-y:auto;padding:1rem}.msg-empty-state{align-items:center;color:#ccc;display:flex;flex-direction:column;height:100%;justify-content:center;min-height:300px;padding:4rem 2rem;text-align:center}body:not(.dark-mode) .msg-empty-state{color:#666}.msg-empty-icon{color:#4caf50;display:block;margin-bottom:1rem;margin-left:auto;margin-right:auto;opacity:.3}.msg-item{background-color:#ffffff05;border:1px solid #4caf5033;border-radius:.5rem;cursor:pointer;margin-bottom:.75rem;padding:1.25rem;transition:all .3s ease}body:not(.dark-mode) .msg-item{background-color:#00000005;border-color:#4caf504d}.msg-item:hover{background-color:#4caf500d;border-color:#4caf50;transform:translateX(4px)}.msg-item-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:.5rem}.msg-item-from{color:#fff;font-weight:600}body:not(.dark-mode) .msg-item-from{color:#333}.msg-item-date{color:#ccc;font-size:.75rem}body:not(.dark-mode) .msg-item-date{color:#666}.msg-item-subject{color:#fff;font-weight:500;margin-bottom:.25rem}body:not(.dark-mode) .msg-item-subject{color:#333}.msg-item-preview{color:#ccc;font-size:.875rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}body:not(.dark-mode) .msg-item-preview{color:#666}.msg-compose{display:flex;flex-direction:column;height:100%;min-height:600px;overflow-y:auto;padding:1.5rem 2rem}.msg-compose-header{align-items:center;border-bottom:1px solid #4caf5033;display:flex;justify-content:space-between;margin-bottom:1rem;padding-bottom:1rem}.msg-compose-header h2{color:#fff;font-size:1.5rem;margin:0}body:not(.dark-mode) .msg-compose-header h2{color:#333}.msg-compose-actions{display:flex;gap:.75rem}.msg-btn{align-items:center;border:none;border-radius:.5rem;cursor:pointer;display:flex;font-size:.875rem;font-weight:500;gap:.5rem;padding:.625rem 1.25rem;transition:all .3s ease}.msg-btn-primary{background-color:#4caf50;color:#fff}.msg-btn-primary:hover{background-color:#2f855a}.msg-btn-secondary{background-color:grey;color:#fff}.msg-btn-secondary:hover{background-color:#696969}.msg-btn-danger{background-color:#dc3545;color:#fff}.msg-btn-danger:hover{background-color:#c82333}.msg-btn-reply{background-color:#2196f3;color:#fff}.msg-btn-reply:hover{background-color:#1976d2}.msg-btn-forward{background-color:#ff9800;color:#fff}.msg-btn-forward:hover{background-color:#f57c00}.msg-btn-delete{background-color:#f44336;color:#fff}.msg-btn-delete:hover{background-color:#d32f2f}.msg-compose-fields{display:flex;flex-direction:column;gap:1rem;margin-bottom:1.5rem}.msg-field{align-items:center;display:flex;gap:1rem}.msg-field label{color:#ccc;font-weight:500;min-width:80px}body:not(.dark-mode) .msg-field label{color:#666}.msg-input{background-color:initial;border:1px solid #4caf504d;border-radius:.25rem;color:#fff;flex:1 1;font-size:1rem;padding:.625rem 1rem;transition:all .3s ease}body:not(.dark-mode) .msg-input{color:#333}.msg-input:focus{border-color:#4caf50;outline:none}.msg-editor{border:1px solid #4caf504d;border-radius:.5rem;display:flex;flex:1 1;flex-direction:column;min-height:400px;overflow:hidden}.msg-editor-toolbar{align-items:center;background-color:#ffffff0d;border-bottom:1px solid #4caf5033;display:flex;flex-wrap:wrap;gap:.5rem;padding:.75rem}body:not(.dark-mode) .msg-editor-toolbar{background-color:#0000000d}.msg-editor-group{align-items:center;display:flex;gap:.25rem}.msg-editor-group.alignment-group{opacity:1;transition:opacity .3s ease}.msg-editor-separator{background-color:#4caf5033;height:24px;width:1px}.msg-editor-btn{align-items:center;background:none;border:1px solid #0000;border-radius:.25rem;color:#ccc;cursor:pointer;display:flex;height:32px;justify-content:center;padding:0;transition:all .3s ease;width:32px}body:not(.dark-mode) .msg-editor-btn{color:#666}.msg-editor-btn:hover{background-color:#4caf501a;border-color:#4caf504d;color:#4caf50}.msg-editor-btn.active,.msg-editor-btn:active{background-color:#4caf5033;border-color:#4caf5080;color:#4caf50;transform:scale(.95)}.msg-editor-btn-color{color:#ccc;font-size:1rem;font-weight:700;-webkit-text-decoration:underline wavy #ffeb3b;text-decoration:underline wavy #ffeb3b}body:not(.dark-mode) .msg-editor-btn-color{color:#666}.msg-editor-select{appearance:none;background-color:initial;background-image:url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20fill=%27%234caf50%27%20xmlns=%27http://www.w3.org/2000/svg%27%20viewBox=%270%200%204%205%27%3E%3Cpath%20d=%27M2%205L0%200h4L2%205z%27/%3E%3C/svg%3E");background-position:right .5rem center;background-repeat:no-repeat;background-size:.4rem;border:1px solid #4caf504d;border-radius:.25rem;color:#fff;cursor:pointer;font-size:.875rem;padding:.375rem 2rem .375rem .75rem}body:not(.dark-mode) .msg-editor-select{color:#333}.msg-editor-select:focus{border-color:#4caf50;outline:none}.msg-editor-select option{background-color:#333;color:#fff}body:not(.dark-mode) .msg-editor-select option{background-color:#fff;color:#333}.msg-editor-content{word-wrap:break-word;background-color:initial;border:none;flex:1 1;font-family:inherit;font-size:1rem;line-height:1.5;max-height:800px;min-height:350px;overflow-wrap:break-word;overflow-x:hidden;overflow-y:auto;padding:1rem;resize:none;scrollbar-color:#4caf5080 #0000;scrollbar-width:thin}.msg-editor-content *{max-width:100%}.msg-editor-content div{display:block;width:100%}.msg-editor-content br{content:"";display:block;margin:4px 0}.msg-editor-content[contenteditable=true]:empty:before{color:#666;content:attr(data-placeholder);font-style:italic;pointer-events:none}body:not(.dark-mode) .msg-editor-content[contenteditable=true]:empty:before{color:#999}.msg-editor-content:focus{outline:none}.msg-editor-content::-webkit-scrollbar{width:8px}.msg-editor-content::-webkit-scrollbar-track{background:#ffffff1a;border-radius:4px}.msg-editor-content::-webkit-scrollbar-thumb{background:#4caf5080;border-radius:4px}.msg-editor-content::-webkit-scrollbar-thumb:hover{background:#4caf50b3}body:not(.dark-mode) .msg-editor-content::-webkit-scrollbar-track{background:#0000001a}body:not(.dark-mode) .msg-editor-content::-webkit-scrollbar-thumb{background:#4caf5099}body:not(.dark-mode) .msg-editor-content::-webkit-scrollbar-thumb:hover{background:#4caf50cc}.msg-editor-content b,.msg-editor-content strong{font-weight:700}.msg-editor-content em,.msg-editor-content i{font-style:italic}.msg-editor-content u{text-decoration:underline}.msg-editor-content ul{list-style-type:disc;margin-left:20px}.msg-editor-content ol{list-style-type:decimal;margin-left:20px}.msg-editor-content li{margin:4px 0}.msg-editor-content a{color:#4caf50;text-decoration:underline}body:not(.dark-mode) .msg-editor-content a{color:#2f855a}.msg-editor-content pre{background-color:#ffffff1a;border-radius:4px;font-family:Courier New,monospace;padding:8px;white-space:pre-wrap}body:not(.dark-mode) .msg-editor-content pre{background-color:#0000001a}.msg-editor-content img{-webkit-user-drag:none;-khtml-user-drag:none;-moz-user-drag:none;-o-user-drag:none;user-drag:none;border:2px solid #4caf504d;border-radius:8px;cursor:default;display:block;height:auto;margin:12px 0;max-height:600px;max-width:100%;object-fit:contain;pointer-events:none;transition:border-color .3s ease;-webkit-user-select:none;user-select:none;width:auto}.msg-editor-content img:hover{border-color:#4caf50}.msg-file-preview{background-color:#ffffff0d;border:1px solid #4caf504d;border-radius:4px;display:inline-block;margin:8px 4px;overflow:hidden;position:relative}body:not(.dark-mode) .msg-file-preview{background-color:#0000000d}.msg-file-preview img{display:block;margin:0;max-height:150px;max-width:150px}.msg-file-preview-info{background-color:#0000004d;color:#ccc;font-size:.75rem;padding:8px}body:not(.dark-mode) .msg-file-preview-info{background-color:#ffffff4d;color:#666}.msg-file-delete{align-items:center;background-color:#f00c;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:12px;font-weight:700;height:20px;justify-content:center;position:absolute;right:4px;top:4px;transition:all .2s ease;width:20px}.msg-file-delete:hover{background-color:red;transform:scale(1.1)}.msg-file-attachment{align-items:center;background-color:#ffffff0d;border:1px solid #4caf504d;border-radius:4px;display:flex;gap:8px;margin:4px 0;max-width:200px;padding:8px}body:not(.dark-mode) .msg-file-attachment{background-color:#0000000d}.msg-file-attachment-icon{color:#4caf50;flex-shrink:0}.msg-file-attachment-info{flex:1 1;min-width:0}.msg-file-attachment-name{color:#fff;font-size:.75rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}body:not(.dark-mode) .msg-file-attachment-name{color:#333}.msg-file-attachment-size{color:#ccc;font-size:.625rem}body:not(.dark-mode) .msg-file-attachment-size{color:#666}.msg-file-attachment-delete{background-color:#f00c;border:none;color:#fff;flex-shrink:0;font-size:10px;font-weight:700;height:16px;width:16px}.msg-file-attachment-delete:hover{background-color:red}.msg-drag-overlay{align-items:center;background-color:#4caf501a;border:2px dashed #4caf50;border-radius:4px;bottom:0;color:#4caf50;display:flex;font-weight:500;justify-content:center;left:0;pointer-events:none;position:absolute;right:0;top:0;z-index:10}.msg-editor-content.drag-over{position:relative}.msg-attachments{background-color:#ffffff08;border:1px solid #4caf5033;border-radius:.5rem;margin-bottom:1rem;padding:1rem}body:not(.dark-mode) .msg-attachments{background-color:#00000008}.msg-attachments h4{color:#4caf50;font-size:.875rem;font-weight:600;letter-spacing:.05em;margin:0 0 .75rem;text-transform:uppercase}.msg-attachments-list{gap:.5rem}.msg-attachments-list,.msg-view{display:flex;flex-direction:column}.msg-view{height:100%;overflow-y:auto;padding:1.5rem 2rem}.msg-view-header{border-bottom:1px solid #4caf5033;justify-content:space-between;margin-bottom:1.5rem;padding-bottom:1rem}.msg-back-btn,.msg-view-header{align-items:center;display:flex}.msg-back-btn{background:none;border:1px solid #4caf504d;border-radius:.25rem;color:#4caf50;cursor:pointer;font-size:.875rem;gap:.5rem;padding:.5rem 1rem;transition:all .3s ease}.msg-back-btn:hover{background-color:#4caf501a;border-color:#4caf50}.msg-view-actions{display:flex;gap:.5rem}.msg-view-content{flex:1 1}.msg-view-meta{margin-bottom:2rem}.msg-view-subject{color:#fff;font-size:1.5rem;font-weight:600;margin:0 0 1rem}body:not(.dark-mode) .msg-view-subject{color:#333}.msg-view-info{display:flex;flex-direction:column;font-size:.875rem;gap:.5rem}.msg-view-date,.msg-view-from{color:#ccc}body:not(.dark-mode) .msg-view-date,body:not(.dark-mode) .msg-view-from{color:#666}.msg-view-date strong,.msg-view-from strong{color:#4caf50;margin-right:.5rem}.msg-view-body{color:#fff;line-height:1.6}body:not(.dark-mode) .msg-view-body{color:#333}.msg-view-body p{margin-bottom:1rem}@media screen and (max-width:1024px){.msg-wrapper{left:220px;padding:calc(60px + 2rem) 2rem 2rem}.msg-container{margin:15px}.msg-sidebar{width:240px}}@media screen and (max-width:768px){.msg-wrapper{left:0;padding:calc(60px + 1rem) 1rem 1rem}.msg-container{border-radius:.5rem;margin:10px}.msg-layout{flex-direction:column;height:auto;min-height:600px}.msg-sidebar{border-bottom:1px solid #4caf5033;border-right:none;padding:1.5rem;width:100%}.msg-content-header{padding:1rem 1.5rem}.msg-controls{align-items:stretch;flex-direction:column;gap:.75rem}.msg-search{max-width:none}.msg-filters{justify-content:space-between}.msg-compose{padding:1.5rem}.msg-compose-header{align-items:flex-start;flex-direction:column;gap:1rem}.msg-compose-actions{justify-content:flex-end;width:100%}.msg-editor-toolbar{-webkit-overflow-scrolling:touch;flex-wrap:nowrap;overflow-x:auto}.msg-view{padding:1rem}.msg-view-header{align-items:flex-start;flex-direction:column;gap:1rem}.msg-view-actions{flex-wrap:wrap;gap:.75rem;justify-content:flex-start;width:100%}.msg-back-btn{justify-content:center;margin-bottom:.5rem;width:100%}.msg-view-subject{font-size:1.25rem}.msg-view-info{flex-direction:column;gap:.25rem}}@media screen and (max-width:480px){.msg-wrapper{padding:calc(60px + .5rem) .5rem .5rem}.msg-container{margin:5px}.msg-sidebar{padding:1rem}.msg-title{font-size:1.25rem}.msg-nav-item,.msg-new-btn{font-size:.875rem;padding:.75rem}.msg-content-header{padding:.75rem 1rem}.msg-content-title{font-size:1.125rem}.msg-compose,.msg-item{padding:1rem}.msg-field{align-items:flex-start;flex-direction:column;gap:.5rem}.msg-field label{min-width:auto}.msg-btn{font-size:.8rem;padding:.5rem 1rem}.msg-editor-btn{height:28px;width:28px}.msg-editor-content{font-size:.875rem;max-height:600px;min-height:280px;padding:.75rem}.msg-view{padding:.75rem}.msg-view-header{gap:.75rem}.msg-view-actions{flex-direction:column;gap:.5rem;width:100%}.msg-btn{font-size:.875rem;padding:.75rem 1rem}.msg-back-btn,.msg-btn{justify-content:center;width:100%}.msg-back-btn{font-size:.8rem;padding:.5rem .75rem}.msg-view-subject{font-size:1.125rem;line-height:1.3}.msg-view-meta{margin-bottom:1.5rem}}@media screen and (max-width:320px){.msg-wrapper{padding:calc(60px + .25rem) .25rem .25rem}.msg-container{margin:2px}.msg-sidebar{padding:.75rem}.msg-title{font-size:1.125rem}.msg-nav-item,.msg-new-btn{font-size:.8rem;padding:.625rem}.msg-btn{font-size:.75rem;padding:.375rem .75rem}}.msg-editor-group.alignment-group{position:relative}.alignment-main-btn{align-items:center;display:flex!important;gap:2px;justify-content:center;min-width:50px}.alignment-main-btn.active{background-color:#ffffff26;color:#fff}body:not(.dark-mode) .alignment-main-btn.active{background-color:#00000026;color:#333}.alignment-dropdown{animation:fadeInDown .2s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:1px solid #fff3;border-radius:.5rem;box-shadow:0 4px 20px #0000004d;left:0;min-width:120px;padding:.5rem;position:absolute;top:100%;z-index:1000}body:not(.dark-mode) .alignment-dropdown{background:#fffffff2;border:1px solid #0000001a;box-shadow:0 4px 20px #0000001a}.alignment-option{align-items:center;background:#0000;border:none;border-radius:.25rem;color:inherit;cursor:pointer;display:flex;font-size:.875rem;gap:.5rem;padding:.5rem;transition:all .2s ease;width:100%}.alignment-option:hover{background-color:#ffffff1a}body:not(.dark-mode) .alignment-option:hover{background-color:#0000000d}body.dark-mode .msg-wrapper{background:linear-gradient(135deg,#1a1a1a,#0000)}body.dark-mode .msg-container{background:linear-gradient(135deg,#1f1f1f,#141414);border:1px solid #ffffff26;box-shadow:0 8px 30px #0000004d;color:#e2e8f0}body.dark-mode .msg-content,body.dark-mode .msg-sidebar{background:linear-gradient(135deg,#2a2a2a,#1f1f1f);border:1px solid #ffffff26;box-shadow:0 2px 8px #4ade801a}body.dark-mode .msg-content-header{background:linear-gradient(90deg,#0000,#4ade801a,#0000);border-bottom-color:#4ade80;border-bottom-color:var(--msg-dark-accent)}body.dark-mode .msg-content-title,body.dark-mode .msg-title{background:linear-gradient(90deg,#4ade80,#22c55e);background:linear-gradient(90deg,var(--msg-dark-accent),var(--msg-dark-accent-2));-webkit-background-clip:text;background-clip:text;color:#0000}body.dark-mode .msg-subtitle{color:#94a3b8}body.dark-mode .msg-new-btn{background:linear-gradient(135deg,#4ade80,#22c55e);background:linear-gradient(135deg,var(--msg-dark-accent),var(--msg-dark-accent-2));border-color:#4ade804d;box-shadow:0 4px 12px #4ade8033}body.dark-mode .msg-new-btn:hover{background:linear-gradient(135deg,#22c55e,#16a34a);background:linear-gradient(135deg,var(--msg-dark-accent-2),#16a34a);border-color:#4ade8080;box-shadow:0 8px 20px #4ade804d}body.dark-mode .msg-nav-item{color:#94a3b8}body.dark-mode .msg-nav-item:hover{background:linear-gradient(135deg,#4ade801a,#22c55e0d);color:#4ade80;color:var(--msg-dark-accent)}body.dark-mode .msg-nav-item.active{background:linear-gradient(135deg,#4ade8026,#22c55e1a);border:1px solid #4ade8033;color:#4ade80;color:var(--msg-dark-accent)}body.dark-mode .msg-nav-item.active:before{background:linear-gradient(180deg,#4ade80,#22c55e);background:linear-gradient(180deg,var(--msg-dark-accent),var(--msg-dark-accent-2))}.alignment-option.active{background-color:#fff3;font-weight:500}body:not(.dark-mode) .alignment-option.active{background-color:#0000001a}.msg-attachments-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:1rem}.msg-attachments-header h4{margin:0}.msg-clear-all-files{align-items:center;background:#dc35451a;border:1px solid #dc35454d;border-radius:.25rem;color:#dc3545;cursor:pointer;display:flex;font-size:.75rem;gap:.25rem;padding:.25rem .5rem;transition:all .2s ease}.msg-clear-all-files:hover{background:#dc354533;border-color:#dc354580}.msg-file-attachment-delete{align-items:center;background:#dc35451a;border:1px solid #dc35454d;border-radius:50%;color:#dc3545;cursor:pointer;display:flex;height:24px;justify-content:center;transition:all .2s ease;width:24px}.msg-file-attachment-delete:hover{background:#dc354533;border-color:#dc354580;transform:scale(1.1)}.msg-editor-content.focused{border-color:#ffffff4d;box-shadow:0 0 0 2px #ffffff1a}body:not(.dark-mode) .msg-editor-content.focused{border-color:#0000004d;box-shadow:0 0 0 2px #0000001a}.msg-editor-content div:not([style*="position: relative"]),.msg-editor-content p{line-height:1.5;margin:.5em 0;min-height:1.5em}.msg-editor-content div:first-child:not([style*="position: relative"]),.msg-editor-content p:first-child{margin-top:0}.msg-editor-content div:last-child:not([style*="position: relative"]),.msg-editor-content p:last-child{margin-bottom:0}.msg-editor-content div:empty:not([style*="position: relative"]):before,.msg-editor-content p:empty:before{color:#0000;content:"\00a0"}.msg-editor-content div:not([style*="position: relative"]),.msg-editor-content p{background-color:initial;color:inherit;position:relative;z-index:1}.msg-editor-content{color:#fff;text-shadow:0 1px 2px #0000001a}body:not(.dark-mode) .msg-editor-content{color:#333;text-shadow:0 1px 2px #ffffff1a}.msg-editor-content[style*=text-align] div:not([style*="position: relative"]),.msg-editor-content[style*=text-align] p{text-align:inherit}.msg-editor-content[style*="text-align: center"] div:not([style*="position: relative"]),.msg-editor-content[style*="text-align: center"] p{margin-left:auto;margin-right:auto;text-align:center}.msg-editor-content div:not([style*="position: relative"])+div[style*="position: relative"],.msg-editor-content p+div[style*="position: relative"]{margin-top:8px!important}.msg-editor-content div[style*="position: relative"]+div:first-of-type:not([style*="position: relative"]),.msg-editor-content div[style*="position: relative"]+p:first-of-type{margin-top:8px!important;min-height:1.5em}.msg-editor-content div[style*="position: relative"]{clear:both;display:block!important;margin:16px 0!important;transition:margin .3s ease}.msg-editor-content img{box-shadow:0 2px 8px #0000001a;display:block!important}body:not(.dark-mode) .msg-editor-content img{box-shadow:0 2px 8px #0000000d}.msg-editor-content div:not([style*="position: relative"])+div[style*="position: relative"],.msg-editor-content div[style*="position: relative"]+div:not([style*="position: relative"]),.msg-editor-content div[style*="position: relative"]+p,.msg-editor-content p+div[style*="position: relative"]{margin-top:20px!important}.withdrawals-container{animation:fadeInUp .6s ease-out;background-color:#f5f7fa;margin:80px auto 0;margin:calc(var(--topbar-height, 60px) + 20px) auto 0;max-width:1400px;min-height:calc(100vh - 100px);min-height:calc(100vh - var(--topbar-height, 60px) - 40px);padding:2rem;position:relative}body.dark-mode .withdrawals-container{background-color:#1a1a1a}@media (max-width:768px){.withdrawals-container{padding:1rem}.customer-filters-grid{grid-template-columns:1fr}.customer-actions-bar{align-items:stretch;flex-direction:column}.customer-actions-left,.customer-actions-right{justify-content:center}.customer-table-wrapper{overflow-x:scroll}.customer-pagination{flex-direction:column;gap:1rem}.customer-pagination-controls{flex-wrap:wrap;justify-content:center}}.deposits-container{animation:fadeInUp .6s ease-out;background-color:#f5f7fa;margin:80px auto 0;margin:calc(var(--topbar-height, 60px) + 20px) auto 0;max-width:1400px;min-height:calc(100vh - 100px);min-height:calc(100vh - var(--topbar-height, 60px) - 40px);padding:2rem;position:relative}body.dark-mode .deposits-container{background-color:#1a1a1a}.customer-total-avg{color:#319795!important}body.dark-mode .customer-total-avg{color:#4fd1c7!important}@media (max-width:768px){.deposits-container{padding:1rem}.customer-filters-grid{grid-template-columns:1fr}.customer-actions-bar{align-items:stretch;flex-direction:column}.customer-actions-left,.customer-actions-right{justify-content:center}.customer-table-wrapper{overflow-x:scroll}.customer-pagination{flex-direction:column;gap:1rem}.customer-pagination-controls{flex-wrap:wrap;justify-content:center}}.customer-revshare{color:#805ad5;font-style:italic;font-weight:600}body.dark-mode .customer-revshare{color:#9f7aea}.postback-container{background-color:#f5f7fa;margin:calc(var(--topbar-height) + 20px) auto 0;max-width:1200px;min-height:calc(100vh - var(--topbar-height) - 40px);padding:2rem}body.dark-mode .postback-container{background-color:#1a1a1a}.postback-header{margin-bottom:3rem;text-align:center}.postback-title{color:#2d3748;font-size:2rem;font-weight:700;margin:0 0 .5rem}body.dark-mode .postback-title{color:#f3f4f6}.warning-section{animation:fadeInUp .6s ease-out;background:#fff3cd;border-left:4px solid #ffc107;border-radius:12px;color:#856404;margin-bottom:2rem;padding:1.5rem}body.dark-mode .warning-section{background:#ffc1071a;border-left-color:#ffc107;color:#ffc107}.warning-content{align-items:flex-start;display:flex;gap:1rem}.warning-icon{color:#ffc107;flex-shrink:0}.warning-text{color:inherit;line-height:1.6;margin:0 0 1rem}.warning-alert{align-items:center;color:#d32f2f;display:flex;font-weight:500;gap:.5rem;margin:0}body.dark-mode .warning-alert{color:#ef5350}.share-link-container{align-items:center;background:#f7fafc;border:2px solid #e2e8f0;border-radius:12px;display:flex;gap:.5rem;padding:.75rem;transition:all .3s ease}body.dark-mode .share-link-container{background:#1a1a1a;border-color:#4a5568}.share-link-container:focus-within{border-color:#4caf50;box-shadow:0 0 0 3px #4caf501a}body.dark-mode .share-link-container:focus-within{box-shadow:0 0 0 3px #4caf5033}.share-link{flex:1 1;font-family:Courier New,monospace;font-size:.9rem;text-decoration:none;word-break:break-all}.share-link,body.dark-mode .share-link{color:#4caf50}.share-link:hover{text-decoration:underline}.copy-button{align-items:center;background:#4caf50;border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;flex-shrink:0;justify-content:center;padding:.5rem;transition:all .2s ease}.copy-button:hover{background:#45a049;box-shadow:0 4px 8px #4caf504d;transform:translateY(-2px)}.integration-section{animation:fadeInUp .6s ease-out;background:#fff;border-radius:16px;box-shadow:0 2px 8px #0000000d;margin-bottom:2rem;padding:2rem;text-align:center;transition:all .3s ease}body.dark-mode .integration-section{background:#2d2d2d;box-shadow:0 2px 8px #0003}.integration-section:hover{box-shadow:0 4px 16px #0000001a}body.dark-mode .integration-section:hover{box-shadow:0 4px 16px #0000004d}.integration-title{color:#2d3748;font-size:1.5rem;font-weight:600;margin:0 0 1rem}body.dark-mode .integration-title{color:#f3f4f6}.integration-button{background:#4caf50;border:none;border-radius:12px;box-shadow:0 2px 4px #4caf5033;color:#fff;cursor:pointer;font-size:1rem;font-weight:500;margin-right:1rem;padding:.875rem 1.75rem;transition:all .3s ease}.integration-button:hover{background:#45a049;box-shadow:0 4px 8px #4caf504d;transform:translateY(-2px)}.integration-link{color:#4caf50;font-size:.95rem;font-weight:500;text-decoration:none;transition:all .2s ease}body.dark-mode .integration-link{color:#4caf50}.integration-link:hover{text-decoration:underline;transform:translateX(4px)}.postback-sections{display:flex;flex-direction:column;gap:1.5rem}.postback-section{animation:fadeInUp .6s ease-out;background:#fff;border-radius:16px;box-shadow:0 2px 8px #0000000d;overflow:hidden;transition:all .3s ease}body.dark-mode .postback-section{background:#2d2d2d;box-shadow:0 2px 8px #0003}.postback-section:hover{box-shadow:0 4px 16px #0000001a}body.dark-mode .postback-section:hover{box-shadow:0 4px 16px #0000004d}.section-header{align-items:center;background:#f7fafc;border-bottom:1px solid #e2e8f0;cursor:pointer;display:flex;justify-content:space-between;padding:1.5rem 2rem;transition:all .2s ease}body.dark-mode .section-header{background:#1a1a1a;border-bottom-color:#4a5568}.section-header:hover{background:#f3f4f6}body.dark-mode .section-header:hover{background:#363636}.section-title{color:#2d3748;font-size:1.5rem;font-weight:600;margin:0}body.dark-mode .section-title{color:#f3f4f6}.expand-button{align-items:center;background:none;border:none;border-radius:8px;color:#718096;cursor:pointer;display:flex;justify-content:center;padding:.5rem;transition:all .2s ease}body.dark-mode .expand-button{color:#a0aec0}.expand-button:hover{background:#4caf501a;color:#4caf50}.section-content{animation:slideDown .3s ease-out;padding:2rem}.section-description{margin-bottom:1.5rem}.section-description p{color:#718096;font-size:.95rem;line-height:1.6;margin:0 0 .75rem}body.dark-mode .section-description p{color:#a0aec0}.section-note{color:#718096;font-style:italic}body.dark-mode .section-note{color:#a0aec0}.parameters-section{margin-bottom:1.5rem}.parameters-title{color:#2d3748;font-size:1.1rem;font-weight:600;margin:0 0 1rem}body.dark-mode .parameters-title{color:#f3f4f6}.parameters-table-wrapper{border:2px solid #e2e8f0;border-radius:12px;overflow-x:auto}body.dark-mode .parameters-table-wrapper{border-color:#4a5568}.parameters-table{border-collapse:collapse;font-size:.95rem;width:100%}.parameters-table thead{background:#f7fafc}body.dark-mode .parameters-table thead{background:#1a1a1a}.parameters-table th{border-bottom:2px solid #e2e8f0;color:#2d3748;font-weight:600;padding:1rem;text-align:left}body.dark-mode .parameters-table th{border-bottom-color:#4a5568;color:#f3f4f6}.parameters-table td{border-bottom:1px solid #e2e8f0;padding:1rem;vertical-align:top}body.dark-mode .parameters-table td{border-bottom-color:#4a5568}.parameters-table tbody tr:last-child td{border-bottom:none}.parameters-table tbody tr:hover{background:#f7fafc}body.dark-mode .parameters-table tbody tr:hover{background:#1a1a1a}.param-name-cell,.param-value-cell{min-width:150px;width:20%}.param-description-cell{color:#718096;line-height:1.6;width:60%}body.dark-mode .param-description-cell{color:#a0aec0}.param-name-wrapper{align-items:center;display:flex;flex-wrap:wrap;gap:.5rem}.param-name,.param-value{background:#f7fafc;border:1px solid #e2e8f0;border-radius:6px;color:#4caf50;font-family:Courier New,monospace;font-size:.9rem;padding:.25rem .5rem}body.dark-mode .param-name,body.dark-mode .param-value{background:#1a1a1a;border-color:#4a5568;color:#4caf50}.required-badge{background:#f44336;color:#fff}.recommended-badge,.required-badge{border-radius:6px;font-size:.75rem;font-weight:600;padding:.25rem .5rem;text-transform:uppercase}.recommended-badge{background:#ffc107;color:#856404}body.dark-mode .recommended-badge{color:#fff}.clickid-note code{background:#f7fafc;border:1px solid #e2e8f0;border-radius:6px;color:#4caf50;font-family:Courier New,monospace;font-size:.85rem;padding:.25rem .5rem}body.dark-mode .clickid-note code{background:#1a1a1a;border-color:#4a5568;color:#4caf50}.url-section{margin-top:1.5rem}.url-container{align-items:center;background:#f7fafc;border:2px solid #e2e8f0;border-radius:12px;display:flex;gap:.5rem;padding:.5rem;transition:all .3s ease}body.dark-mode .url-container{background:#1a1a1a;border-color:#4a5568}.url-container:focus-within{border-color:#4caf50;box-shadow:0 0 0 3px #4caf501a}body.dark-mode .url-container:focus-within{box-shadow:0 0 0 3px #4caf5033}.url-input{background:none;border:none;color:#2d3748;flex:1 1;font-family:Courier New,monospace;font-size:.9rem;outline:none;padding:.5rem}body.dark-mode .url-input{color:#f3f4f6}.footer-info{border-top:1px solid #e2e8f0;margin-top:3rem;padding-top:2rem;text-align:center}body.dark-mode .footer-info{border-top-color:#4a5568}.powered-by{color:#718096;font-size:.875rem;margin:0}body.dark-mode .powered-by{color:#a0aec0}@media (max-width:1024px){.postback-container{padding:1.5rem}}@media (max-width:768px){.postback-container{padding:1rem}.postback-title{font-size:1.5rem}.warning-section{padding:1rem}.warning-content{flex-direction:column;gap:.5rem}.integration-section{padding:1.5rem}.section-header{padding:1.25rem 1.5rem}.section-content{padding:1.5rem}.parameters-table{font-size:.875rem}.parameters-table td,.parameters-table th{padding:.75rem}.param-name-cell,.param-value-cell{min-width:120px}.integration-button{display:block;margin:0 0 .75rem;width:100%}}@media (max-width:480px){.postback-title{font-size:1.25rem}.share-link-container{align-items:stretch;flex-direction:column}.share-link{font-size:.8rem}.copy-button{width:100%}.parameters-table{font-size:.8rem}.parameters-table td,.parameters-table th{padding:.5rem}.param-name,.param-value{font-size:.8rem}.section-title{font-size:1.25rem}.url-container{align-items:stretch;flex-direction:column}.url-input{font-size:.8rem}}.topbar{align-items:center;animation:slideDown .5s cubic-bezier(.4,0,.2,1);background:#fffffffa;border-bottom:1px solid #2dbb5c1a;box-shadow:0 10px 30px #00000014;color:#2d3748;display:flex;height:70px;justify-content:space-between;left:0;padding:12px 24px;position:fixed;right:0;top:0;transition:all .4s cubic-bezier(.4,0,.2,1);user-select:none;-moz-user-select:none;-webkit-user-select:none;-ms-user-select:none;z-index:1000}.topbar,body.dark-mode .topbar{backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px)}body.dark-mode .topbar{background:#121212f2;border-bottom:1px solid #ffffff0d;box-shadow:0 10px 30px #00000080}.topbar-left{flex:1 1;gap:20px;max-width:600px}.topbar-left,.topbar-right{align-items:center;display:flex}.topbar-right{gap:12px}.balance-modern{align-items:center;background:#fff;border:1px solid #0000000f;border-radius:14px;box-shadow:0 2px 8px #0000000a,0 4px 16px #00000014,inset 0 1px 0 #fff;cursor:pointer;display:flex;gap:16px;height:48px;min-width:340px;overflow:hidden;padding:6px;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1)}.balance-modern:hover{border-color:#34c75933;box-shadow:0 4px 12px #0000000f,0 8px 24px #0000001a,inset 0 1px 0 #fff;transform:translateY(-1px)}.balance-modern:after{background:linear-gradient(90deg,#0000,#34c759 20%,#34c759 80%,#0000);bottom:0;content:"";height:2px;left:0;opacity:0;position:absolute;right:0;transition:opacity .3s ease}.balance-modern:hover:after{opacity:1}.balance-modern-header{align-items:center;background:linear-gradient(135deg,#34c759,#2db84f);border-radius:10px;display:flex;gap:10px;min-width:110px;padding:8px 12px}.balance-modern-icon{color:#fff;filter:drop-shadow(0 1px 2px rgba(0,0,0,.1))}.balance-modern-title{color:#fff;font-size:12px;font-weight:700;letter-spacing:.6px;text-transform:uppercase}.balance-modern-stats{align-items:center;display:flex;flex:1 1;gap:20px;opacity:1;transform-origin:left center;transition:all .4s cubic-bezier(.4,0,.2,1)}.balance-loading{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border-radius:8px;display:flex;gap:8px;padding:8px 12px}.balance-loading-spinner{animation:spin 1s linear infinite;border:2px solid #ffffff4d;border-radius:50%;border-top-color:#fff;height:16px;width:16px}.balance-loading-text{color:#fffc;font-size:12px;font-weight:500}.balance-modern.collapsed .balance-modern-stats{gap:0;opacity:0;overflow:hidden;transform:scaleX(0);width:0}.balance-modern.collapsed{gap:8px;min-width:auto;padding-right:6px;width:fit-content}.balance-modern-stat{align-items:center;display:flex;gap:10px;opacity:1;position:relative;transform:translateX(0);transition:all .3s ease}.balance-modern.collapsed .balance-modern-stat{opacity:0;transform:translateX(-20px)}.balance-modern-stat:hover{transform:scale(1.05)}.balance-modern-stat:after{background:#34c759;border-radius:1px;bottom:-6px;content:"";height:2px;left:0;opacity:0;position:absolute;right:0;transition:opacity .2s ease}.balance-modern-stat:hover:after{opacity:1}.balance-stat-icon{align-items:center;border-radius:10px;display:flex;height:32px;justify-content:center;transition:all .3s ease;width:32px}.balance-modern-stat:first-child .balance-stat-icon{background:linear-gradient(135deg,#34c759,#2db84f);box-shadow:0 2px 8px #34c75940}.balance-modern-stat:nth-child(3) .balance-stat-icon{background:linear-gradient(135deg,#22c55e,#16a34a);box-shadow:0 2px 8px #22c55e40}.balance-modern-stat:nth-child(5) .balance-stat-icon{background:linear-gradient(135deg,#10b981,#059669);box-shadow:0 2px 8px #10b98140}.balance-modern-stat:hover .balance-stat-icon{box-shadow:0 4px 12px #34c75959;transform:translateY(-1px)}.balance-stat-icon svg{color:#fff;height:16px;width:16px}.balance-stat-info{display:flex;flex-direction:column;gap:3px}.balance-stat-value{font-feature-settings:"tnum";color:#1a1a1a;font-size:16px;font-variant-numeric:tabular-nums;font-weight:700;line-height:1}.balance-stat-label{color:#6b7280;font-size:10px;font-weight:600;letter-spacing:.4px;text-transform:uppercase}.balance-modern-divider{background:linear-gradient(180deg,#0000,#00000014,#0000);height:24px;transition:opacity .3s ease;width:1px}.balance-modern.collapsed .balance-modern-divider{opacity:0}.balance-modern-currency{align-items:center;background:#f3f4f6;border:1px solid #e5e7eb;border-radius:8px;cursor:pointer;display:flex;gap:4px;margin-left:auto;padding:6px 12px;transition:all .3s ease}.balance-modern-currency:hover{background:linear-gradient(135deg,#34c759,#2db84f);border-color:#0000;box-shadow:0 2px 8px #34c75940;transform:scale(1.05)}.balance-modern-currency span{color:#374151;font-size:12px;font-weight:700;text-transform:uppercase;transition:color .3s ease}.balance-modern-currency svg{color:#374151;transition:all .3s ease}.balance-modern-currency:hover span,.balance-modern-currency:hover svg{color:#fff}.balance-modern.collapsed .balance-modern-currency svg{transform:rotate(-90deg)}body.dark-mode .balance-modern{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#1a1a1a99;border:1px solid #34c75926;box-shadow:0 4px 16px #0000004d,inset 0 1px 0 #ffffff08}body.dark-mode .balance-modern:hover{background:#1a1a1acc;border-color:#34c75940;box-shadow:0 6px 24px #0006,inset 0 1px 0 #ffffff0d}body.dark-mode .balance-modern:after{background:linear-gradient(90deg,#0000,#34c759 20%,#34c759 80%,#0000)}body.dark-mode .balance-modern-header{background:#34c75926;border:1px solid #34c75933}body.dark-mode .balance-modern-icon{color:#34c759;filter:drop-shadow(0 0 4px rgba(52,199,89,.4))}body.dark-mode .balance-modern-title{color:#34c759;font-weight:600}body.dark-mode .balance-stat-icon{background:#34c7591f;border:1px solid #34c75933;box-shadow:none}body.dark-mode .balance-modern-stat:first-child .balance-stat-icon,body.dark-mode .balance-modern-stat:nth-child(3) .balance-stat-icon,body.dark-mode .balance-modern-stat:nth-child(5) .balance-stat-icon{background:#34c7591f}body.dark-mode .balance-modern-stat:hover .balance-stat-icon{background:#34c75933;border-color:#34c7594d;box-shadow:0 4px 12px #34c75933}body.dark-mode .balance-stat-icon svg{color:#34c759}body.dark-mode .balance-stat-value{color:#fff;font-weight:600}body.dark-mode .balance-stat-label{color:#ffffff80}body.dark-mode .balance-modern-divider{background:linear-gradient(180deg,#0000,#34c75926,#0000)}body.dark-mode .balance-modern-currency{background:#34c75914;border:1px solid #34c75926}body.dark-mode .balance-modern-currency:hover{background:#34c75933;border-color:#34c7594d;box-shadow:0 2px 8px #34c75926}body.dark-mode .balance-modern-currency span,body.dark-mode .balance-modern-currency svg{color:#34c759}body.dark-mode .balance-modern-currency:hover span,body.dark-mode .balance-modern-currency:hover svg{color:#fff}.email-icon,.notification-icon{align-items:center;background:#f7fafc;border:1px solid #e2e8f0;border-radius:10px;cursor:pointer;display:flex;height:40px;justify-content:center;padding:10px;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1);width:40px}body .email-icon svg,body .notification-icon svg{color:#64748b;transition:color .1s ease}.email-icon:hover,.notification-icon:hover{background:linear-gradient(135deg,#34c759,#2f855a);border-color:#0000;box-shadow:0 5px 15px #34c7594d;transform:translateY(-2px)}.email-icon:hover svg,.notification-icon:hover svg{color:#fff}.notification-icon:after{animation:pulse-dot 2s infinite;background:#ff3b30;border:2px solid #fff;border-radius:50%;content:"";height:8px;position:absolute;right:8px;top:8px;width:8px}@keyframes pulse-dot{0%,to{opacity:1;transform:scale(1)}50%{opacity:.8;transform:scale(1.2)}}body.dark-mode .email-icon,body.dark-mode .notification-icon{background:linear-gradient(145deg,#1f1f1f,#141414);border:1px solid #ffffff26;box-shadow:0 2px 4px #0003;color:#eef3f8;transition:color .1s ease}body.dark-mode .email-icon:hover,body.dark-mode .notification-icon:hover{background:linear-gradient(135deg,#4ade80,#22c55e);border-color:#0000;transform:translateY(-2px) scale(1.05)}body.dark-mode .email-icon:hover svg,body.dark-mode .notification-icon:hover svg{color:#fff}.menu-icon{color:#64748b;transition:color .2s ease}body.dark-mode .menu-icon{color:#f1f5f9}.user-dropdown{align-items:center;background:#f7fafc;border:1px solid #e2e8f0;border-radius:25px;cursor:pointer;display:flex;gap:10px;padding:5px 14px 5px 5px;transition:all .3s cubic-bezier(.4,0,.2,1);user-select:none;-moz-user-select:none;-webkit-user-select:none;-ms-user-select:none}body.dark-mode .user-dropdown{background:linear-gradient(145deg,#1f1f1f,#141414);border:1px solid #ffffff26;box-shadow:0 2px 4px #0003;color:#fff}.user-dropdown:hover{background:linear-gradient(135deg,#34c759,#2f855a);border-color:#0000;box-shadow:0 6px 20px #34c7594d;transform:translateY(-2px)}.user-dropdown:hover .username{color:#fff}.user-dropdown:hover .dropdown-arrow{border-top-color:#fff}body.dark-mode .user-dropdown:hover{background:linear-gradient(135deg,#0c0,#0f0);border-color:#0000;transform:translateY(-2px) scale(1.05)}.avatar-topbar{border:2px solid #fff;border-radius:50%;box-shadow:0 2px 8px #0000001a;height:34px;object-fit:cover;width:34px}.username{color:#2d3748;font-size:14px;font-weight:600;transition:color .3s ease}body.dark-mode .username{color:#f7fafc}.dropdown-arrow{border-left:4px solid #0000;border-right:4px solid #0000;border-top:5px solid #718096;display:inline-block;height:0;transition:all .3s ease;width:0}.dropdown-arrow.open{transform:rotate(180deg)}body.dark-mode .dropdown-arrow{border-top-color:#cbd5e0}.dropdown-menu{backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:#fffffffa;border:1px solid #2dbb5c1a;border-radius:16px;box-shadow:0 10px 40px #0000001f;opacity:1;overflow:hidden;position:absolute;right:20px;top:70px;transform:translateY(0) scale(1);transition:all .3s cubic-bezier(.4,0,.2,1);width:220px;z-index:1001}.dropdown-menu.closing{opacity:0;transform:translateY(-10px) scale(.95)}body.dark-mode .dropdown-menu{background:linear-gradient(180deg,#1a1a1a,#121212 50%,#0a0a0a);border:1px solid #ffffff1a;box-shadow:0 10px 40px #00000080}.dropdown-menu ul{list-style:none;margin:0;padding:8px}.dropdown-menu li{align-items:center;border-radius:8px;color:#4a5568;cursor:pointer;display:flex;font-size:14px;gap:12px;padding:10px 12px;position:relative;transition:all .2s cubic-bezier(.4,0,.2,1)}.dropdown-menu li:not(:last-child){margin-bottom:2px}.dropdown-menu li:hover{background:linear-gradient(135deg,#2dbb5c,#4ecdc4);color:#fff;transform:translateX(4px)}.dropdown-menu li:hover .menu-icon{color:#fff!important;transform:scale(1.1) rotate(5deg)}body.dark-mode .dropdown-menu li{color:#f9fafb}body.dark-mode .dropdown-menu li:hover{background:linear-gradient(90deg,#00ff0080,#0080004d);border:1px solid #00ff0080;color:#fff;padding:9px 11px}.menu-icon{flex-shrink:0;transition:all .2s ease}@keyframes slideDown{0%{opacity:0;transform:translateY(-100%)}to{opacity:1;transform:translateY(0)}}@media screen and (max-width:1024px){.topbar{height:65px;padding:10px 20px}.balance-modern{gap:16px;height:44px;min-width:280px;padding:7px 14px}.balance-modern-header{min-width:90px;padding-right:14px}.balance-modern-title{font-size:12px}.balance-modern-stats{gap:16px}.balance-stat-icon{height:28px;width:28px}.balance-stat-value{font-size:14px}.balance-stat-label{font-size:9px}}@media screen and (max-width:768px){.topbar{height:60px;padding:8px 12px}.topbar-left{flex:1 1;max-width:none}.balance-modern{gap:12px;height:42px;min-width:auto;padding:6px 12px;width:100%}.balance-modern-header{gap:6px;min-width:auto;padding-right:12px}.balance-modern-icon{height:14px;width:14px}.balance-modern-title{font-size:11px;letter-spacing:.3px}.balance-modern-stats{gap:12px}.balance-modern-stat{gap:6px}.balance-stat-icon{border-radius:6px;height:26px;width:26px}.balance-stat-icon svg{height:12px;width:12px}.balance-stat-value{font-size:13px}.balance-stat-label{font-size:8px;letter-spacing:.2px}.balance-modern-divider{height:18px}.balance-modern-currency{gap:3px;padding:4px 8px}.balance-modern-currency span{font-size:10px}.balance-modern-currency svg{height:10px;width:10px}.topbar-right{gap:8px}.email-icon,.notification-icon{border-radius:8px;height:36px;padding:8px;width:36px}.email-icon svg,.notification-icon svg{height:18px;width:18px}.user-dropdown{border-radius:20px;padding:4px 10px 4px 4px}.avatar-topbar{height:28px;width:28px}.username{font-size:13px}.dropdown-menu{right:10px;top:60px;width:200px}.dropdown-menu li{font-size:13px;padding:8px 10px}}@media screen and (max-width:480px){.topbar{height:55px;padding:6px 8px}.balance-modern{border-radius:10px;gap:8px;height:40px;padding:5px 10px}.balance-modern-header{padding-right:10px}.balance-modern-title{display:none}.balance-modern-stats{gap:10px}.balance-stat-icon{height:24px;width:24px}.balance-stat-value{font-size:12px}.balance-stat-label{display:none}.balance-modern-divider{height:16px}.email-icon,.notification-icon{height:34px;width:34px}.username{display:none}.user-dropdown{border-radius:50%;padding:3px}.dropdown-arrow{display:none}}@media screen and (max-width:360px){.balance-modern.collapsed{min-width:140px}.balance-modern:not(.collapsed){left:8px;position:absolute;right:8px;width:calc(100% - 16px);z-index:10}.balance-modern-stats{gap:8px}.balance-stat-icon{height:22px;width:22px}.balance-stat-value{font-size:11px}.notification-icon:after{border-width:1px;height:6px;right:6px;top:6px;width:6px}}:root{--sb-bg-top:#eef5ff;--sb-bg:#fff;--sb-border:#0f172a14;--sb-text:#0f172a;--sb-muted:#64748b;--sb-accent:#34c759;--sb-accent-2:#2f855a;--sb-dark-accent:#4ade80;--sb-dark-accent-2:#22c55e;--sb-hover:#34c75914;--sb-active:#34c7591f;--sb-shadow:0 8px 30px #02081414;--sb-radius:14px;--sb-width:260px;--sb-width-collapsed:72px;--topbar-h:71px;--sb-search-h:40px;--sb-search-pad-v:10px;--sb-search-icon-left:26px;--sb-search-pad-left:50px}.sidebar{background:linear-gradient(180deg,#eef5ff,#ffffffb3 25%,#fff);background:linear-gradient(180deg,var(--sb-bg-top) 0,#ffffffb3 25%,var(--sb-bg) 100%);border-right:1px solid #0f172a14;border-right:1px solid var(--sb-border);box-shadow:0 8px 30px #02081414;box-shadow:var(--sb-shadow);color:#0f172a;color:var(--sb-text);display:flex;flex-direction:column;height:calc(100vh - 71px);height:calc(100vh - var(--topbar-h));left:0;overflow:hidden;position:fixed;top:71px;top:var(--topbar-h);transition:width .25s ease,transform .25s ease;width:260px;width:var(--sb-width);z-index:900}.sidebar.collapsed{width:72px;width:var(--sb-width-collapsed)}.sidebar-top{grid-column-gap:6px;align-items:center;column-gap:6px;display:grid;grid-template-columns:1fr auto auto;padding:12px 12px 8px}.sidebar-brand{align-items:center;cursor:pointer;display:flex;gap:8px;-webkit-user-select:none;user-select:none}.brand-dot{background:#34c759;background:var(--sb-accent);border-radius:50%;box-shadow:0 0 0 3px #34c7592e;height:8px;width:8px}.brand-text{font-size:16px;font-weight:700;letter-spacing:.2px}.close-mobile-btn,.collapse-btn{appearance:none;background:#fff;border:1px solid #0f172a14;border:1px solid var(--sb-border);border-radius:8px;color:#64748b;color:var(--sb-muted);cursor:pointer;display:grid;height:28px;place-items:center;width:28px}.close-mobile-btn,.sidebar.collapsed .brand-text{display:none}.sidebar.collapsed .brand-dot{margin-left:2px}.sidebar-search{padding:10px 12px;padding:var(--sb-search-pad-v) 12px;position:relative}.sidebar-search input{background:#fff;border:1px solid #0f172a14;border:1px solid var(--sb-border);border-radius:12px;box-sizing:border-box;color:#0f172a;color:var(--sb-text);height:40px;height:var(--sb-search-h);outline:none;padding:0 36px 0 50px;padding:0 36px 0 var(--sb-search-pad-left);transition:border-color .2s ease,box-shadow .2s ease;width:100%}.sidebar-search input::placeholder{color:#64748b;color:var(--sb-muted)}.sidebar-search input:focus{border-color:#34c75980;box-shadow:0 0 0 4px #34c7591f}.sidebar-search-icon{left:26px;left:var(--sb-search-icon-left);pointer-events:none}.clear-btn,.sidebar-search-icon{color:#64748b;color:var(--sb-muted);position:absolute;top:30px;top:calc(var(--sb-search-pad-v) + var(--sb-search-h)/2);transform:translateY(-50%)}.clear-btn{background:#0000;border:none;border-radius:6px;cursor:pointer;display:grid;height:22px;place-items:center;right:20px;width:22px}.sidebar-scroll{flex:1 1;overflow:auto;padding:4px 8px 12px}.sidebar-scroll::-webkit-scrollbar{width:8px}.sidebar-scroll::-webkit-scrollbar-track{background:#34c7591a;border-radius:10px;margin:10px 0}.sidebar-scroll::-webkit-scrollbar-thumb{background:linear-gradient(180deg,#34c759,#2f855a);background:linear-gradient(180deg,var(--sb-accent),var(--sb-accent-2));border-radius:10px}.section-title{color:#64748b;color:var(--sb-muted);font-size:11px;letter-spacing:.6px;padding:12px 8px 6px 12px;text-transform:uppercase}.nav-list{list-style:none;margin:0;padding:0 4px 8px}.nav-item{align-items:center;border:1px solid #0000;border-radius:12px;color:#0f172a;color:var(--sb-text);cursor:pointer;display:flex;gap:10px;margin:4px;padding:10px;transition:background .15s ease,transform .1s ease,border-color .15s ease}.nav-item:hover{background:#34c75914;background:var(--sb-hover);border-color:#34c7592e}.nav-item.active{background:#34c7591f;background:var(--sb-active);border-color:#34c75959}.nav-icon{color:#94a3b8;flex:0 0 18px}.nav-label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sidebar.collapsed .nav-label,.sidebar.collapsed .section-title,.sidebar.collapsed .sidebar-search{display:none}.sidebar.collapsed .nav-item{justify-content:center;margin:6px;padding:10px}.sidebar-mobile-toggle{background:#fff;border:1px solid #0f172a14;border:1px solid var(--sb-border);border-radius:10px;box-shadow:0 8px 30px #02081414;box-shadow:var(--sb-shadow);color:#0f172a;color:var(--sb-text);display:none;height:36px;left:12px;place-items:center;position:fixed;top:81px;top:calc(var(--topbar-h) + 10px);width:36px;z-index:901}.sidebar-mobile-toggle.hidden{display:none!important}.sidebar-overlay{background:#02081459;inset:0;opacity:0;pointer-events:none;position:fixed;transition:opacity .2s ease;z-index:899}.sidebar-overlay.active{opacity:1;pointer-events:auto}@media (max-width:768px){.sidebar{max-width:320px;transform:translateX(-100%);width:82vw}.sidebar.active{transform:translateX(0)}.sidebar.collapsed{width:82vw}.close-mobile-btn{display:grid}.collapse-btn{display:none}.sidebar-mobile-toggle{display:grid}}@media (min-width:769px){.sidebar-mobile-toggle,.sidebar-overlay{display:none}}body.dark-mode .sidebar{background:linear-gradient(180deg,#1a1a1a,#121212 50%,#0a0a0a);border-right:1px solid #ffffff1a;box-shadow:0 8px 30px #0000004d;color:#f9fafb}body.dark-mode .sidebar-search input{background:linear-gradient(145deg,#1f1f1f,#141414);border:1px solid #ffffff26;box-shadow:inset 0 2px 4px #0003;color:#f9fafb;transition:border-color .2s ease,box-shadow .2s ease,background .3s ease}body.dark-mode .sidebar-search input:focus{background:#1f1f1f;border-color:#4ade80;border-color:var(--sb-dark-accent);box-shadow:0 0 0 4px #4ade8033,inset 0 2px 4px #0003}body.dark-mode .sidebar-search-icon{color:#d1d5db}body.dark-mode .nav-icon{color:#d1d5db;transition:color .2s ease,transform .2s ease}body.dark-mode .nav-item{color:#f9fafb;transition:background .2s ease,border-color .2s ease,transform .1s ease}body.dark-mode .nav-item:hover{background:linear-gradient(90deg,#4ade8026,#22c55e1a);border-color:#4ade804d;transform:translateX(4px)}body.dark-mode .nav-item.active{background:linear-gradient(90deg,#4ade8040,#22c55e33);border-color:#4ade8080;font-weight:600}body.dark-mode .nav-item.active .nav-icon{color:#4ade80;color:var(--sb-dark-accent);transform:scale(1.1)}body.dark-mode .nav-label{color:#f9fafb}body.dark-mode .section-title{background:linear-gradient(90deg,#0000,#ffffff0d);border-radius:8px;color:#a3b3c2;padding:12px 8px 6px 12px}body.dark-mode .sidebar-brand .brand-text{background:linear-gradient(90deg,#4ade80,#22c55e);background:linear-gradient(90deg,var(--sb-dark-accent),var(--sb-dark-accent-2));-webkit-background-clip:text;background-clip:text;color:#f9fafb;color:#0000}body.dark-mode .sidebar-search input::placeholder{color:#a3b3c2}body.dark-mode .close-mobile-btn,body.dark-mode .collapse-btn,body.dark-mode .sidebar-mobile-toggle{background:linear-gradient(145deg,#1f1f1f,#141414);border:1px solid #ffffff26;box-shadow:0 2px 4px #0003;color:#d1d5db;transition:background .2s ease,transform .1s ease}body.dark-mode .close-mobile-btn:hover,body.dark-mode .collapse-btn:hover,body.dark-mode .sidebar-mobile-toggle:hover{background:linear-gradient(145deg,#2a2a2a,#1f1f1f);transform:scale(1.05)}body.dark-mode .sidebar-scroll::-webkit-scrollbar-track{background:#4ade8026;border-radius:10px}body.dark-mode .sidebar-scroll::-webkit-scrollbar-thumb{background:linear-gradient(180deg,#4ade80,#22c55e);background:linear-gradient(180deg,var(--sb-dark-accent),var(--sb-dark-accent-2));border-radius:10px}body.dark-mode .brand-dot{background:#4ade80;background:var(--sb-dark-accent);box-shadow:0 0 0 3px #4ade804d}body.dark-mode .sidebar.collapsed .nav-item{background:linear-gradient(90deg,#4ade800d,#0000);border-radius:10px}body.dark-mode .sidebar.collapsed .nav-item:hover{background:linear-gradient(90deg,#4ade8033,#22c55e26);transform:scale(1.1)}body.dark-mode .sidebar.collapsed .nav-item.active{background:linear-gradient(90deg,#4ade804d,#22c55e40)}.clients-requests-container{background-color:#fff;border-radius:1rem;box-shadow:0 4px 8px #0000001a;color:#333;margin:calc(var(--topbar-height) + 20px) auto 0;max-width:1200px;min-height:calc(100vh - var(--topbar-height) - 40px);padding:2rem}body.dark-mode .clients-requests-container{background:linear-gradient(180deg,#1a1a1a,#121212 50%,#0a0a0a);box-shadow:0 8px 30px #0000004d;color:#f9fafb}.clients-requests-title{color:#34c759;font-size:1.75rem;font-weight:600;margin:0 0 1.5rem}body.dark-mode .clients-requests-title{color:#4ade80}.clients-requests-loading{color:#666;font-size:1.1rem;padding:2rem;text-align:center}body.dark-mode .clients-requests-loading{color:#d1d5db}.clients-requests-error-message{background-color:#fee2e2;border-radius:8px;color:#ef4444;font-size:14px;margin-bottom:16px;padding:12px}body.dark-mode .clients-requests-error-message{background-color:#7f1d1d;color:#fecaca}.clients-requests-filters{align-items:center;display:flex;flex-wrap:wrap;gap:12px;margin-bottom:24px}.clients-requests-filter-input,.clients-requests-filter-select{background-color:#fff;border:1px solid #e2e8f0;border-radius:6px;color:#4a5568;font-size:14px;min-width:150px;padding:8px 12px;transition:all .2s ease}body.dark-mode .clients-requests-filter-input,body.dark-mode .clients-requests-filter-select{background:#2d3748;border-color:#4a5568;color:#f3f4f6}.clients-requests-filter-input:focus,.clients-requests-filter-select:focus{border-color:#4ade80;box-shadow:0 0 0 3px #4ade801a;outline:none}.clients-requests-table-container{margin-bottom:20px;overflow-x:auto;overflow-y:visible!important}.clients-requests-table{border-collapse:collapse;min-width:800px;width:100%}.clients-requests-table tbody,.clients-requests-table td,.clients-requests-table tr{overflow:visible!important}.clients-requests-table th{background:#f8f9fa;border-bottom:2px solid #e2e8f0;border-right:1px solid #e2e8f0;color:#4a5568;font-size:13px;font-weight:600;padding:16px 12px;text-align:center;white-space:nowrap}.clients-requests-table th:last-child{border-right:none}body.dark-mode .clients-requests-table th{background:#1a1a1a;border-bottom-color:#4a5568;border-right-color:#4a5568;color:#a0aec0}.clients-requests-table td{border-bottom:1px solid #e2e8f0;border-right:1px solid #e2e8f0;color:#2d3748;font-size:14px;padding:16px 12px;position:relative;text-align:center;vertical-align:middle}.clients-requests-table td:last-child{border-right:none}body.dark-mode .clients-requests-table td{border-bottom-color:#374151;border-right-color:#374151;color:#f3f4f6}.clients-requests-table tbody tr:hover{background:#f8f9fa}body.dark-mode .clients-requests-table tbody tr:hover{background:#374151}.clients-requests-edit-btn,.clients-requests-view-btn{align-items:center;background:none;border:none;border-radius:6px;cursor:pointer;display:inline-flex;justify-content:center;padding:8px;transition:all .2s ease}.clients-requests-edit-btn{color:#3b82f6}.clients-requests-edit-btn:hover:not(:disabled){background-color:#3b82f61a;color:#2563eb}.clients-requests-view-btn{color:#059669}.clients-requests-view-btn:hover{background-color:#0596691a;color:#047857}.clients-requests-edit-btn:disabled{color:#9ca3af;cursor:not-allowed;opacity:.5}body.dark-mode .clients-requests-edit-btn{color:#60a5fa}body.dark-mode .clients-requests-edit-btn:hover:not(:disabled){background-color:#60a5fa1a;color:#3b82f6}body.dark-mode .clients-requests-view-btn{color:#34d399}body.dark-mode .clients-requests-view-btn:hover{background-color:#34d3991a;color:#059669}body.dark-mode .clients-requests-edit-btn:disabled{color:#6b7280}.clients-requests-status-dropdown{display:inline-block;overflow:visible!important;position:relative}.clients-requests-status-button{align-items:center;background:none;border:none;border-radius:6px;color:#3b82f6;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:4px;padding:8px;transition:all .2s ease}.clients-requests-status-button:hover:not(:disabled){background:#3b82f61a;color:#2563eb}.clients-requests-status-button:disabled{color:#9ca3af;cursor:not-allowed;opacity:.5}body.dark-mode .clients-requests-status-button{color:#60a5fa}body.dark-mode .clients-requests-status-button:hover:not(:disabled){background:#60a5fa1a;color:#3b82f6}body.dark-mode .clients-requests-status-button:disabled{color:#6b7280}.clients-requests-status-menu{animation:fadeInDown .2s ease;background:#fff;border:1px solid #e2e8f0;border-radius:8px;box-shadow:0 10px 25px #00000026;min-width:140px;opacity:1;position:absolute;right:0;top:100%;visibility:visible;z-index:9999!important}body.dark-mode .clients-requests-status-menu{background:#2d2d2d;border-color:#4a5568;box-shadow:0 10px 25px #0006}.clients-requests-status-option{align-items:center;background:none;border:none;color:#4a5568;cursor:pointer;display:flex;font-size:13px;gap:8px;padding:10px 14px;text-align:left;transition:background .2s ease;width:100%}.clients-requests-status-option:hover{background:#f7fafc}.clients-requests-status-option:disabled{color:#9ca3af;cursor:not-allowed;opacity:.5}body.dark-mode .clients-requests-status-option{color:#e2e8f0}body.dark-mode .clients-requests-status-option:hover{background:#374151}body.dark-mode .clients-requests-status-option:disabled{color:#6b7280}.clients-requests-status-option:first-child{border-radius:8px 8px 0 0}.clients-requests-status-option:last-child{border-radius:0 0 8px 8px}.clients-requests-pagination{align-items:center;display:flex;gap:10px;justify-content:center;margin-top:20px}.clients-requests-pagination-btn{align-items:center;background:#fff;border:1px solid #e2e8f0;border-radius:6px;color:#4a5568;cursor:pointer;display:inline-flex;font-size:14px;font-weight:500;gap:6px;padding:8px 16px;transition:all .2s ease}.clients-requests-pagination-btn:hover:not(:disabled){background:#f7fafc;border-color:#cbd5e0;transform:translateY(-1px)}.clients-requests-pagination-btn:disabled{cursor:not-allowed;opacity:.5;transform:none}body.dark-mode .clients-requests-pagination-btn{background:#2d3748;border-color:#4a5568;color:#f3f4f6}body.dark-mode .clients-requests-pagination-btn:hover:not(:disabled){background:#374151;border-color:#6b7280}.clients-requests-pagination span{color:#4a5568;font-weight:500}body.dark-mode .clients-requests-pagination span{color:#f3f4f6}.modal-detail-item{align-items:center;background:#f8f9fa;border-radius:8px}.modal-detail-item:hover{background:#e9ecef}body.dark-mode .modal-detail-item{background:#2d3748;color:#f3f4f6}body.dark-mode .modal-detail-item:hover{background:#374151}.detail-icon{background:#34c7591a;border-radius:8px;color:#34c759;height:40px;margin-right:1rem;width:40px}body.dark-mode .detail-icon{background:#4ade8033;color:#4ade80}.detail-content{min-width:0}.detail-label{color:#6b7280;display:block;font-size:.875rem}body.dark-mode .detail-label{color:#9ca3af}.detail-value{color:#1f2937;display:block;font-size:1rem}body.dark-mode .detail-value{color:#f3f4f6}.clients-requests-modal-buttons{border-top:1px solid #e5e7eb;display:flex;gap:.5rem;justify-content:flex-end;padding:1rem 1.5rem}body.dark-mode .clients-requests-modal-buttons{border-top-color:#ffffff1a}.clients-requests-modal-close-btn,.clients-requests-submit-btn{border:none;border-radius:.5rem;cursor:pointer;font-size:1rem;font-weight:500;padding:.75rem 1.5rem;transition:all .3s ease}.clients-requests-submit-btn{background-color:#34c759;color:#fff}.clients-requests-submit-btn:hover{background-color:#2f855a;transform:translateY(-1px)}body.dark-mode .clients-requests-submit-btn{background:linear-gradient(135deg,#4ade80,#34c759)}body.dark-mode .clients-requests-submit-btn:hover{background:linear-gradient(135deg,#34c759,#2f855a)}.clients-requests-modal-close-btn{background-color:#e5e7eb;color:#374151}.clients-requests-modal-close-btn:hover{background-color:#d1d5db}body.dark-mode .clients-requests-modal-close-btn{background:linear-gradient(145deg,#1f1f1f,#141414);color:#f9fafb}body.dark-mode .clients-requests-modal-close-btn:hover{background:#1f1f1f}@media (max-width:768px){.clients-requests-container{margin:calc(var(--topbar-height) + 10px) .5rem 0;padding:1rem}.clients-requests-filters{align-items:stretch;flex-direction:column}.clients-requests-filter-input,.clients-requests-filter-select{min-width:0;min-width:auto;width:100%}.clients-requests-table{min-width:600px}.modal-details-grid{grid-template-columns:1fr;padding:1rem}.clients-requests-pagination{flex-wrap:wrap;gap:8px}}@media (max-width:480px){.clients-requests-container{border-radius:0;padding:.75rem}.clients-requests-title{font-size:1.5rem}.clients-requests-table td,.clients-requests-table th{font-size:12px;padding:8px}}.offers-requests-container{background-color:#fff;border-radius:1rem;box-shadow:0 4px 8px #0000001a;color:#333;margin:calc(var(--topbar-height) + 20px) auto 0;max-width:1200px;padding:2rem}body.dark-mode .offers-requests-container{background:linear-gradient(180deg,#1a1a1a,#121212 50%,#0a0a0a);box-shadow:0 8px 30px #0000004d;color:#f9fafb}.offers-requests-title{color:#34c759;font-size:1.75rem;margin-bottom:1.5rem;text-align:left}body.dark-mode .offers-requests-title{color:#4ade80}.offers-requests-loading{color:#666;font-size:1.1rem;padding:2rem;text-align:center}body.dark-mode .offers-requests-loading{color:#d1d5db}.offers-requests-error-message{background-color:#fee2e2;border-radius:8px;color:#ef4444;font-size:14px;margin-bottom:16px;padding:12px}body.dark-mode .offers-requests-error-message{background-color:#7f1d1d;color:#fecaca}.offers-requests-filters{align-items:center;display:flex;flex-wrap:wrap;gap:12px;margin-bottom:24px}.offers-requests-filter-input,.offers-requests-filter-select{background-color:#fff;border:2px solid #34c759;border-radius:.5rem;color:#333;font-size:1rem;min-width:150px;padding:.75rem;transition:all .3s ease}body.dark-mode .offers-requests-filter-input,body.dark-mode .offers-requests-filter-select{background:linear-gradient(145deg,#1f1f1f,#141414);border:1px solid #ffffff26;box-shadow:inset 0 2px 4px #0003;color:#f9fafb}.offers-requests-filter-input:focus,.offers-requests-filter-select:focus{border-color:#34c759;box-shadow:0 0 0 4px #34c7591f;outline:none}body.dark-mode .offers-requests-filter-input:focus,body.dark-mode .offers-requests-filter-select:focus{background:#1f1f1f;border-color:#4ade80;box-shadow:0 0 0 4px #4ade8033,inset 0 2px 4px #0003}.offers-requests-table-container{margin-bottom:20px;overflow-x:auto}.offers-requests-table{background-color:#f9f9f9;border-collapse:collapse;margin-top:10px;min-width:1000px;width:100%}body.dark-mode .offers-requests-table{background:linear-gradient(180deg,#1a1a1a,#121212 50%,#0a0a0a)}.offers-requests-table td,.offers-requests-table th{border:1px solid #ddd;font-size:14px;padding:12px;text-align:center}body.dark-mode .offers-requests-table td,body.dark-mode .offers-requests-table th{border:1px solid #ffffff1a;color:#f9fafb}.offers-requests-table th{background-color:#34c759;color:#fff;font-weight:600}body.dark-mode .offers-requests-table th{background:linear-gradient(135deg,#4ade80,#34c759)}.table-header-centered{font-weight:600;text-align:center}.table-row{transition:background-color .2s}.icon-cell,.table-cell{text-align:center}.icon-cell{width:80px}.offers-requests-delete-btn,.offers-requests-edit-btn,.offers-requests-view-btn{align-items:center;background:none;border:none;border-radius:.25rem;cursor:pointer;display:inline-flex;justify-content:center;padding:.5rem;transition:all .3s ease}.offers-requests-edit-btn{color:#2196f3}.offers-requests-edit-btn:hover:not(:disabled){background-color:#2196f31a;color:#1976d2}.offers-requests-view-btn{color:#34c759}.offers-requests-view-btn:hover{background-color:#34c7591a;color:#2f855a}.offers-requests-delete-btn{color:#ef4444}.offers-requests-delete-btn:hover{background-color:#ef44441a;color:#dc2626}.offers-requests-edit-btn:disabled{color:#999;cursor:not-allowed;opacity:.5}body.dark-mode .offers-requests-edit-btn{color:#64b5f6}body.dark-mode .offers-requests-edit-btn:hover:not(:disabled){background-color:#64b5f61a;color:#42a5f5}body.dark-mode .offers-requests-view-btn{color:#4ade80}body.dark-mode .offers-requests-view-btn:hover{background-color:#4ade801a;color:#34c759}body.dark-mode .offers-requests-delete-btn{color:#f87171}body.dark-mode .offers-requests-delete-btn:hover{background-color:#f871711a;color:#ef4444}body.dark-mode .offers-requests-edit-btn:disabled{color:#666}.offers-requests-status{border-radius:9999px;display:inline-block;font-size:.75rem;font-weight:600;letter-spacing:.05em;padding:.25rem .75rem;text-transform:uppercase}.offers-requests-status-pending{background-color:#3b82f61a;border:1px solid #3b82f6;color:#3b82f6}.offers-requests-status-approved{background-color:#10b9811a;border:1px solid #10b981;color:#10b981}.offers-requests-status-rejected{background-color:#ef44441a;border:1px solid #ef4444;color:#ef4444}body.dark-mode .offers-requests-status-pending{background-color:#3b82f633;border-color:#60a5fa;color:#60a5fa}body.dark-mode .offers-requests-status-approved{background-color:#10b98133;border-color:#34d399;color:#34d399}body.dark-mode .offers-requests-status-rejected{background-color:#ef444433;border-color:#f87171;color:#f87171}.offers-requests-pagination{align-items:center;display:flex;gap:10px;justify-content:center}.offers-requests-pagination-btn{background-color:#34c759;border:none;border-radius:.5rem;color:#fff;cursor:pointer;font-size:1rem;padding:.75rem 1.5rem;transition:background-color .3s ease,transform .3s ease}body.dark-mode .offers-requests-pagination-btn{background:linear-gradient(135deg,#4ade80,#34c759)}.offers-requests-pagination-btn:hover:not(:disabled){background-color:#2f855a;transform:translateY(-2px)}body.dark-mode .offers-requests-pagination-btn:hover:not(:disabled){background:linear-gradient(135deg,#34c759,#2f855a)}.offers-requests-pagination-btn:disabled{background-color:#999;cursor:not-allowed;opacity:.5;transform:none}body.dark-mode .offers-requests-pagination-btn:disabled{background-color:#666}.offers-requests-pagination span{color:#333;font-weight:500}body.dark-mode .offers-requests-pagination span{color:#f9fafb}.custom-modal-overlay{align-items:center;animation:fadeIn .3s ease;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background-color:#000000bf;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.custom-modal{animation:slideUp .3s ease;background:#fff;border-radius:16px;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;max-height:80vh;max-width:600px;overflow:hidden;position:relative;width:90%}body.dark-mode .custom-modal{background:linear-gradient(180deg,#1a1a1a,#121212 50%,#0a0a0a);box-shadow:0 20px 25px -5px #0000004d,0 10px 10px -5px #0003}.modal-content-wrapper{display:flex;flex-direction:column;height:100%}.modal-header{background:linear-gradient(135deg,#34c759,#2f855a);color:#fff;padding:1.5rem;position:relative}body.dark-mode .modal-header{background:linear-gradient(135deg,#4ade80,#34c759)}.modal-header-icon{align-items:center;background:#fff3;border-radius:12px;display:flex;height:48px;justify-content:center;margin-right:1rem;width:48px}.modal-title{color:#fff;flex:1 1;font-size:1.5rem}.modal-close-icon-btn{align-items:center;background:#fff3;border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;height:36px;justify-content:center;position:absolute;right:1rem;top:1rem;transition:all .3s ease;width:36px}.modal-close-icon-btn:hover{background:#ffffff4d;transform:scale(1.1)}.modal-details-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:1fr 1fr;max-height:calc(80vh - 120px);overflow-y:auto;padding:1.5rem}.modal-detail-item{align-items:flex-start;background:#f7fafc;border-radius:12px;display:flex;padding:1rem;transition:all .3s ease}body.dark-mode .modal-detail-item{background:linear-gradient(145deg,#1f1f1f,#141414)}.modal-detail-item:hover{background:#edf2f7;transform:translateY(-2px)}body.dark-mode .modal-detail-item:hover{background:linear-gradient(90deg,#4ade8026,#22c55e1a)}.modal-detail-item.full-width{grid-column:1/-1}.detail-icon{align-items:center;background:#34c759;border-radius:10px;color:#fff;display:flex;flex-shrink:0;height:36px;justify-content:center;margin-right:.75rem;width:36px}body.dark-mode .detail-icon{background:linear-gradient(135deg,#4ade80,#34c759)}.detail-content{display:flex;flex:1 1;flex-direction:column}.detail-label{color:#718096;font-size:.75rem;font-weight:500;letter-spacing:.05em;margin-bottom:.25rem;text-transform:uppercase}body.dark-mode .detail-label{color:#d1d5db}.detail-value{color:#2d3748;font-size:.875rem;font-weight:600;word-break:break-word}body.dark-mode .detail-value{color:#f9fafb}.offers-requests-modal-buttons{border-top:1px solid #e5e7eb;display:flex;gap:.5rem;justify-content:flex-end;padding:1rem 1.5rem}body.dark-mode .offers-requests-modal-buttons{border-top-color:#ffffff1a}.offers-requests-modal-close-btn,.offers-requests-submit-btn{border:none;border-radius:.5rem;cursor:pointer;font-size:1rem;font-weight:500;padding:.75rem 1.5rem;transition:all .3s ease}.offers-requests-submit-btn{background-color:#34c759;color:#fff}.offers-requests-submit-btn:hover{background-color:#2f855a;transform:translateY(-1px)}body.dark-mode .offers-requests-submit-btn{background:linear-gradient(135deg,#4ade80,#34c759)}body.dark-mode .offers-requests-submit-btn:hover{background:linear-gradient(135deg,#34c759,#2f855a)}.offers-requests-modal-close-btn{background-color:#e5e7eb;color:#374151}.offers-requests-modal-close-btn:hover{background-color:#d1d5db}body.dark-mode .offers-requests-modal-close-btn{background:linear-gradient(145deg,#1f1f1f,#141414);color:#f9fafb}body.dark-mode .offers-requests-modal-close-btn:hover{background:#1f1f1f}.offers-requests-table td:first-child,.offers-requests-table td:nth-child(2),.offers-requests-table td:nth-child(3),.offers-requests-table th:first-child,.offers-requests-table th:nth-child(2),.offers-requests-table th:nth-child(3){min-width:80px;width:80px}.offers-requests-table td:nth-child(4),.offers-requests-table th:nth-child(4){min-width:120px;width:120px}.offers-requests-table td:nth-child(5),.offers-requests-table td:nth-child(6),.offers-requests-table th:nth-child(5),.offers-requests-table th:nth-child(6){min-width:150px;width:150px}.offers-requests-table td:nth-child(7),.offers-requests-table th:nth-child(7){min-width:100px;width:100px}.offers-requests-table td:nth-child(8),.offers-requests-table th:nth-child(8){min-width:120px;width:120px}@media screen and (max-width:768px){.offers-requests-container{padding:8px}.offers-requests-filters{flex-direction:column;gap:8px}.offers-requests-filter-input,.offers-requests-filter-select{min-width:auto;width:100%}.offers-requests-table{font-size:12px}.offers-requests-table td,.offers-requests-table th{padding:8px}.modal-details-grid{grid-template-columns:1fr}.custom-modal{max-height:90vh;width:95%}.offers-requests-modal-buttons{flex-direction:column}.offers-requests-modal-close-btn,.offers-requests-submit-btn{width:100%}}.manage-users-container{background-color:#fff;border-radius:1rem;box-shadow:0 4px 8px #0000001a;color:#333;margin:calc(var(--topbar-height) + 20px) auto 0;max-width:1200px;min-height:calc(100vh - var(--topbar-height) - 40px);padding:2rem}body.dark-mode .manage-users-container{background:linear-gradient(180deg,#1a1a1a,#121212 50%,#0a0a0a);box-shadow:0 8px 30px #0000004d;color:#f9fafb}.page-header{align-items:center;display:flex;flex-wrap:wrap;gap:16px;justify-content:space-between;margin-bottom:30px}.page-title{color:#34c759;font-size:1.75rem;font-weight:600;margin:0 0 1.5rem}body.dark-mode .page-title{color:#4ade80}.action-buttons{display:flex;flex-wrap:wrap;gap:8px}.manage-users-btn{align-items:center;border:1px solid #0000;border-radius:6px;cursor:pointer;display:inline-flex;font-size:14px;font-weight:500;gap:6px;padding:8px 16px;transition:all .2s ease;white-space:nowrap}.manage-users-btn:hover{transform:translateY(-1px)}.manage-users-btn-primary{background:#4caf50;border-color:#4caf50;color:#fff}.manage-users-btn-primary:hover{background:#45a049;border-color:#45a049}.manage-users-btn-secondary{background:#ff9800;border-color:#ff9800;color:#fff}.manage-users-btn-secondary:hover{background:#e68900;border-color:#e68900}.manage-users-btn-success{background:#4caf50;border-color:#4caf50;color:#fff}.manage-users-btn-success:hover{background:#45a049;border-color:#45a049}.manage-users-btn-outline{background:#fff;border-color:#e2e8f0;color:#4a5568}body.dark-mode .manage-users-btn-outline{background:#2d2d2d;border-color:#4a5568;color:#e2e8f0}.manage-users-btn-outline:hover{background:#f7fafc;border-color:#cbd5e0}body.dark-mode .manage-users-btn-outline:hover{background:#374151;border-color:#6b7280}.manage-users-btn-danger{background:#ef4444;border-color:#ef4444;color:#fff}.manage-users-btn-danger:hover{background:#dc2626;border-color:#dc2626;box-shadow:0 4px 12px #ef444440}body.dark-mode .manage-users-btn-danger{background:linear-gradient(135deg,#ef4444,#dc2626)}body.dark-mode .manage-users-btn-danger:hover{background:linear-gradient(135deg,#dc2626,#b91c1c)}.copyable{cursor:pointer;position:relative;transition:background-color .2s ease}.copyable:hover{background-color:#f0f9ff!important}body.dark-mode .copyable:hover{background-color:#1e3a8a!important}.copyable:hover:after{background:#333;border-radius:4px;color:#fff;content:"Click to copy";font-size:12px;left:50%;padding:4px 8px;position:absolute;top:-25px;transform:translateX(-50%);white-space:nowrap;z-index:1000}.registration-link-section{background:#f8f9fa;border-bottom:1px solid #e2e8f0;padding:16px 24px}body.dark-mode .registration-link-section{background:#1a1a1a;border-bottom-color:#4a5568}.registration-link{align-items:center;color:#4a5568;display:flex;font-size:14px;gap:8px}body.dark-mode .registration-link{color:#a0aec0}.manage-users-copy-btn{align-items:center;background:#4caf50;border:none;border-radius:4px;color:#fff;cursor:pointer;display:flex;font-size:12px;gap:4px;padding:4px 8px;transition:background-color .2s ease}.manage-users-copy-btn:hover{background:#45a049}.error-message{color:#ef4444}.error-message,.hint{font-size:12px;margin-top:4px}.hint{color:#6b7280}body.dark-mode .hint{color:#9ca3af}.action-btn.settings{background:#6366f1;color:#fff}.action-btn.settings:hover{background:#5855eb}.filters-container{align-items:center;background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000000d;display:flex;flex-wrap:wrap;gap:16px;justify-content:space-between;margin-bottom:20px;padding:16px}body.dark-mode .filters-container{background:#2d2d2d;box-shadow:0 2px 8px #0003}.export-group,.filter-group{align-items:center;display:flex;gap:12px}.export-group label,.filter-group label{color:#4a5568;font-size:14px;font-weight:500;white-space:nowrap}body.dark-mode .export-group label,body.dark-mode .filter-group label{color:#a0aec0}.filter-group select{background:#fff;border:1px solid #e2e8f0;border-radius:6px;color:#2d3748;font-size:14px;min-width:150px;padding:8px 12px}body.dark-mode .filter-group select{background:#1a1a1a;border-color:#4a5568;color:#f3f4f6}.manage-users-export-btn{background:#e2e8f0;border:1px solid #cbd5e0;border-radius:6px;color:#4a5568;cursor:pointer;font-size:13px;padding:6px 12px;transition:all .2s ease}body.dark-mode .manage-users-export-btn{background:#374151;border-color:#4a5568;color:#e2e8f0}.manage-users-export-btn:hover{background:#cbd5e0;border-color:#a0aec0}body.dark-mode .manage-users-export-btn:hover{background:#4a5568;border-color:#6b7280}.search-group{flex:1 1;max-width:300px}.search-input-wrapper{position:relative;width:100%}.search-icon{color:#9ca3af;left:12px;position:absolute;top:50%;transform:translateY(-50%)}.search-input-wrapper input{background:#fff;border:1px solid #e2e8f0;border-radius:8px;color:#2d3748;font-size:14px;padding:10px 12px 10px 40px;transition:all .2s ease;width:100%}body.dark-mode .search-input-wrapper input{background:#1a1a1a;border-color:#4a5568;color:#f3f4f6}.search-input-wrapper input:focus{border-color:#4caf50;box-shadow:0 0 0 3px #4caf501a;outline:none}.table-container{background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000000d;margin-bottom:20px;overflow:visible}body.dark-mode .table-container{background:#2d2d2d;box-shadow:0 2px 8px #0003}.table-wrapper{overflow-x:auto;overflow-y:visible}.users-table{border-collapse:collapse;min-width:800px;width:100%}.users-table tbody,.users-table td,.users-table tr{overflow:visible!important}.users-table th{background:#f8f9fa;border-bottom:2px solid #e2e8f0;border-right:1px solid #e2e8f0;color:#4a5568;font-size:13px;font-weight:600;padding:16px 12px;white-space:nowrap}.users-table th,.users-table th:first-child,.users-table th:nth-child(2),.users-table th:nth-child(3){text-align:center}.users-table th:last-child{border-right:none}body.dark-mode .users-table th{background:#1a1a1a;border-bottom-color:#4a5568;border-right-color:#4a5568;color:#a0aec0}.users-table td{border-bottom:1px solid #e2e8f0;border-right:1px solid #e2e8f0;color:#2d3748;font-size:14px;padding:16px 12px;position:relative;vertical-align:middle}.users-table td,.users-table td:first-child,.users-table td:nth-child(2),.users-table td:nth-child(3){text-align:center}.users-table td:last-child{border-right:none}body.dark-mode .users-table td{border-bottom-color:#374151;border-right-color:#374151;color:#f3f4f6}.users-table tbody tr:hover{background:#f8f9fa}body.dark-mode .users-table tbody tr:hover{background:#374151}.id-cell{color:#4a5568;font-weight:600;min-width:60px}body.dark-mode .id-cell{color:#9ca3af}.user-info{gap:8px;min-width:150px}.user-avatar,.user-info{align-items:center;display:flex}.user-avatar{background:#e6f6ff;border-radius:6px;color:#4caf50;flex-shrink:0;height:28px;justify-content:center;width:28px}body.dark-mode .user-avatar{background:#4caf501a}.users-table .username{color:#2d3748;cursor:pointer;font-weight:500;text-decoration:none;transition:color .2s ease;white-space:nowrap}.users-table .username:hover{color:#4caf50;text-decoration:underline}body.dark-mode .users-table .username{color:#f3f4f6}body.dark-mode .users-table .username:hover{color:#4caf50}.user-role-icon{cursor:help;font-size:12px;margin-left:2px;position:relative}.admin-icon{color:#ffc107}.affiliate-icon{color:#4caf50}.user-icon{color:#2196f3}.user-role-icon:hover{opacity:.8}.email-wrapper{display:inline-block;min-width:250px;white-space:nowrap}.email{color:#4a5568;display:inline;font-size:13px}body.dark-mode .email{color:#9ca3af}.email-status{display:inline-block;font-size:14px;height:16px;margin-left:2px;vertical-align:middle;width:16px}.email-status.verified{color:#4caf50}.email-status.unverified{color:#f44336}.status-badge{align-items:center;border-radius:16px;display:inline-flex;font-size:12px;font-weight:500;gap:4px;padding:4px 8px;white-space:nowrap}.status-badge.verified{background:#4caf501a;border:1px solid #4caf504d;color:#4caf50}.status-badge.not-verified{background:#f443361a;border:1px solid #f443364d;color:#f44336}.status-badge.inactive{background:#9e9e9e1a;border:1px solid #9e9e9e4d;color:#9e9e9e}.role-badge{align-items:center;background:#2196f31a;border-radius:4px;color:#2196f3;display:inline-flex;font-size:11px;font-weight:500;gap:4px;padding:2px 6px}.role-badge.admin{background:#ffc1071a;color:#ffc107}.admin-star{color:#ffc107;font-size:12px}.credit-cell,.pending-cell{font-family:Courier New,monospace;font-weight:500;min-width:80px;text-align:right}.date-cell{color:#718096;font-size:12px;min-width:140px}body.dark-mode .date-cell{color:#9ca3af}.actions-menu{gap:4px}.action-btn,.actions-menu{display:flex;justify-content:center}.action-btn{align-items:center;border:none;border-radius:6px;cursor:pointer;height:28px;transition:all .2s ease;width:28px}.action-btn.set-active{background:#4caf501a;color:#4caf50}.action-btn.set-active:hover{background:#4caf5033}.action-btn.delete{background:#f443361a;color:#f44336}.action-btn.delete:hover{background:#f4433633}.action-btn.more{background:#9e9e9e1a;color:#9e9e9e}.action-btn.more:hover{background:#9e9e9e33}.pagination-container{align-items:center;display:flex;flex-wrap:wrap;gap:16px;justify-content:space-between;margin-top:20px}.pagination-info{color:#4a5568;font-weight:500;padding:.5rem 0}body.dark-mode .pagination-info{color:#a0aec0}.pagination-controls{gap:4px}.pagination-btn{align-items:center;background:#fff;border:2px solid #34c759;border-radius:.5rem;color:#34c759;cursor:pointer;display:flex;font-size:1rem;font-weight:600;height:40px;justify-content:center;transition:all .3s ease;width:40px}body.dark-mode .pagination-btn{background:linear-gradient(145deg,#1f1f1f,#141414);border:1px solid #ffffff26;box-shadow:inset 0 2px 4px #0003;color:#4ade80}.pagination-btn:hover:not(:disabled){background:#34c759;box-shadow:0 4px 12px #34c75940;color:#fff;transform:translateY(-2px)}body.dark-mode .pagination-btn:hover:not(:disabled){background:#4ade80;box-shadow:0 4px 12px #4ade804d;color:#1a1a1a}.pagination-btn:disabled{cursor:not-allowed;opacity:.5}.pagination-btn.active{background:linear-gradient(135deg,#34c759,#2f855a);border-color:#34c759;box-shadow:0 4px 12px #34c7594d;color:#fff}body.dark-mode .pagination-btn.active{background:linear-gradient(135deg,#4ade80,#34c759);border-color:#4ade80;box-shadow:0 4px 12px #4ade8066;color:#1a1a1a}.pagination-current{align-items:center;background:#4caf50;border-radius:6px;color:#fff;display:flex;font-weight:600;height:32px;justify-content:center;width:32px}.modal-overlay{background:#000000bf;bottom:0;left:0;right:0;top:0}.modal-content{background:#fff;border-radius:12px;box-shadow:0 20px 25px -5px #0000001a;max-height:80vh;max-width:500px;overflow-y:auto;width:90%}body.dark-mode .modal-content{background:#2d2d2d}.modal-header{border-bottom:1px solid #e2e8f0;padding:20px}body.dark-mode .modal-header{border-bottom-color:#4a5568}.modal-header h3{color:#2d3748;font-size:18px;font-weight:600;margin:0}body.dark-mode .modal-header h3{color:#f3f4f6}.modal-close{align-items:center;background:none;border:none;color:#9ca3af;cursor:pointer;display:flex;font-size:24px;height:24px;justify-content:center;padding:0;width:24px}.modal-close:hover{color:#4a5568}body.dark-mode .modal-close:hover{color:#f3f4f6}.modal-body{padding:20px}.status-dropdown{display:inline-block;overflow:visible!important;position:relative}.status-dropdown-toggle{align-items:center;background:#0000;border:none;border-radius:16px;cursor:pointer;display:flex;font-size:12px;font-weight:500;gap:4px;padding:4px 8px;transition:all .2s ease}.status-dropdown-toggle:hover{background:#0000000d}body.dark-mode .status-dropdown-toggle:hover{background:#ffffff0d}.status-dropdown-menu{background:#fff;border:1px solid #e2e8f0;border-radius:8px;box-shadow:0 4px 12px #00000026;left:0;min-width:120px;opacity:0;position:absolute;top:100%;transform:translateY(-10px);transition:all .2s ease;visibility:hidden;z-index:9999!important}.status-dropdown-menu.show{opacity:1;transform:translateY(0);visibility:visible}body.dark-mode .status-dropdown-menu{background:#2d2d2d;border-color:#4a5568;box-shadow:0 4px 12px #0000004d}.status-dropdown-item{align-items:center;color:#4a5568;cursor:pointer;display:flex;font-size:12px;gap:8px;padding:8px 12px;transition:background .2s ease}.status-dropdown-item:hover{background:#f7fafc}body.dark-mode .status-dropdown-item{color:#e2e8f0}body.dark-mode .status-dropdown-item:hover{background:#374151}.status-dropdown-item:first-child{border-radius:8px 8px 0 0}.status-dropdown-item:last-child{border-radius:0 0 8px 8px}.user-info-modal .modal-content{max-width:600px}.user-info-form{grid-gap:16px;display:grid;gap:16px;grid-template-columns:1fr 1fr}.form-group{display:flex;flex-direction:column;gap:4px;z-index:1000}.form-group.full-width{grid-column:1/-1}.form-group label{color:#4a5568;font-size:13px;font-weight:500}body.dark-mode .form-group label{color:#a0aec0}.form-group input,.form-group select,.form-group textarea{background:#fff;border:1px solid #e2e8f0;border-radius:6px;color:#2d3748;font-size:14px;padding:8px 12px;transition:border-color .2s ease}body.dark-mode .form-group input,body.dark-mode .form-group select,body.dark-mode .form-group textarea{background:#1a1a1a;border-color:#4a5568;color:#f3f4f6}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:#4caf50;box-shadow:0 0 0 3px #4caf501a;outline:none}.form-group textarea{min-height:80px;resize:vertical}.modal-footer{border-top:1px solid #e2e8f0;display:flex;gap:8px;justify-content:flex-end;padding:20px}body.dark-mode .modal-footer{border-top-color:#4a5568}.delete-confirmation-modal .modal-content{max-width:500px}.delete-confirmation-modal .modal-body{text-align:center}.delete-confirmation-modal .modal-body p{color:#4a5568;font-size:1rem;margin:0 0 1rem}.delete-confirmation-modal .modal-body p strong{color:#ef4444;font-weight:600}body.dark-mode .delete-confirmation-modal .modal-body p{color:#e2e8f0}body.dark-mode .delete-confirmation-modal .modal-body p strong{color:#f87171}.warning-text{color:#ef4444!important;font-size:.875rem;font-weight:500}body.dark-mode .warning-text{color:#f87171!important}@media (max-width:1200px){.page-header{align-items:flex-start;flex-direction:column;gap:16px}.action-buttons{justify-content:flex-start;width:100%}}@media (max-width:768px){.manage-users-container{padding:10px}.filters-container{align-items:stretch;flex-direction:column}.export-group,.filter-group{justify-content:space-between}.search-group{max-width:none}.users-table td,.users-table th{font-size:12px;padding:8px 6px}.user-info{gap:2px}.users-table .username{font-size:11px;white-space:nowrap}.user-role-icon{font-size:10px;margin-left:4px}.email{font-size:10px}.email-status{font-size:12px;height:12px;width:12px}.status-badge{font-size:9px;padding:2px 4px}.user-avatar{height:24px;width:24px}.pagination-container{flex-direction:column;text-align:center}.action-buttons{flex-direction:column}.btn{justify-content:center}}:root{--bg-primary:#f5f7fa;--bg-secondary:#fff;--bg-tertiary:#f8f9fa;--text-primary:#2d3748;--text-secondary:#718096;--text-tertiary:#a0aec0;--border-color:#e2e8f0;--border-secondary:#cbd5e0;--accent-color:#4caf50;--accent-hover:#45a049;--danger-color:#f56565;--warning-color:#ffc107;--info-color:#2196f3;--shadow-sm:0 2px 4px #0000000d;--shadow-md:0 4px 12px #0000001a;--shadow-lg:0 8px 25px #0000001a;--chart-grid:#e0e0e0;--transition:all 0.3s ease}body.dark-mode{--bg-primary:#1a1a1a;--bg-secondary:#2d2d2d;--bg-tertiary:#1e1e1e;--text-primary:#f3f4f6;--text-secondary:#a0aec0;--text-tertiary:#718096;--border-color:#4a5568;--border-secondary:#2d3748;--shadow-sm:0 2px 4px #0003;--shadow-md:0 4px 12px #0000004d;--shadow-lg:0 8px 25px #0000004d;--chart-grid:#4a5568}.admin-dashboard{animation:fadeInUp .6s ease-out;background-color:#f5f7fa;background-color:var(--bg-primary);margin:80px auto 0;margin:calc(var(--topbar-height, 60px) + 20px) auto 0;max-width:1400px;min-height:calc(100vh - 100px);min-height:calc(100vh - var(--topbar-height, 60px) - 40px);padding:2rem;position:relative}.dashboard-header{align-items:center;animation:fadeInDown .6s ease-out;display:flex;justify-content:space-between;margin-bottom:2rem;margin-top:50px}.dashboard-header h1{color:#2d3748;color:var(--text-primary);font-size:2rem;font-weight:600;margin:0}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-30px)}to{opacity:1;transform:translateY(0)}}.chart-section{animation:slideInUp .8s ease-out;background:#fff;background:var(--bg-secondary);border:1px solid #e2e8f0;border:1px solid var(--border-color);border-radius:16px;box-shadow:0 2px 4px #0000000d;box-shadow:var(--shadow-sm);margin-bottom:2rem;padding:1.5rem}.chart-container{height:400px;position:relative}.chart-tooltip{background:#fff;background:var(--bg-secondary);border:1px solid #e2e8f0;border:1px solid var(--border-color);border-radius:8px;box-shadow:0 4px 12px #0000001a;box-shadow:var(--shadow-md);padding:.75rem}.tooltip-label{color:#2d3748;color:var(--text-primary);font-size:.875rem;font-weight:600;margin:0 0 .25rem}.tooltip-value{color:#4caf50;color:var(--accent-color);font-size:.875rem;font-weight:500;margin:0}@keyframes slideInUp{0%{opacity:0;transform:translateY(50px)}to{opacity:1;transform:translateY(0)}}.filters-section{animation:slideInUp .8s ease-out .2s both;background:#fff;background:var(--bg-secondary);border:1px solid #e2e8f0;border:1px solid var(--border-color);border-radius:16px;box-shadow:0 2px 4px #0000000d;box-shadow:var(--shadow-sm);margin-bottom:2rem;padding:1.5rem}.filters-row{flex-wrap:wrap;gap:1rem}.filter-group,.filters-row{align-items:center;display:flex}.filter-group{gap:.5rem}.filter-separator{color:#718096;color:var(--text-secondary);font-size:.875rem}.filter-input,.filter-select{background:#f8f9fa;background:var(--bg-tertiary);border:1px solid #e2e8f0;border:1px solid var(--border-color);border-radius:6px;color:#2d3748;color:var(--text-primary);font-size:.875rem;padding:.5rem .75rem;transition:all .3s ease;transition:var(--transition)}.filter-input:focus,.filter-select:focus{border-color:#4caf50;border-color:var(--accent-color);box-shadow:0 0 0 3px #4caf501a;outline:none}.btn{border-radius:6px;font-size:.875rem;font-weight:500;padding:.5rem 1rem;transition:var(--transition)}.btn,.btn-refresh{display:inline-flex;gap:.5rem}.btn-refresh{align-items:center;background:#4caf50;background:var(--accent-color);border-radius:8px;color:#fff;padding:.6rem 1rem}.btn-refresh:hover{background:#45a049;background:var(--accent-hover);box-shadow:0 4px 12px #0000001a;box-shadow:var(--shadow-md);transform:translateY(-2px)}.tabs-navigation{background:#fff;background:var(--bg-secondary);border:1px solid #e2e8f0;border:1px solid var(--border-color);border-radius:12px;display:flex;gap:0;margin-bottom:1rem;overflow-x:auto;padding:.5rem}.tab-link{align-items:center;background:#0000;border:none;border-radius:8px;color:#718096;color:var(--text-secondary);cursor:pointer;display:inline-flex;font-size:.875rem;font-weight:500;gap:.5rem;padding:.75rem 1.25rem;transition:all .3s ease;transition:var(--transition);white-space:nowrap}.tab-link:hover{background:#f8f9fa;background:var(--bg-tertiary);color:#4caf50;color:var(--accent-color)}.tab-link.active{background:#4caf50;background:var(--accent-color);color:#fff}.table-controls{align-items:center;background:#fff;background:var(--bg-secondary);border:1px solid #e2e8f0;border:1px solid var(--border-color);border-radius:12px;display:flex;flex-wrap:wrap;gap:1rem;justify-content:space-between;margin-bottom:1rem;padding:1rem}.table-controls-left{align-items:center;display:flex;gap:.75rem}.items-select{background:#f8f9fa;background:var(--bg-tertiary);border:1px solid #e2e8f0;border:1px solid var(--border-color);border-radius:6px;color:#2d3748;color:var(--text-primary);font-size:.875rem;padding:.375rem .5rem}.export-label,.records-label,.search-label{color:#718096;color:var(--text-secondary);font-size:.875rem;font-weight:500}.export-btn{background:#f8f9fa;background:var(--bg-tertiary);border:1px solid #e2e8f0;border:1px solid var(--border-color);border-radius:6px;color:#2d3748;color:var(--text-primary);cursor:pointer;font-size:.875rem;padding:.375rem .75rem;transition:all .3s ease;transition:var(--transition)}.export-btn:hover{background:#4caf50;background:var(--accent-color);border-color:#4caf50;border-color:var(--accent-color);color:#fff}.search-container{align-items:center;display:flex;gap:.75rem}.search-input{background:#f8f9fa;background:var(--bg-tertiary);border:1px solid #e2e8f0;border:1px solid var(--border-color);border-radius:6px;color:#2d3748;color:var(--text-primary);font-size:.875rem;min-width:200px;padding:.375rem .75rem}.table-section{animation:slideInUp .8s ease-out .4s both;background:#fff;background:var(--bg-secondary);border:1px solid #e2e8f0;border:1px solid var(--border-color);border-radius:16px;box-shadow:0 2px 4px #0000000d;box-shadow:var(--shadow-sm);padding:1.5rem}.table-container{margin-bottom:1rem;overflow-x:auto}.truncate-cell{max-width:320px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.data-table{border:1px solid #e2e8f0;border:1px solid var(--border-color);border-collapse:collapse;min-width:1200px;table-layout:auto;text-align:center;width:100%}.data-table td,.data-table th{border-right:1px solid #e2e8f0;border-right:1px solid var(--border-color)}.data-table td:last-child,.data-table th:last-child{border-right:none}.data-table th{background:#f8f9fa;background:var(--bg-tertiary);border-bottom:2px solid #e2e8f0;border-bottom:2px solid var(--border-color);color:#718096;color:var(--text-secondary);cursor:pointer;font-size:.8rem;font-weight:600;letter-spacing:0;max-width:360px;overflow:hidden;padding:.75rem 1rem;text-align:center;text-overflow:ellipsis;text-transform:none;-webkit-user-select:none;user-select:none;white-space:nowrap}.data-table th:hover{background:#e2e8f0;background:var(--border-color)}.data-table td,.data-table th:hover{color:#2d3748;color:var(--text-primary)}.data-table td{border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--border-color);font-size:.875rem;padding:.75rem;text-align:center;vertical-align:middle}.data-table tbody tr{transition:all .3s ease;transition:var(--transition)}.data-table tbody tr:hover{background:#f8f9fa;background:var(--bg-tertiary)}.data-table tbody tr:last-child td{border-bottom:none}.empty-state{color:#718096;color:var(--text-secondary);padding:2rem!important;text-align:center}.totals-row{background:#f8f9fa;background:var(--bg-tertiary);border-top:2px solid #4caf50;border-top:2px solid var(--accent-color);font-weight:700}.currency-cell,.number-cell{font-feature-settings:"tnum";font-variant-numeric:tabular-nums;text-align:right}.currency-cell{font-weight:500}.affiliate-cell,.offer-cell{color:#2196f3;color:var(--info-color);font-weight:500}.pagination-section{align-items:center;background:#f8f9fa;background:var(--bg-tertiary);border:1px solid #e2e8f0;border:1px solid var(--border-color);border-radius:8px;display:flex;flex-wrap:wrap;gap:1rem;justify-content:space-between;margin-top:1rem;padding:1rem}.pagination-info{color:#718096;color:var(--text-secondary);font-size:.875rem}.pagination-controls{align-items:center;display:flex;gap:.5rem}.page-btn{align-items:center;background:#fff;background:var(--bg-secondary);border:1px solid #e2e8f0;border:1px solid var(--border-color);border-radius:6px;color:#2d3748;color:var(--text-primary);cursor:pointer;display:inline-flex;font-size:.875rem;justify-content:center;min-width:32px;padding:.375rem .625rem;transition:all .3s ease;transition:var(--transition)}.page-btn:hover:not(:disabled){background:#4caf50;background:var(--accent-color);border-color:#4caf50;border-color:var(--accent-color);color:#fff;transform:translateY(-2px)}.page-btn:disabled{cursor:not-allowed;opacity:.5}.page-number{color:#2d3748;color:var(--text-primary);font-size:.875rem;font-weight:500;padding:.375rem .75rem}.page-number.active{background:#4caf50;background:var(--accent-color);border-radius:6px;color:#fff}.dashboard-footer{color:#a0aec0;color:var(--text-tertiary);font-size:.75rem;margin-top:2rem;padding:1rem;text-align:center}@media (max-width:1200px){.admin-dashboard{padding:1.5rem}}@media (max-width:992px){.admin-dashboard{padding:1rem}.filters-row{align-items:stretch;flex-direction:column}.filter-group,.filter-input,.filter-select{width:100%}.table-controls{align-items:stretch;flex-direction:column}.table-controls-left{flex-wrap:wrap}.search-container{width:100%}.search-input{flex:1 1}}@media (max-width:768px){.dashboard-header{align-items:stretch;flex-direction:column;gap:1rem}.tabs-navigation{gap:.25rem;padding:.25rem}.tab-link{font-size:.8rem;padding:.5rem .75rem}.pagination-section{flex-direction:column}}.modal-overlay{align-items:center;background:#00000073;display:flex;inset:0;justify-content:center;position:fixed;z-index:1000}.modal-container{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:14px;box-shadow:var(--shadow-lg);display:flex;flex-direction:column;max-height:88vh;overflow:hidden;width:min(1000px,92vw)}.modal-header{align-items:center;background:var(--bg-tertiary);border-bottom:1px solid var(--border-color);display:flex;gap:1rem;justify-content:space-between;padding:1rem 1.25rem}.modal-title{color:var(--text-primary);font-size:1.05rem;font-weight:600;margin:0}.modal-subtitle{color:var(--text-secondary);font-size:.9rem;margin:0}.modal-close-btn{background:#0000;border:1px solid var(--border-color);border-radius:8px;color:var(--text-primary);cursor:pointer;padding:.35rem .6rem;transition:var(--transition)}.modal-close-btn:hover{background:var(--accent-color);border-color:var(--accent-color);color:#fff}.modal-tabs{background:var(--bg-secondary);border-bottom:1px solid var(--border-color);display:flex;gap:.25rem;padding:.5rem}.modal-tab{background:#0000;border:none;border-radius:8px;color:var(--text-secondary);cursor:pointer;font-weight:500;padding:.5rem .75rem}.modal-tab:hover{background:var(--bg-tertiary);color:var(--text-primary)}.modal-tab.active{background:var(--accent-color);color:#fff}.modal-content{overflow:auto;padding:1rem 1.25rem}.modal-table{border:1px solid var(--border-color);border-collapse:collapse;width:100%}.modal-table td,.modal-table th{border-bottom:1px solid var(--border-color);border-right:1px solid var(--border-color);font-size:.875rem;padding:.5rem .75rem;text-align:center}.modal-table td:last-child,.modal-table th:last-child{border-right:none}.modal-table th{background:var(--bg-tertiary);color:var(--text-secondary);font-weight:600}.kv-grid{grid-gap:.5rem 1rem;display:grid;gap:.5rem 1rem;grid-template-columns:220px 1fr}.kv-grid .kv-label{color:var(--text-secondary);font-weight:600}.kv-grid .kv-value{color:var(--text-primary);font-weight:500}@media (max-width:720px){.kv-grid{grid-template-columns:1fr}}.admin-payments-container{background-color:#fff;border-radius:1rem;box-shadow:0 4px 8px #0000001a;color:#333;margin:calc(var(--topbar-height) + 20px) auto 0;max-width:1200px;min-height:calc(100vh - var(--topbar-height) - 40px);padding:2rem}body.dark-mode .admin-payments-container{background:linear-gradient(180deg,#1a1a1a,#121212 50%,#0a0a0a);box-shadow:0 8px 30px #0000004d;color:#f9fafb}.admin-payments-title{color:#34c759;font-size:1.75rem;font-weight:600;margin:0 0 1.5rem}body.dark-mode .admin-payments-title{color:#4ade80}.admin-payments-filters{align-items:center;display:flex;flex-wrap:wrap;gap:12px;margin-bottom:16px}.admin-payments-filters button,.admin-payments-filters input,.admin-payments-filters select{background:#fff;border:1px solid #e2e8f0;border-radius:6px;font-size:14px;padding:8px 12px}.admin-payments-filters .apply-btn{background:#34c759;border-color:#22c55e;color:#fff;font-weight:600}.admin-payments-filters .apply-btn:hover{background:#22c55e}body.dark-mode .admin-payments-filters input,body.dark-mode .admin-payments-filters select{background:#2d3748;border-color:#4a5568;color:#f3f4f6}.admin-payments-table-wrapper{margin-bottom:12px;overflow-x:auto}.admin-payments-table{border-collapse:collapse;min-width:980px;width:100%}.admin-payments-table th{background:#f8f9fa;border-bottom:2px solid #e2e8f0;color:#4a5568;font-size:13px;font-weight:600;padding:12px;text-align:left;white-space:nowrap}.admin-payments-table td{border-bottom:1px solid #e2e8f0;color:#2d3748;font-size:14px;padding:12px;vertical-align:middle}.admin-payments-table td.copyable{cursor:pointer}.admin-payments-table td.copyable:hover{background:#4ade8014}.pm-copy{align-items:center;color:#2563eb;cursor:pointer;display:inline-flex;gap:6px}.pm-copy:hover{text-decoration:underline}.pm-details{align-items:flex-start;display:flex;flex-direction:column;gap:4px}.pm-detail,.pm-details{-webkit-user-select:text;user-select:text}.pm-detail{color:#334155;font-size:12px}body.dark-mode .pm-detail{color:#cbd5e1}.admin-payments-table tbody tr:hover{background:#f8f9fa}body.dark-mode .admin-payments-table th{background:#1a1a1a;border-bottom-color:#4a5568;color:#a0aec0}body.dark-mode .admin-payments-table td{border-bottom-color:#374151;color:#f3f4f6}body.dark-mode .admin-payments-table tbody tr:hover{background:#374151}.pm-badge{align-items:center;border-radius:999px;display:inline-flex;font-size:12px;font-weight:600;gap:6px;letter-spacing:.02em;padding:4px 8px;text-transform:uppercase}.pm-badge.cpa{background:#3b82f61f;color:#1d4ed8}.pm-badge.revshare{background:#eab30824;color:#92400e}.pm-badge.paypal{background:#0284c71f;color:#075985}.pm-badge.bank{background:#3b82f61f;color:#1d4ed8}.pm-badge.crypto{background:#f59e0b24;color:#92400e}.pm-badge.card{background:#22c55e24;color:#166534}.pm-status{align-items:center;border-radius:999px;display:inline-flex;font-size:12px;font-weight:700;gap:6px;padding:4px 10px;text-transform:uppercase}.pm-status.approved{background:#22c55e24;color:#166534}.pm-status.rejected{background:#ef44442e;color:#7f1d1d}.pm-status.pending{background:#eab3082e;color:#92400e}.admin-actions{gap:8px}.admin-actions button{background:#fff;border:1px solid #e5e7eb;border-radius:6px;cursor:pointer;padding:6px 10px}.admin-actions button:hover{background:#f3f4f6}.admin-actions .approve{border-color:#10b981;color:#047857}.admin-actions .reject{border-color:#ef4444;color:#b91c1c}.admin-pagination{gap:10px;justify-content:center;margin-top:16px}.admin-pagination .page-btn{background:#fff;border:1px solid #e2e8f0;border-radius:6px;color:#4a5568;cursor:pointer;padding:8px 14px}.admin-pagination .page-btn:hover:not(:disabled){background:#f7fafc;border-color:#cbd5e0;transform:translateY(-1px)}.admin-pagination .page-btn:disabled{cursor:not-allowed;opacity:.5;transform:none}.admin-pagination .per-page{border:1px solid #e2e8f0;border-radius:6px;padding:8px 12px}.details-pre{color:#334155;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:12px;margin:0;max-width:320px;white-space:pre-wrap}body.dark-mode .details-pre{color:#cbd5e1}.under-development-container{align-items:flex-start;background:var(--bg-primary);bottom:0;display:flex;justify-content:center;left:0;left:var(--sidebar-width,0);overflow-y:auto;padding:calc(60px + 2rem) 2rem 2rem;padding:calc(var(--topbar-height, 60px) + 2rem) 2rem 2rem;position:fixed;right:0;top:0}.under-development-content{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:16px;box-shadow:var(--shadow-lg);max-width:600px;padding:3rem 2rem;text-align:center}.under-development-icon{color:var(--primary-color);margin-bottom:1.5rem;opacity:.8}.under-development-title{color:var(--text-primary);font-size:2rem;font-weight:700;margin-bottom:1rem}.under-development-status{align-items:center;background:var(--warning-bg);border:1px solid var(--warning-border);border-radius:8px;color:var(--warning-color);display:inline-flex;font-weight:600;gap:.5rem;margin-bottom:1.5rem;padding:.5rem 1rem}.under-development-description{color:var(--text-secondary);font-size:1.1rem;line-height:1.6;margin-bottom:2rem}.under-development-features{background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:12px;margin-bottom:2rem;padding:1.5rem;text-align:left}.under-development-features h3{color:var(--text-primary);font-size:1.2rem;font-weight:600;margin-bottom:1rem;text-align:center}.under-development-features ul{list-style:none;margin:0;padding:0}.under-development-features li{color:var(--text-secondary);padding:.5rem 0 .5rem 1.5rem;position:relative}.under-development-features li:before{color:var(--success-color);content:"✓";font-weight:700;left:0;position:absolute}.under-development-footer{align-items:center;color:var(--text-tertiary);display:inline-flex;font-size:.9rem;font-style:italic;gap:.5rem}.dark-mode .under-development-container{background:var(--bg-primary)}.dark-mode .under-development-content{background:var(--bg-secondary);border-color:var(--border-color)}.dark-mode .under-development-features{background:var(--bg-tertiary);border-color:var(--border-color)}@media (max-width:768px){.under-development-container{padding:calc(60px + 1rem) 1rem 1rem;padding:calc(var(--topbar-height, 60px) + 1rem) 1rem 1rem}.under-development-content{padding:2rem 1.5rem}.under-development-title{font-size:1.5rem}.under-development-description{font-size:1rem}.under-development-features{padding:1rem}}@media (max-width:480px){.under-development-container{padding:calc(60px + .5rem) .5rem .5rem;padding:calc(var(--topbar-height, 60px) + .5rem) .5rem .5rem}.under-development-content{padding:1.5rem 1rem}.under-development-title{font-size:1.25rem}.under-development-description{font-size:.9rem}.under-development-features{padding:.75rem}.under-development-features h3{font-size:1rem}.under-development-features li{font-size:.85rem}}.affiliate-reports,.under-development-content{animation:fadeInUp .6s ease-out}.affiliate-reports{background-color:#f5f7fa;margin:80px auto 0;margin:calc(var(--topbar-height, 60px) + 20px) auto 0;max-width:1400px;min-height:calc(100vh - 100px);min-height:calc(100vh - var(--topbar-height, 60px) - 40px);padding:2rem;position:relative}body.dark-mode .affiliate-reports{background-color:#1a1a1a}.affiliate-reports-header{align-items:flex-start;display:flex;flex-wrap:wrap;gap:1rem;justify-content:space-between;margin-bottom:2rem}.affiliate-reports-title h1{color:#2d3748;font-size:2rem;font-weight:700;margin:0 0 .5rem}.affiliate-reports-title p{color:#718096;font-size:1rem;margin:0}body.dark-mode .affiliate-reports-title h1{color:#f7fafc}body.dark-mode .affiliate-reports-title p{color:#a0aec0}.affiliate-reports-actions{align-items:center;display:flex;gap:.75rem}.affiliate-refresh-btn,.affiliate-view-toggle{align-items:center;background:#fff;border:1px solid #e2e8f0;border-radius:8px;cursor:pointer;display:flex;height:44px;justify-content:center;min-width:44px;padding:.75rem;transition:all .2s ease}.affiliate-refresh-btn:hover,.affiliate-view-toggle:hover{background:#f7fafc;border-color:#cbd5e0;transform:translateY(-1px)}.affiliate-refresh-btn:disabled{cursor:not-allowed;opacity:.5;transform:none}.affiliate-refresh-btn .spinning{animation:spin 1s linear infinite}body.dark-mode .affiliate-refresh-btn,body.dark-mode .affiliate-view-toggle{background:#2d2d2d;border-color:#4a5568;color:#f7fafc}body.dark-mode .affiliate-refresh-btn:hover,body.dark-mode .affiliate-view-toggle:hover{background:#3a3a3a;border-color:#5a5a5a}.affiliate-filters{background:#fff;border:1px solid #e2e8f0;border-radius:12px;box-shadow:0 2px 4px #0000000d;margin-bottom:2rem;padding:1.5rem}.affiliate-filters-row{align-items:flex-end;display:flex;flex-wrap:wrap;gap:1rem;margin-bottom:1rem}.affiliate-filters-row:last-child{margin-bottom:0}.affiliate-filter-group{flex:1 1;min-width:200px}.affiliate-filter-group label{align-items:center;color:#4a5568;display:flex;font-size:.875rem;font-weight:500;gap:.5rem}.affiliate-filter-input,.affiliate-filter-select{transition:border-color .2s ease,box-shadow .2s ease}.affiliate-filter-input:focus,.affiliate-filter-select:focus{border-color:#4299e1;box-shadow:0 0 0 3px #4299e11a}.affiliate-clear-filters{align-self:flex-end;background:#f7fafc;border:1px solid #e2e8f0;border-radius:8px;color:#4a5568;cursor:pointer;font-size:.875rem;font-weight:500;padding:.75rem 1.5rem;transition:all .2s ease}.affiliate-clear-filters:hover{background:#edf2f7;border-color:#cbd5e0}body.dark-mode .affiliate-filters{background:#2d2d2d;border-color:#4a5568}body.dark-mode .affiliate-filter-group label{color:#a0aec0}body.dark-mode .affiliate-filter-input,body.dark-mode .affiliate-filter-select{background:#3a3a3a;color:#f7fafc}body.dark-mode .affiliate-filter-input:focus,body.dark-mode .affiliate-filter-select:focus{border-color:#4299e1;box-shadow:0 0 0 3px #4299e133}body.dark-mode .affiliate-clear-filters{background:#3a3a3a;border-color:#4a5568;color:#a0aec0}body.dark-mode .affiliate-clear-filters:hover{background:#4a4a4a;border-color:#5a5a5a}.affiliate-expanded-info{align-items:center;background:#e3f2fd;border:1px solid #bbdefb;border-radius:8px;display:flex;flex-wrap:wrap;gap:1rem;justify-content:space-between;margin-top:1rem;padding:1rem}.affiliate-expanded-info span{color:#1565c0;font-weight:500}.affiliate-collapse-btn{background:#1976d2;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:.875rem;font-weight:500;padding:.5rem 1rem;transition:background .2s ease}.affiliate-collapse-btn:hover{background:#1565c0}body.dark-mode .affiliate-expanded-info{background:#1a365d;border-color:#2c5282}body.dark-mode .affiliate-expanded-info span{color:#90cdf4}body.dark-mode .affiliate-collapse-btn{background:#3182ce}body.dark-mode .affiliate-collapse-btn:hover{background:#2c5282}.affiliate-chart-section{box-shadow:0 2px 4px #0000000d}.affiliate-chart-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:1.5rem}.affiliate-chart-header h2{color:#2d3748;font-size:1.25rem;font-weight:600;margin:0}.affiliate-chart-loading{color:#718096;font-size:.875rem;font-style:italic}.affiliate-chart-container{height:300px;width:100%}body.dark-mode .affiliate-chart-section{border-color:#4a5568}body.dark-mode .affiliate-chart-header h2{color:#f7fafc}body.dark-mode .affiliate-chart-loading{color:#a0aec0}.affiliate-data-section{background:#fff;border:1px solid #e2e8f0;border-radius:12px;box-shadow:0 2px 4px #0000000d;padding:1.5rem}.affiliate-data-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:1.5rem}.affiliate-data-header h2{align-items:center;color:#2d3748;display:flex;font-size:1.25rem;font-weight:600;gap:.75rem;margin:0}.affiliate-loading{color:#718096;font-size:.875rem;font-style:italic}body.dark-mode .affiliate-data-section{background:#2d2d2d;border-color:#4a5568}body.dark-mode .affiliate-data-header h2{color:#f7fafc}body.dark-mode .affiliate-loading{color:#a0aec0}.affiliate-table-container{border:1px solid #e2e8f0;border-radius:8px;margin-bottom:1.5rem;overflow-x:auto}.affiliate-table{background:#fff;border-collapse:collapse;min-width:1200px;width:100%}.affiliate-table td,.affiliate-table th{border-bottom:1px solid #e2e8f0;font-size:.875rem;padding:.75rem;text-align:left}.affiliate-table th{background:#f7fafc;color:#4a5568;font-weight:600;position:sticky;top:0;z-index:10}.affiliate-table th.affiliate-sortable{cursor:pointer;position:relative;transition:background .2s ease;-webkit-user-select:none;user-select:none}.affiliate-table th.affiliate-sortable:hover{background:#edf2f7}.affiliate-sortable-content{align-items:center;display:flex;gap:.5rem;justify-content:flex-start}.affiliate-table tbody tr:hover{background:#f7fafc}.affiliate-table tfoot{background:#f7fafc;font-weight:600}.affiliate-totals-row td{border-top:2px solid #e2e8f0;color:#2d3748}body.dark-mode .affiliate-table-container{border-color:#4a5568}body.dark-mode .affiliate-table{background:#2d2d2d}body.dark-mode .affiliate-table td,body.dark-mode .affiliate-table th{border-color:#4a5568;color:#f7fafc}body.dark-mode .affiliate-table th{background:#3a3a3a;color:#a0aec0}body.dark-mode .affiliate-table th.affiliate-sortable:hover{background:#4a4a4a}body.dark-mode .affiliate-sortable-content{color:#a0aec0}body.dark-mode .affiliate-table tbody tr:hover,body.dark-mode .affiliate-table tfoot{background:#3a3a3a}body.dark-mode .affiliate-totals-row td{border-color:#4a5568;color:#f7fafc}.affiliate-user-cell{display:flex;flex-direction:column;gap:.25rem}.affiliate-user-cell strong{color:#2d3748;font-weight:600}.affiliate-user-cell small{color:#718096;font-size:.75rem}.affiliate-smartlink-cell{max-width:200px}.affiliate-smartlink-text{color:#4299e1;display:block;overflow:hidden;text-decoration:none;text-overflow:ellipsis;white-space:nowrap}.affiliate-smartlinks-count{color:#718096;font-style:italic;font-weight:500}body.dark-mode .affiliate-user-cell strong{color:#f7fafc}body.dark-mode .affiliate-user-cell small{color:#a0aec0}body.dark-mode .affiliate-smartlink-text{color:#63b3ed}body.dark-mode .affiliate-smartlinks-count{color:#a0aec0}.affiliate-action-btn{background:#fff;border-radius:6px;min-width:32px;padding:.5rem;transition:all .2s ease}.affiliate-action-btn:hover{background:#f7fafc;border-color:#cbd5e0;transform:translateY(-1px)}.affiliate-expand-btn{border-color:#4299e1;color:#4299e1}.affiliate-expand-btn:hover{background:#ebf8ff;border-color:#3182ce}.affiliate-copy-btn{border-color:#38a169;color:#38a169}.affiliate-copy-btn:hover{background:#f0fff4;border-color:#2f855a}.affiliate-copy-btn.copied{background:#c6f6d5;border-color:#2f855a}body.dark-mode .affiliate-action-btn{background:#3a3a3a;color:#f7fafc}body.dark-mode .affiliate-action-btn:hover{background:#4a4a4a;border-color:#5a5a5a}body.dark-mode .affiliate-expand-btn{border-color:#63b3ed;color:#63b3ed}body.dark-mode .affiliate-expand-btn:hover{background:#1a365d;border-color:#3182ce}body.dark-mode .affiliate-copy-btn{border-color:#68d391;color:#68d391}body.dark-mode .affiliate-copy-btn.copied,body.dark-mode .affiliate-copy-btn:hover{background:#1a202c;border-color:#2f855a}.affiliate-cards-container{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));margin-bottom:1.5rem}.affiliate-card{background:#fff;border:1px solid #e2e8f0;border-radius:12px;box-shadow:0 2px 4px #0000000d;padding:1.5rem;transition:all .2s ease}.affiliate-card:hover{border-color:#cbd5e0;box-shadow:0 4px 12px #0000001a;transform:translateY(-2px)}.affiliate-card-user{display:flex;flex-direction:column;gap:.25rem}.affiliate-card-user strong{color:#2d3748;font-size:1rem;font-weight:600}.affiliate-card-user small{color:#718096;font-size:.75rem}.affiliate-card-actions{flex-shrink:0}.affiliate-card-content{display:flex;flex-direction:column;gap:1rem}.affiliate-card-field{align-items:flex-start;display:flex;gap:1rem;justify-content:space-between}.affiliate-card-label{color:#4a5568;flex-shrink:0;font-size:.875rem;font-weight:500}.affiliate-card-value{color:#2d3748;font-size:.875rem;text-align:right;word-break:break-all}.affiliate-card-revenue,.affiliate-card-stats{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(2,1fr)}.affiliate-card-stat{align-items:center;background:#f7fafc;border-radius:8px;display:flex;flex-direction:column;padding:.75rem;text-align:center}.affiliate-card-stat-label{color:#718096;font-size:.75rem;font-weight:500;margin-bottom:.25rem}.affiliate-card-stat-value{color:#2d3748;font-size:1rem;font-weight:600}body.dark-mode .affiliate-card{background:#2d2d2d;border-color:#4a5568}body.dark-mode .affiliate-card:hover{border-color:#5a5a5a;box-shadow:0 4px 12px #0000004d}body.dark-mode .affiliate-card-user strong{color:#f7fafc}body.dark-mode .affiliate-card-label,body.dark-mode .affiliate-card-user small{color:#a0aec0}body.dark-mode .affiliate-card-value{color:#f7fafc}body.dark-mode .affiliate-card-stat{background:#3a3a3a}body.dark-mode .affiliate-card-stat-label{color:#a0aec0}body.dark-mode .affiliate-card-stat-value{color:#f7fafc}.affiliate-pagination{align-items:center;border-top:1px solid #e2e8f0;flex-wrap:wrap;justify-content:space-between;padding:1.5rem 0}.affiliate-pagination-info{color:#4a5568}.affiliate-items-per-page label{font-weight:500}.affiliate-items-select{padding:.5rem}.affiliate-pagination-btn{border-radius:6px;gap:.5rem;transition:all .2s ease}.affiliate-pagination-btn:hover:not(:disabled){background:#f7fafc;border-color:#cbd5e0}.affiliate-pagination-number{border-radius:6px;min-width:36px;padding:.5rem .75rem;text-align:center;transition:all .2s ease}.affiliate-pagination-number:hover:not(:disabled){background:#f7fafc;border-color:#cbd5e0}.affiliate-pagination-number.active{background:#4299e1;border-color:#4299e1}body.dark-mode .affiliate-items-select,body.dark-mode .affiliate-pagination-btn,body.dark-mode .affiliate-pagination-number{background:#3a3a3a;border-color:#4a5568;color:#f7fafc}body.dark-mode .affiliate-items-select:focus,body.dark-mode .affiliate-pagination-btn:hover:not(:disabled),body.dark-mode .affiliate-pagination-number:hover:not(:disabled){background:#4a4a4a;border-color:#5a5a5a}body.dark-mode .affiliate-pagination-number.active{background:#3182ce;border-color:#3182ce}body.dark-mode .affiliate-pagination-number.dots{background:#0000;border:none}@media (max-width:768px){.affiliate-reports{margin-top:70px;margin-top:calc(var(--topbar-height, 60px) + 10px);padding:1rem}.affiliate-reports-header{align-items:stretch;flex-direction:column}.affiliate-reports-title h1{font-size:1.5rem}.affiliate-filters-row{align-items:stretch;flex-direction:column}.affiliate-filter-group{min-width:auto}.affiliate-table-container{overflow-x:scroll}.affiliate-cards-container{grid-template-columns:1fr}.affiliate-card-revenue,.affiliate-card-stats{grid-template-columns:repeat(4,1fr)}.affiliate-pagination{align-items:stretch;flex-direction:column;gap:1rem}.affiliate-pagination-controls,.affiliate-pagination-info{justify-content:center}.affiliate-chart-container{height:250px}}@media (max-width:480px){.affiliate-reports-title h1{font-size:1.25rem}.affiliate-chart-container{height:200px}.affiliate-card-revenue,.affiliate-card-stats{grid-template-columns:repeat(2,1fr)}.affiliate-pagination-numbers{flex-wrap:wrap;justify-content:center}}.admin-conversions{animation:fadeInUp .6s ease-out;background-color:#f5f7fa;margin:80px auto 0;margin:calc(var(--topbar-height, 60px) + 20px) auto 0;max-width:1400px;min-height:calc(100vh - 100px);min-height:calc(100vh - var(--topbar-height, 60px) - 40px);padding:2rem;position:relative}body.dark-mode .admin-conversions{background-color:#1a1a1a}.admin-conversions-header{align-items:flex-start;display:flex;flex-wrap:wrap;gap:1rem;justify-content:space-between;margin-bottom:2rem}.admin-conversions-title h1{color:#2d3748;font-size:2rem;font-weight:700;margin:0 0 .5rem}.admin-conversions-title p{color:#718096;font-size:1rem;margin:0}body.dark-mode .admin-conversions-title h1{color:#f7fafc}body.dark-mode .admin-conversions-title p{color:#a0aec0}.admin-conversions-actions{align-items:center;display:flex;gap:.75rem}.admin-refresh-btn,.admin-view-toggle{align-items:center;background:#fff;border:1px solid #e2e8f0;border-radius:8px;cursor:pointer;display:flex;height:44px;justify-content:center;min-width:44px;padding:.75rem;transition:all .2s ease}.admin-refresh-btn:hover,.admin-view-toggle:hover{background:#f7fafc;border-color:#cbd5e0;transform:translateY(-1px)}.admin-refresh-btn:disabled{cursor:not-allowed;opacity:.5;transform:none}.admin-refresh-btn .spinning{animation:spin 1s linear infinite}body.dark-mode .admin-refresh-btn,body.dark-mode .admin-view-toggle{background:#2d2d2d;border-color:#4a5568;color:#f7fafc}body.dark-mode .admin-refresh-btn:hover,body.dark-mode .admin-view-toggle:hover{background:#3a3a3a;border-color:#5a5a5a}.admin-filters{background:#fff;border:1px solid #e2e8f0;border-radius:12px;box-shadow:0 2px 4px #0000000d;margin-bottom:2rem;padding:1.5rem}.admin-filters-row{align-items:flex-end;display:flex;flex-wrap:wrap;gap:1rem;margin-bottom:1rem}.admin-filters-row:last-child{margin-bottom:0}.admin-filter-group{display:flex;flex:1 1;flex-direction:column;gap:.5rem;min-width:200px}.admin-filter-group label{align-items:center;color:#4a5568;display:flex;font-size:.875rem;font-weight:500;gap:.5rem}.admin-filter-input,.admin-filter-select{background:#fff;border:1px solid #e2e8f0;border-radius:8px;font-size:.875rem;padding:.75rem;transition:border-color .2s ease,box-shadow .2s ease}.admin-filter-input:focus,.admin-filter-select:focus{border-color:#4299e1;box-shadow:0 0 0 3px #4299e11a;outline:none}.admin-clear-filters{align-self:flex-end;background:#f7fafc;border:1px solid #e2e8f0;border-radius:8px;color:#4a5568;cursor:pointer;font-size:.875rem;font-weight:500;padding:.75rem 1.5rem;transition:all .2s ease}.admin-clear-filters:hover{background:#edf2f7;border-color:#cbd5e0}body.dark-mode .admin-filters{background:#2d2d2d;border-color:#4a5568}body.dark-mode .admin-filter-group label{color:#a0aec0}body.dark-mode .admin-filter-input,body.dark-mode .admin-filter-select{background:#3a3a3a;border-color:#4a5568;color:#f7fafc}body.dark-mode .admin-filter-input:focus,body.dark-mode .admin-filter-select:focus{border-color:#4299e1;box-shadow:0 0 0 3px #4299e133}body.dark-mode .admin-clear-filters{background:#3a3a3a;border-color:#4a5568;color:#a0aec0}body.dark-mode .admin-clear-filters:hover{background:#4a4a4a;border-color:#5a5a5a}.admin-stats-cards{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:2rem}.admin-stats-card{align-items:center;background:#fff;border:1px solid #e2e8f0;border-radius:12px;box-shadow:0 2px 4px #0000000d;display:flex;gap:1rem;padding:1.5rem;transition:all .2s ease}.admin-stats-card:hover{border-color:#cbd5e0;box-shadow:0 4px 12px #0000001a;transform:translateY(-2px)}.admin-stats-icon{align-items:center;border-radius:10px;display:flex;flex-shrink:0;justify-content:center;padding:.75rem}.admin-stats-icon.total{background:#e3f2fd;color:#1976d2}.admin-stats-icon.approved{background:#e8f5e8;color:#2e7d32}.admin-stats-icon.pending{background:#fff3e0;color:#f57c00}.admin-stats-icon.rejected{background:#ffebee;color:#d32f2f}.admin-stats-icon.earned,.admin-stats-icon.revenue{background:#f3e5f5;color:#7b1fa2}.admin-stats-content{flex:1 1}.admin-stats-value{color:#2d3748;font-size:1.5rem;font-weight:700;margin-bottom:.25rem}.admin-stats-label{color:#718096;font-size:.875rem;font-weight:500}body.dark-mode .admin-stats-card{background:#2d2d2d;border-color:#4a5568}body.dark-mode .admin-stats-card:hover{border-color:#5a5a5a;box-shadow:0 4px 12px #0000004d}body.dark-mode .admin-stats-icon.total{background:#1a365d;color:#90cdf4}body.dark-mode .admin-stats-icon.approved{background:#1a202c;color:#68d391}body.dark-mode .admin-stats-icon.pending{background:#2d1b0d;color:#fbb72c}body.dark-mode .admin-stats-icon.rejected{background:#2d1a1a;color:#fc8181}body.dark-mode .admin-stats-icon.earned,body.dark-mode .admin-stats-icon.revenue{background:#2d1a2d;color:#d6a3d6}body.dark-mode .admin-stats-value{color:#f7fafc}body.dark-mode .admin-stats-label{color:#a0aec0}.admin-error-message{align-items:center;background:#ffebee;border:1px solid #ffcdd2;border-radius:8px;color:#c62828;display:flex;font-weight:500;gap:.5rem;margin-bottom:2rem;padding:1rem}body.dark-mode .admin-error-message{background:#2d1a1a;border-color:#5a2d2d;color:#fc8181}.admin-data-section{background:#fff;border:1px solid #e2e8f0;border-radius:12px;box-shadow:0 2px 4px #0000000d;padding:1.5rem}.admin-data-header{align-items:center;display:flex;flex-wrap:wrap;gap:1rem;justify-content:space-between;margin-bottom:1.5rem}.admin-data-header h2{align-items:center;color:#2d3748;display:flex;font-size:1.25rem;font-weight:600;gap:.75rem;margin:0}.admin-loading{color:#718096;font-size:.875rem;font-style:italic}.admin-export-buttons{display:flex;flex-wrap:wrap;gap:.5rem}.admin-export-btn{background:#4299e1;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:.875rem;font-weight:500;padding:.5rem 1rem;transition:background .2s ease}.admin-export-btn:hover{background:#3182ce}body.dark-mode .admin-data-section{background:#2d2d2d;border-color:#4a5568}body.dark-mode .admin-data-header h2{color:#f7fafc}body.dark-mode .admin-loading{color:#a0aec0}body.dark-mode .admin-export-btn{background:#3182ce}body.dark-mode .admin-export-btn:hover{background:#2c5282}.admin-table-container{border:1px solid #e2e8f0;border-radius:8px;margin-bottom:1.5rem;overflow-x:auto}.admin-table{background:#fff;border-collapse:collapse;min-width:1400px;width:100%}.admin-table td,.admin-table th{border-bottom:1px solid #e2e8f0;font-size:.875rem;padding:.75rem;text-align:left}.admin-table th{background:#f7fafc;color:#4a5568;font-weight:600;position:sticky;top:0;z-index:10}.admin-table th.admin-sortable{cursor:pointer;position:relative;transition:background .2s ease;-webkit-user-select:none;user-select:none}.admin-table th.admin-sortable:hover{background:#edf2f7}.admin-sortable-content{align-items:center;display:flex;gap:.5rem;justify-content:flex-start}.admin-table tbody tr:hover{background:#f7fafc}body.dark-mode .admin-table-container{border-color:#4a5568}body.dark-mode .admin-table{background:#2d2d2d}body.dark-mode .admin-table td,body.dark-mode .admin-table th{border-color:#4a5568;color:#f7fafc}body.dark-mode .admin-table th{background:#3a3a3a;color:#a0aec0}body.dark-mode .admin-table th.admin-sortable:hover{background:#4a4a4a}body.dark-mode .admin-sortable-content{color:#a0aec0}body.dark-mode .admin-table tbody tr:hover{background:#3a3a3a}.admin-affiliate-cell{display:flex;flex-direction:column;gap:.25rem}.admin-affiliate-cell strong{color:#2d3748;font-weight:600}.admin-affiliate-cell small{color:#718096;font-size:.75rem}.admin-smartlink-cell{max-width:200px}.admin-smartlink-text{color:#4299e1;display:block;overflow:hidden;text-decoration:none;text-overflow:ellipsis;white-space:nowrap}body.dark-mode .admin-affiliate-cell strong{color:#f7fafc}body.dark-mode .admin-affiliate-cell small{color:#a0aec0}body.dark-mode .admin-smartlink-text{color:#63b3ed}.conversion-status-badge,.conversion-type-badge{align-items:center;border-radius:4px;display:inline-flex;font-size:.75rem;font-weight:600;gap:.25rem;padding:.25rem .5rem;text-transform:uppercase}.conversion-status-badge.status-approved{background:#e8f5e8;color:#2e7d32}.conversion-status-badge.status-pending{background:#fff3e0;color:#f57c00}.conversion-status-badge.status-rejected{background:#ffebee;color:#d32f2f}.conversion-type-badge.type-signup{background:#e3f2fd;color:#1976d2}.conversion-type-badge.type-deposit{background:#e8f5e8;color:#2e7d32}.conversion-type-badge.type-withdraw{background:#f3e5f5;color:#7b1fa2}body.dark-mode .conversion-status-badge.status-approved{background:#1a202c;color:#68d391}body.dark-mode .conversion-status-badge.status-pending{background:#2d1b0d;color:#fbb72c}body.dark-mode .conversion-status-badge.status-rejected{background:#2d1a1a;color:#fc8181}body.dark-mode .conversion-type-badge.type-signup{background:#1a365d;color:#90cdf4}body.dark-mode .conversion-type-badge.type-deposit{background:#1a202c;color:#68d391}body.dark-mode .conversion-type-badge.type-withdraw{background:#2d1a2d;color:#d6a3d6}.admin-actions{align-items:center;display:flex;flex-wrap:wrap;gap:.25rem}.admin-action-btn{align-items:center;background:#fff;border:1px solid;border-radius:4px;cursor:pointer;display:flex;height:28px;justify-content:center;min-width:28px;padding:.375rem;transition:all .2s ease}.admin-action-btn:hover{transform:translateY(-1px)}.admin-action-btn:disabled{cursor:not-allowed;opacity:.5;transform:none}.admin-action-btn.approve{border-color:#2e7d32;color:#2e7d32}.admin-action-btn.approve:hover{background:#e8f5e8}.admin-action-btn.reject{border-color:#d32f2f;color:#d32f2f}.admin-action-btn.reject:hover{background:#ffebee}.admin-action-btn.pending{border-color:#f57c00;color:#f57c00}.admin-action-btn.pending:hover{background:#fff3e0}.admin-action-btn.delete{border-color:#d32f2f;color:#d32f2f}.admin-action-btn.delete:hover{background:#ffebee}body.dark-mode .admin-action-btn{background:#2d2d2d}body.dark-mode .admin-action-btn.approve{border-color:#68d391;color:#68d391}body.dark-mode .admin-action-btn.approve:hover{background:#1a202c}body.dark-mode .admin-action-btn.reject{border-color:#fc8181;color:#fc8181}body.dark-mode .admin-action-btn.reject:hover{background:#2d1a1a}body.dark-mode .admin-action-btn.pending{border-color:#fbb72c;color:#fbb72c}body.dark-mode .admin-action-btn.pending:hover{background:#2d1b0d}body.dark-mode .admin-action-btn.delete{border-color:#fc8181;color:#fc8181}body.dark-mode .admin-action-btn.delete:hover{background:#2d1a1a}.admin-cards-container{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fill,minmax(380px,1fr));margin-bottom:1.5rem}.admin-card{background:#fff;border:1px solid #e2e8f0;border-radius:12px;box-shadow:0 2px 4px #0000000d;padding:1.5rem;transition:all .2s ease}.admin-card:hover{border-color:#cbd5e0;box-shadow:0 4px 12px #0000001a;transform:translateY(-2px)}.admin-card-header{align-items:flex-start;display:flex;gap:1rem;justify-content:space-between;margin-bottom:1rem}.admin-card-affiliate{display:flex;flex-direction:column;gap:.25rem}.admin-card-affiliate strong{color:#2d3748;font-size:1rem;font-weight:600}.admin-card-affiliate small{color:#718096;font-size:.75rem}.admin-card-badges{align-items:flex-end;display:flex;flex-direction:column;flex-shrink:0;gap:.5rem}.admin-card-content{display:flex;flex-direction:column;gap:.75rem;margin-bottom:1rem}.admin-card-field{align-items:flex-start;display:flex;gap:1rem;justify-content:space-between}.admin-card-label{color:#4a5568;flex-shrink:0;font-size:.875rem;font-weight:500}.admin-card-value{color:#2d3748;font-size:.875rem;text-align:right;word-break:break-all}.admin-card-stats{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(2,1fr);margin:1rem 0}.admin-card-stat{align-items:center;background:#f7fafc;border-radius:8px;display:flex;flex-direction:column;padding:.75rem;text-align:center}.admin-card-stat-label{color:#718096;font-size:.75rem;font-weight:500;margin-bottom:.25rem}.admin-card-stat-value{color:#2d3748;font-size:1rem;font-weight:600}.admin-card-actions{border-top:1px solid #e2e8f0;display:flex;gap:.5rem;justify-content:flex-end;padding-top:1rem}body.dark-mode .admin-card{background:#2d2d2d;border-color:#4a5568}body.dark-mode .admin-card:hover{border-color:#5a5a5a;box-shadow:0 4px 12px #0000004d}body.dark-mode .admin-card-affiliate strong{color:#f7fafc}body.dark-mode .admin-card-affiliate small,body.dark-mode .admin-card-label{color:#a0aec0}body.dark-mode .admin-card-value{color:#f7fafc}body.dark-mode .admin-card-stat{background:#3a3a3a}body.dark-mode .admin-card-stat-label{color:#a0aec0}body.dark-mode .admin-card-stat-value{color:#f7fafc}body.dark-mode .admin-card-actions{border-color:#4a5568}.admin-no-data{align-items:center;color:#718096;display:flex;flex-direction:column;justify-content:center;padding:3rem;text-align:center}.admin-no-data h3{color:#4a5568;font-size:1.5rem;font-weight:600;margin:1rem 0 .5rem}.admin-no-data p{font-size:1rem;margin:0}body.dark-mode .admin-no-data,body.dark-mode .admin-no-data h3{color:#a0aec0}.admin-pagination{border-top:1px solid #e2e8f0;justify-content:space-between;padding:1.5rem 0}.admin-pagination,.admin-pagination-info{align-items:center;display:flex;flex-wrap:wrap;gap:1rem}.admin-pagination-info{color:#4a5568;font-size:.875rem}.admin-items-per-page{align-items:center;display:flex;gap:.5rem}.admin-items-per-page label{font-weight:500}.admin-items-select{background:#fff;border:1px solid #e2e8f0;border-radius:6px;font-size:.875rem;padding:.5rem}.admin-pagination-btn,.admin-pagination-controls{align-items:center;display:flex;gap:.5rem}.admin-pagination-btn{background:#fff;border:1px solid #e2e8f0;border-radius:6px;cursor:pointer;font-size:.875rem;padding:.5rem 1rem;transition:all .2s ease}.admin-pagination-btn:hover:not(:disabled){background:#f7fafc;border-color:#cbd5e0}.admin-pagination-btn:disabled{cursor:not-allowed;opacity:.5}.admin-pagination-numbers{display:flex;gap:.25rem}.admin-pagination-number{background:#fff;border:1px solid #e2e8f0;border-radius:6px;cursor:pointer;font-size:.875rem;min-width:36px;padding:.5rem .75rem;text-align:center;transition:all .2s ease}.admin-pagination-number:hover:not(:disabled){background:#f7fafc;border-color:#cbd5e0}.admin-pagination-number.active{background:#4299e1;border-color:#4299e1;color:#fff}body.dark-mode .admin-pagination{border-color:#4a5568}body.dark-mode .admin-pagination-info{color:#a0aec0}body.dark-mode .admin-items-select,body.dark-mode .admin-pagination-btn,body.dark-mode .admin-pagination-number{background:#3a3a3a;border-color:#4a5568;color:#f7fafc}body.dark-mode .admin-items-select:focus,body.dark-mode .admin-pagination-btn:hover:not(:disabled),body.dark-mode .admin-pagination-number:hover:not(:disabled){background:#4a4a4a;border-color:#5a5a5a}body.dark-mode .admin-pagination-number.active{background:#3182ce;border-color:#3182ce}@media (max-width:768px){.admin-conversions{margin-top:70px;margin-top:calc(var(--topbar-height, 60px) + 10px);padding:1rem}.admin-conversions-header{align-items:stretch;flex-direction:column}.admin-conversions-title h1{font-size:1.5rem}.admin-filters-row{align-items:stretch;flex-direction:column}.admin-filter-group{min-width:auto}.admin-stats-cards{grid-template-columns:repeat(2,1fr)}.admin-table-container{overflow-x:scroll}.admin-cards-container{grid-template-columns:1fr}.admin-card-stats{grid-template-columns:repeat(4,1fr)}.admin-pagination{align-items:stretch;flex-direction:column;gap:1rem}.admin-pagination-controls,.admin-pagination-info{justify-content:center}.admin-data-header{align-items:stretch;flex-direction:column}.admin-export-buttons{justify-content:center}}@media (max-width:480px){.admin-conversions-title h1{font-size:1.25rem}.admin-stats-cards{grid-template-columns:1fr}.admin-card-stats{grid-template-columns:repeat(2,1fr)}.admin-pagination-numbers{flex-wrap:wrap;justify-content:center}.admin-actions{flex-direction:column;gap:.5rem}}:root{--sl-accent:#34c759;--sl-accent-2:#2f855a;--sl-dark-accent:#4ade80;--sl-dark-accent-2:#22c55e;--sl-bg:#fff;--sl-bg-top:#eef5ff;--sl-text:#0f172a;--sl-muted:#64748b;--sl-border:#0f172a14;--sl-hover:#34c75914;--sl-active:#34c7591f;--sl-shadow:0 8px 30px #02081414;--sl-radius:14px;--sl-success:#10b981;--sl-warning:#f59e0b;--sl-error:#ef4444}.sl-wrapper{align-items:flex-start;background:linear-gradient(135deg,#eef5ff,#0000);background:linear-gradient(135deg,var(--sl-bg-top),#0000);bottom:0;display:flex;justify-content:center;left:0;left:var(--sidebar-width,0);overflow-y:auto;padding:calc(60px + 2rem) 2rem 2rem;padding:calc(var(--topbar-height, 60px) + 2rem) 2rem 2rem;position:fixed;right:0;top:0}.sl-container{background:linear-gradient(180deg,#eef5ff,#fffffff2 25%,#fff);background:linear-gradient(180deg,var(--sl-bg-top) 0,#fffffff2 25%,var(--sl-bg) 100%);border:1px solid #0f172a14;border:1px solid var(--sl-border);border-radius:14px;border-radius:var(--sl-radius);box-shadow:0 8px 30px #02081414;box-shadow:var(--sl-shadow);color:#0f172a;color:var(--sl-text);display:flex;flex-direction:column;margin:0 auto;max-width:1200px;overflow:visible;padding:3rem;position:relative;transition:all .3s ease;width:100%}.sl-header{background:linear-gradient(90deg,#0000,#34c7590d,#0000);border-bottom:2px solid #34c759;border-bottom:2px solid var(--sl-accent);border-radius:8px;justify-content:space-between;margin-bottom:2rem;padding-bottom:1.5rem;width:100%}.sl-header,.sl-header-content{align-items:center;display:flex}.sl-header-content{gap:1rem}.sl-header-icon{color:#34c759;color:var(--sl-accent);filter:drop-shadow(0 2px 4px rgba(52,199,89,.2))}.sl-title{background:linear-gradient(90deg,#34c759,#2f855a);background:linear-gradient(90deg,var(--sl-accent),var(--sl-accent-2));-webkit-background-clip:text;background-clip:text;color:#0000;font-size:2rem;font-weight:700;line-height:1.2;margin:0}.sl-subtitle{color:#64748b;color:var(--sl-muted);font-size:1rem;margin:.25rem 0 0}.sl-create-form{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#fffc,#eef5ff99);border:1px solid #0f172a14;border:1px solid var(--sl-border);border-radius:12px;box-shadow:0 2px 8px #34c75914;margin-bottom:2rem;padding:2rem}.sl-form-title{align-items:center;color:#0f172a;color:var(--sl-text);display:flex;font-size:1.25rem;font-weight:600;gap:.5rem;margin-bottom:1.5rem}.sl-form-grid{grid-gap:1rem;align-items:end;display:grid;gap:1rem;grid-template-columns:1fr auto}.sl-form-group{display:flex;flex-direction:column;gap:.5rem}.sl-form-label{font-size:.875rem;font-weight:500}.sl-form-input,.sl-form-label{color:#0f172a;color:var(--sl-text)}.sl-form-input{background:#fffc;border:1px solid #0f172a14;border:1px solid var(--sl-border);border-radius:8px;font-size:1rem;padding:.75rem 1rem;transition:all .2s ease}.sl-form-input:focus{border-color:#34c759;border-color:var(--sl-accent);box-shadow:0 0 0 3px #34c7591a;outline:none}.sl-form-select{background:#fffc;border:1px solid #0f172a14;border:1px solid var(--sl-border);border-radius:8px;color:#0f172a;color:var(--sl-text);cursor:pointer;font-size:1rem;padding:.75rem 1rem;transition:all .2s ease}.sl-form-select:focus{border-color:#34c759;border-color:var(--sl-accent);box-shadow:0 0 0 3px #34c7591a;outline:none}.sl-create-btn{align-items:center;background:linear-gradient(135deg,#34c759,#2f855a);background:linear-gradient(135deg,var(--sl-accent),var(--sl-accent-2));border:1px solid #34c7594d;border-radius:8px;box-shadow:0 4px 12px #34c75933;color:#fff;cursor:pointer;display:flex;font-weight:600;gap:.5rem;padding:.75rem 1.5rem;transition:all .3s ease;white-space:nowrap}.sl-create-btn:hover{background:linear-gradient(135deg,#2f855a,#1e7e34);background:linear-gradient(135deg,var(--sl-accent-2),#1e7e34);box-shadow:0 8px 20px #34c7594d;transform:translateY(-2px)}.sl-create-btn:disabled{cursor:not-allowed;opacity:.6;transform:none}.sl-smart-links-section{margin-bottom:2rem}.sl-section-title{align-items:center;color:#0f172a;color:var(--sl-text);display:flex;font-size:1.25rem;font-weight:600;gap:.5rem;margin-bottom:1rem}.sl-table-container{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffc;border:1px solid #0f172a14;border:1px solid var(--sl-border);border-radius:12px;box-shadow:0 2px 8px #34c75914;overflow:hidden}.sl-table{border-collapse:collapse;width:100%}.sl-table th{background:linear-gradient(135deg,#34c759,#2f855a);background:linear-gradient(135deg,var(--sl-accent),var(--sl-accent-2));color:#fff;font-size:.875rem;font-weight:600;letter-spacing:.05em;padding:1rem;text-align:left;text-transform:uppercase}.sl-table td{border-bottom:1px solid #0f172a14;border-bottom:1px solid var(--sl-border);color:#0f172a;color:var(--sl-text);padding:1rem;vertical-align:middle}.sl-table tr:hover{background:#34c7590d}.sl-table tr:last-child td{border-bottom:none}.sl-link-cell{max-width:300px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sl-select-btn{background:linear-gradient(135deg,#10b981,#059669);background:linear-gradient(135deg,var(--sl-success),#059669);border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:.875rem;font-weight:500;padding:.5rem 1rem;transition:all .2s ease}.sl-select-btn:hover{background:linear-gradient(135deg,#059669,#047857);box-shadow:0 4px 8px #10b98133;transform:translateY(-1px)}.sl-select-btn:disabled{cursor:not-allowed;opacity:.6;transform:none}.sl-links-section{margin-bottom:2rem}.sl-links-list{display:flex;flex-direction:column;gap:1rem}.sl-link-item{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#fffc,#eef5ff99);border:1px solid #0f172a14;border:1px solid var(--sl-border);border-radius:12px;box-shadow:0 2px 8px #34c75914;padding:1.5rem;transition:all .3s ease}.sl-link-item:hover{border-color:#34c7594d;box-shadow:0 8px 25px #34c75926;transform:translateY(-2px)}.sl-link-header{align-items:center;display:flex;justify-content:between;margin-bottom:1rem}.sl-link-title{color:#0f172a;color:var(--sl-text);font-size:1.125rem;font-weight:600;margin:0}.sl-link-status{border-radius:20px;font-size:.75rem;font-weight:600;letter-spacing:.05em;padding:.25rem .75rem;text-transform:uppercase}.sl-link-status--active{background:#10b98126;border:1px solid #10b98133;color:#10b981;color:var(--sl-success)}.sl-link-status--inactive{background:#6b728026;border:1px solid #6b728033;color:#64748b;color:var(--sl-muted)}.sl-link-details{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:1fr 1fr;margin-bottom:1rem}.sl-link-detail{display:flex;flex-direction:column;gap:.25rem}.sl-link-detail-label{color:#64748b;color:var(--sl-muted);font-size:.75rem;font-weight:500;letter-spacing:.05em;text-transform:uppercase}.sl-link-detail-value{color:#0f172a;color:var(--sl-text);font-weight:500;word-break:break-all}.sl-link-actions{display:flex;gap:.5rem;justify-content:flex-end}.sl-action-btn{align-items:center;border:1px solid #0000;border-radius:6px;cursor:pointer;display:flex;font-size:.875rem;font-weight:500;gap:.25rem;padding:.5rem 1rem;transition:all .2s ease}.sl-action-btn--copy{background:#34c7591a;border-color:#34c75933;color:#34c759;color:var(--sl-accent)}.sl-action-btn--copy:hover{background:#34c75926;transform:translateY(-1px)}.sl-action-btn--edit{background:#f59e0b1a;border-color:#f59e0b33;color:#f59e0b;color:var(--sl-warning)}.sl-action-btn--edit:hover{background:#f59e0b26;transform:translateY(-1px)}.sl-action-btn--delete{background:#ef44441a;border-color:#ef444433;color:#ef4444;color:var(--sl-error)}.sl-action-btn--delete:hover{background:#ef444426;transform:translateY(-1px)}.sl-empty-state{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:linear-gradient(135deg,#eef5ff4d,#ffffff1a);border-radius:14px;border-radius:var(--sl-radius);color:#64748b;color:var(--sl-muted);padding:4rem 2rem;text-align:center}.sl-empty-icon{color:#34c759;color:var(--sl-accent);filter:drop-shadow(0 2px 4px rgba(52,199,89,.2));margin-bottom:1.5rem;opacity:.4}.sl-empty-state h3{color:#0f172a;color:var(--sl-text);font-size:1.25rem;font-weight:600;margin:0 0 .5rem}.sl-empty-state p{color:#64748b;color:var(--sl-muted);font-size:1rem;margin:0}body.dark-mode{--sl-bg:#0a0a0a;--sl-bg-top:#1a1a1a;--sl-text:#f9fafb;--sl-muted:#a3b3c2;--sl-border:#ffffff1a;--sl-hover:#4ade8014;--sl-active:#4ade801f;--sl-shadow:0 8px 30px #0000004d}body.dark-mode .sl-wrapper{background:linear-gradient(135deg,#1a1a1a,#0000)}body.dark-mode .sl-container{background:linear-gradient(180deg,#1a1a1a,#121212 50%,#0a0a0a);border:1px solid #ffffff1a;box-shadow:0 8px 30px #0000004d;color:#f9fafb}body.dark-mode .sl-title{background:linear-gradient(90deg,#4ade80,#22c55e);background:linear-gradient(90deg,var(--sl-dark-accent),var(--sl-dark-accent-2));-webkit-background-clip:text;background-clip:text;color:#0000}body.dark-mode .sl-header{background:linear-gradient(90deg,#0000,#4ade800d,#0000);border-bottom-color:#4ade80;border-bottom-color:var(--sl-dark-accent)}body.dark-mode .sl-header-icon{color:#4ade80;color:var(--sl-dark-accent);filter:drop-shadow(0 2px 4px rgba(74,222,128,.2))}body.dark-mode .sl-create-btn{background:linear-gradient(135deg,#4ade80,#22c55e);background:linear-gradient(135deg,var(--sl-dark-accent),var(--sl-dark-accent-2));border-color:#4ade804d;box-shadow:0 4px 12px #4ade8033}body.dark-mode .sl-create-btn:hover{background:linear-gradient(135deg,#22c55e,#16a34a);background:linear-gradient(135deg,var(--sl-dark-accent-2),#16a34a);box-shadow:0 8px 20px #4ade804d}body.dark-mode .sl-create-form,body.dark-mode .sl-link-item,body.dark-mode .sl-table-container{background:linear-gradient(135deg,#1f1f1f,#141414);border:1px solid #ffffff26;box-shadow:0 2px 8px #0003}body.dark-mode .sl-link-item:hover{background:linear-gradient(135deg,#2a2a2a,#1f1f1f);border-color:#4ade804d;box-shadow:0 8px 25px #4ade8026}body.dark-mode .sl-form-input,body.dark-mode .sl-form-select{background:#1f1f1ff2;border-color:#ffffff26;color:#fff}body.dark-mode .sl-form-input:focus,body.dark-mode .sl-form-select:focus{border-color:#4ade80;border-color:var(--sl-dark-accent);box-shadow:0 0 0 3px #4ade801a}body.dark-mode .sl-table td{border-color:#ffffff1a;color:#f9fafb}body.dark-mode .sl-table tr:hover{background:#4ade801a}body.dark-mode .sl-action-btn{background:#1f1f1f80;border-color:#ffffff1a}body.dark-mode .sl-action-btn--copy{background:#4ade801a;border-color:#4ade8033;color:#4ade80;color:var(--sl-dark-accent)}body.dark-mode .sl-action-btn--copy:hover{background:#4ade8026}body.dark-mode .sl-action-btn--edit{background:#f59e0b1a;border-color:#f59e0b33;color:#f59e0b;color:var(--sl-warning)}body.dark-mode .sl-action-btn--edit:hover{background:#f59e0b26;border-color:#f59e0b4d}body.dark-mode .sl-action-btn--delete{background:#ef44441a;border-color:#ef444433;color:#ef4444;color:var(--sl-error)}body.dark-mode .sl-action-btn--delete:hover{background:#ef444426;border-color:#ef44444d}body.dark-mode .sl-empty-state{background:linear-gradient(135deg,#1a1a1a99,#0f0f0f4d);color:#a3b3c2}body.dark-mode .sl-empty-icon{color:#4ade80;color:var(--sl-dark-accent);filter:drop-shadow(0 2px 4px rgba(74,222,128,.2))}body.dark-mode .sl-form-label,body.dark-mode .sl-form-title,body.dark-mode .sl-link-title,body.dark-mode .sl-section-title{color:#f9fafb}body.dark-mode .sl-link-detail-label{color:#a3b3c2}body.dark-mode .sl-link-detail-value{color:#f9fafb}body.dark-mode .sl-subtitle{color:#a3b3c2}body:not(.dark-mode) .sl-container{background:linear-gradient(180deg,#eef5ff,#fffffff2 25%,#fff);background:linear-gradient(180deg,var(--sl-bg-top) 0,#fffffff2 25%,var(--sl-bg) 100%);border:1px solid #0f172a14;border:1px solid var(--sl-border);box-shadow:0 8px 30px #02081414;box-shadow:var(--sl-shadow);color:#0f172a;color:var(--sl-text)}body:not(.dark-mode) .sl-subtitle{color:#64748b;color:var(--sl-muted)}body:not(.dark-mode) .sl-create-form,body:not(.dark-mode) .sl-link-item,body:not(.dark-mode) .sl-table-container{background:linear-gradient(135deg,#ffffffe6,#eef5ffb3);border:1px solid #0f172a14;border:1px solid var(--sl-border)}body:not(.dark-mode) .sl-link-item:hover{background:linear-gradient(135deg,#fffffff2,#eef5ffcc);border-color:#34c7594d}body:not(.dark-mode) .sl-form-label,body:not(.dark-mode) .sl-form-title,body:not(.dark-mode) .sl-link-title,body:not(.dark-mode) .sl-section-title{color:#0f172a;color:var(--sl-text)}body:not(.dark-mode) .sl-link-detail-label{color:#64748b;color:var(--sl-muted)}body:not(.dark-mode) .sl-link-detail-value{color:#0f172a;color:var(--sl-text)}body:not(.dark-mode) .sl-empty-state{color:#64748b;color:var(--sl-muted)}body:not(.dark-mode) .sl-empty-state h3{color:#0f172a;color:var(--sl-text)}@media (max-width:768px){.sl-wrapper{padding:calc(60px + 1rem) 1rem 1rem;padding:calc(var(--topbar-height, 60px) + 1rem) 1rem 1rem}.sl-container{padding:2rem 1.5rem}.sl-title{font-size:1.5rem}.sl-form-grid{gap:1rem}.sl-form-grid,.sl-link-details{grid-template-columns:1fr}.sl-link-actions{flex-wrap:wrap}.sl-table-container{overflow-x:auto}.sl-table{min-width:600px}}@media (max-width:480px){.sl-wrapper{padding:calc(60px + .5rem) .5rem .5rem;padding:calc(var(--topbar-height, 60px) + .5rem) .5rem .5rem}.sl-container{padding:1.5rem 1rem}.sl-title{font-size:1.25rem}.sl-create-form{padding:1.5rem}.sl-link-item{padding:1rem}.sl-action-btn{font-size:.8rem;padding:.4rem .8rem}}.spinner{animation:spin 1s linear infinite;border:2px solid #ffffff4d;border-radius:50%;border-top-color:#fff;height:16px;width:16px}.sl-container{animation:fadeInUp .6s ease-out}.smartlinks-container{background-color:#fff;background-color:var(--color-card-bg-light);border-radius:1rem;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;box-shadow:var(--color-shadow-light);color:#1f2937;color:var(--color-text-light);margin:calc(var(--topbar-height) + 20px) auto 0;max-width:1200px;padding:2rem}body.dark-mode .smartlinks-container{background-color:#1f2937;background-color:var(--color-card-bg-dark);box-shadow:0 10px 15px -3px #00000080,0 4px 6px -2px #00000080;box-shadow:var(--color-shadow-dark);color:#fff;color:var(--color-text-dark)}.smartlinks-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:2rem}.smartlinks-title{align-items:center;color:#34c759;color:var(--color-primary-light);display:flex;font-size:1.75rem;gap:.75rem;margin:0}body.dark-mode .smartlinks-title{color:#4ade80;color:var(--color-primary-dark)}.smartlinks-title-icon{align-items:center;background-color:#34c759;background-color:var(--color-primary-light);border-radius:10px;color:#fff;display:flex;height:40px;justify-content:center;width:40px}body.dark-mode .smartlinks-title-icon{background-color:#4ade80;background-color:var(--color-primary-dark);color:#111827;color:var(--color-background-dark)}.smartlinks-create-btn,.smartlinks-search-btn{align-items:center;background-color:#34c759;background-color:var(--color-primary-light);border:none;border-radius:.5rem;color:#fff;cursor:pointer;display:flex;font-size:1rem;font-weight:500;gap:.5rem;padding:.75rem 1.5rem;transition:all .3s ease}body.dark-mode .smartlinks-create-btn,body.dark-mode .smartlinks-search-btn{background-color:#4ade80;background-color:var(--color-primary-dark);color:#111827;color:var(--color-background-dark)}.smartlinks-create-btn:hover,.smartlinks-search-btn:hover{background-color:#2f855a;background-color:var(--color-secondary-light);transform:translateY(-2px)}body.dark-mode .smartlinks-create-btn:hover,body.dark-mode .smartlinks-search-btn:hover{background-color:#34d399;background-color:var(--color-secondary-dark)}.smartlinks-filters{align-items:center;background-color:#f9fafb;background-color:var(--color-background-light);border-radius:.5rem;display:flex;flex-wrap:wrap;gap:12px;margin-bottom:24px;padding:1rem}body.dark-mode .smartlinks-filters{background-color:#111827;background-color:var(--color-background-dark)}.smartlinks-filter-input,.smartlinks-filter-select,.smartlinks-search-input{background-color:#fff;background-color:var(--color-card-bg-light);border:2px solid #e5e7eb;border:2px solid var(--color-border-light);border-radius:.5rem;color:#1f2937;color:var(--color-text-light);font-size:1rem;min-width:150px;padding:.75rem;transition:all .3s ease}body.dark-mode .smartlinks-filter-input,body.dark-mode .smartlinks-filter-select,body.dark-mode .smartlinks-search-input{background-color:#1f2937;background-color:var(--color-card-bg-dark);border-color:#374151;border-color:var(--color-border-dark);color:#fff;color:var(--color-text-dark)}.smartlinks-filter-input:focus,.smartlinks-filter-select:focus,.smartlinks-search-input:focus{border-color:#34c759;border-color:var(--color-primary-light);box-shadow:0 0 0 3px #34c7591a;outline:none}body.dark-mode .smartlinks-filter-input:focus,body.dark-mode .smartlinks-filter-select:focus,body.dark-mode .smartlinks-search-input:focus{border-color:#4ade80;border-color:var(--color-primary-dark);box-shadow:0 0 0 3px #4ade8033}.smartlinks-table-container{background-color:#fff;background-color:var(--color-card-bg-light);border-radius:.5rem;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;box-shadow:var(--color-shadow-light);margin-bottom:1.5rem;overflow:hidden}body.dark-mode .smartlinks-table-container{background-color:#1f2937;background-color:var(--color-card-bg-dark);box-shadow:0 10px 15px -3px #00000080,0 4px 6px -2px #00000080;box-shadow:var(--color-shadow-dark)}.smartlinks-table{border-collapse:collapse;width:100%}.smartlinks-table td,.smartlinks-table th{border-bottom:1px solid #e5e7eb;border-bottom:1px solid var(--color-border-light);padding:1rem;text-align:left}body.dark-mode .smartlinks-table td,body.dark-mode .smartlinks-table th{border-bottom:1px solid #374151;border-bottom:1px solid var(--color-border-dark)}.smartlinks-table th{background-color:#34c759;background-color:var(--color-primary-light);color:#fff;font-weight:600}body.dark-mode .smartlinks-table th{background-color:#4ade80;background-color:var(--color-primary-dark);color:#111827;color:var(--color-background-dark)}.smartlinks-table tr:hover{background-color:#34c7590d}body.dark-mode .smartlinks-table tr:hover{background-color:#4ade800d}.smartlinks-action-buttons,.smartlinks-actions{display:flex;gap:.5rem;justify-content:center}.smartlinks-action-btn,.smartlinks-delete-btn,.smartlinks-edit-btn,.smartlinks-view-btn{align-items:center;background:none;border:none;border-radius:.25rem;cursor:pointer;display:inline-flex;justify-content:center;padding:.5rem;transition:all .3s ease}.smartlinks-view-btn{color:#34c759;color:var(--color-primary-light)}.smartlinks-view-btn:hover{background-color:#34c7591a;color:#2f855a;color:var(--color-secondary-light)}body.dark-mode .smartlinks-view-btn{color:#4ade80;color:var(--color-primary-dark)}body.dark-mode .smartlinks-view-btn:hover{background-color:#4ade801a;color:#34d399;color:var(--color-secondary-dark)}.smartlinks-edit-btn{color:#f59e0b;color:var(--color-warning-light)}.smartlinks-edit-btn:hover{background-color:#f59e0b1a;color:#e69500}body.dark-mode .smartlinks-edit-btn{color:#fbbf24;color:var(--color-warning-dark)}body.dark-mode .smartlinks-edit-btn:hover{background-color:#fbbf241a;color:#e6a700}.smartlinks-delete-btn{color:#ef4444;color:var(--color-danger-light)}.smartlinks-delete-btn:hover{background-color:#ef44441a;color:#dc2626}body.dark-mode .smartlinks-delete-btn{color:#f87171;color:var(--color-danger-dark)}body.dark-mode .smartlinks-delete-btn:hover{background-color:#f871711a;color:#ef4444}.smartlinks-pagination{align-items:center;display:flex;gap:10px;justify-content:center;margin-top:1.5rem}.smartlinks-pagination-btn{background-color:#34c759;background-color:var(--color-primary-light);border:none;border-radius:.5rem;color:#fff;cursor:pointer;font-size:1rem;padding:.75rem 1.5rem;transition:all .3s ease}body.dark-mode .smartlinks-pagination-btn{background-color:#4ade80;background-color:var(--color-primary-dark);color:#111827;color:var(--color-background-dark)}.smartlinks-pagination-btn:hover:not(:disabled){background-color:#2f855a;background-color:var(--color-secondary-light);transform:translateY(-2px)}body.dark-mode .smartlinks-pagination-btn:hover:not(:disabled){background-color:#34d399;background-color:var(--color-secondary-dark)}.smartlinks-pagination-btn:disabled{background-color:#6b7280;background-color:var(--color-muted-light);cursor:not-allowed;opacity:.5}body.dark-mode .smartlinks-pagination-btn:disabled{background-color:#94a3b8;background-color:var(--color-muted-dark)}.smartlinks-pagination-info{color:#1f2937;color:var(--color-text-light);font-weight:500}body.dark-mode .smartlinks-pagination-info{color:#fff;color:var(--color-text-dark)}.smartlinks-modal-overlay{align-items:center;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background-color:#000000bf;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.smartlinks-modal{background-color:#fff;background-color:var(--color-card-bg-light);border-radius:1rem;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;box-shadow:var(--color-shadow-light);max-height:85vh;max-width:800px;overflow-y:auto;width:90%}body.dark-mode .smartlinks-modal{background-color:#1f2937;background-color:var(--color-card-bg-dark);box-shadow:0 10px 15px -3px #00000080,0 4px 6px -2px #00000080;box-shadow:var(--color-shadow-dark)}.smartlinks-modal-header{align-items:center;background-color:#34c759;background-color:var(--color-primary-light);border-top-left-radius:1rem;border-top-right-radius:1rem;color:#fff;display:flex;justify-content:space-between;padding:1.5rem}body.dark-mode .smartlinks-modal-header{background-color:#4ade80;background-color:var(--color-primary-dark);color:#111827;color:var(--color-background-dark)}.smartlinks-modal-title{align-items:center;display:flex;font-size:1.5rem;font-weight:600;gap:.75rem;margin:0}.smartlinks-modal-close{background:none;border:none;color:#fff;cursor:pointer;font-size:1.5rem;transition:transform .3s ease}.smartlinks-modal-close:hover{transform:scale(1.1)}.smartlinks-modal-body{padding:1.5rem}.smartlinks-form-group{margin-bottom:1.5rem}.smartlinks-form-label{color:#1f2937;color:var(--color-text-light);display:block;font-size:.875rem;font-weight:500;margin-bottom:.5rem}body.dark-mode .smartlinks-form-label{color:#fff;color:var(--color-text-dark)}.smartlinks-form-input,.smartlinks-form-select{background-color:#fff;background-color:var(--color-card-bg-light);border:2px solid #e5e7eb;border:2px solid var(--color-border-light);border-radius:.5rem;color:#1f2937;color:var(--color-text-light);font-size:1rem;padding:.75rem;transition:all .3s ease;width:100%}body.dark-mode .smartlinks-form-input,body.dark-mode .smartlinks-form-select{background-color:#1f2937;background-color:var(--color-card-bg-dark);border-color:#374151;border-color:var(--color-border-dark);color:#fff;color:var(--color-text-dark)}.smartlinks-form-input:focus,.smartlinks-form-select:focus{border-color:#34c759;border-color:var(--color-primary-light);box-shadow:0 0 0 3px #34c7591a;outline:none}body.dark-mode .smartlinks-form-input:focus,body.dark-mode .smartlinks-form-select:focus{border-color:#4ade80;border-color:var(--color-primary-dark);box-shadow:0 0 0 3px #4ade8033}.smartlinks-form-actions{display:flex;gap:1rem;justify-content:flex-end;margin-top:2rem}.smartlinks-btn-primary{background-color:#34c759;background-color:var(--color-primary-light);border:none;border-radius:.5rem;color:#fff;cursor:pointer;font-size:1rem;font-weight:500;padding:.75rem 1.5rem;transition:all .3s ease}body.dark-mode .smartlinks-btn-primary{background-color:#4ade80;background-color:var(--color-primary-dark);color:#111827;color:var(--color-background-dark)}.smartlinks-btn-primary:hover{background-color:#2f855a;background-color:var(--color-secondary-light);transform:translateY(-2px)}body.dark-mode .smartlinks-btn-primary:hover{background-color:#34d399;background-color:var(--color-secondary-dark)}.smartlinks-btn-secondary{background-color:#6b7280;background-color:var(--color-muted-light);border:none;border-radius:.5rem;color:#fff;cursor:pointer;font-size:1rem;font-weight:500;padding:.75rem 1.5rem;transition:all .3s ease}body.dark-mode .smartlinks-btn-secondary{background-color:#94a3b8;background-color:var(--color-muted-dark);color:#111827;color:var(--color-background-dark)}.smartlinks-btn-secondary:hover{background-color:#4b5563;transform:translateY(-2px)}body.dark-mode .smartlinks-btn-secondary:hover{background-color:#6b7280}.smartlinks-landing-pages{margin-top:1.5rem}.smartlinks-landing-page-item{align-items:center;background-color:#f9fafb;background-color:var(--color-background-light);border-radius:.5rem;display:flex;gap:1rem;margin-bottom:1rem;padding:1rem}body.dark-mode .smartlinks-landing-page-item{background-color:#111827;background-color:var(--color-background-dark)}.smartlinks-landing-page-remove{align-items:center;background-color:#ef4444;background-color:var(--color-danger-light);border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;height:30px;justify-content:center;transition:all .3s ease;width:30px}body.dark-mode .smartlinks-landing-page-remove{background-color:#f87171;background-color:var(--color-danger-dark)}.smartlinks-landing-page-remove:hover{background-color:#dc2626;transform:scale(1.1)}body.dark-mode .smartlinks-landing-page-remove:hover{background-color:#ef4444}.smartlinks-add-landing-page{align-items:center;background-color:#34c759;background-color:var(--color-primary-light);border:none;border-radius:.5rem;color:#fff;cursor:pointer;display:flex;font-size:1rem;font-weight:500;gap:.5rem;margin-top:1rem;padding:.75rem 1.5rem;transition:all .3s ease}body.dark-mode .smartlinks-add-landing-page{background-color:#4ade80;background-color:var(--color-primary-dark);color:#111827;color:var(--color-background-dark)}.smartlinks-add-landing-page:hover{background-color:#2f855a;background-color:var(--color-secondary-light);transform:translateY(-2px)}body.dark-mode .smartlinks-add-landing-page:hover{background-color:#34d399;background-color:var(--color-secondary-dark)}.smartlinks-empty-state{color:#6b7280;color:var(--color-muted-light);padding:3rem 1rem;text-align:center}body.dark-mode .smartlinks-empty-state{color:#94a3b8;color:var(--color-muted-dark)}.smartlinks-empty-state-icon{color:#34c759;color:var(--color-primary-light);font-size:3rem;margin-bottom:1rem}body.dark-mode .smartlinks-empty-state-icon{color:#4ade80;color:var(--color-primary-dark)}.smartlinks-empty-state-text{font-size:1.25rem;margin-bottom:1.5rem}.smartlinks-link-preview{align-items:center;background-color:#f9fafb;background-color:var(--color-background-light);border-radius:.5rem;display:flex;font-family:monospace;gap:.5rem;margin-top:.5rem;padding:1rem;word-break:break-all}body.dark-mode .smartlinks-link-preview{background-color:#111827;background-color:var(--color-background-dark)}.smartlinks-copy-btn{align-items:center;background-color:#34c759;background-color:var(--color-primary-light);border:none;border-radius:.5rem;color:#fff;cursor:pointer;display:flex;justify-content:center;padding:.5rem;transition:all .3s ease}body.dark-mode .smartlinks-copy-btn{background-color:#4ade80;background-color:var(--color-primary-dark);color:#111827;color:var(--color-background-dark)}.smartlinks-copy-btn:hover{background-color:#2f855a;background-color:var(--color-secondary-light);transform:scale(1.1)}body.dark-mode .smartlinks-copy-btn:hover{background-color:#34d399;background-color:var(--color-secondary-dark)}.smartlinks-search{align-items:center;display:flex;gap:.5rem;margin-bottom:1.5rem}.smartlinks-search-input{flex:1 1}.smartlinks-link-cell{max-width:300px}.smartlinks-link{align-items:center;display:flex;gap:.5rem}.smartlinks-link-text{flex:1 1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.smartlinks-link .smartlinks-copy-btn{flex-shrink:0;font-size:.75rem;min-height:24px;min-width:24px;padding:.25rem}.smartlinks-no-data{color:#6b7280;color:var(--color-muted-light);font-style:italic;padding:2rem;text-align:center}body.dark-mode .smartlinks-no-data{color:#94a3b8;color:var(--color-muted-dark)}:root{--color-primary-light:#34c759;--color-secondary-light:#2f855a;--color-accent-light:#10b981;--color-success-light:#10b981;--color-warning-light:#f59e0b;--color-danger-light:#ef4444;--color-text-light:#1f2937;--color-muted-light:#6b7280;--color-background-light:#f9fafb;--color-card-bg-light:#fff;--color-shadow-light:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;--color-border-light:#e5e7eb;--color-chart-grid-light:#e5e7eb;--color-primary-dark:#4ade80;--color-secondary-dark:#34d399;--color-accent-dark:#22c55e;--color-success-dark:#22c55e;--color-warning-dark:#fbbf24;--color-danger-dark:#f87171;--color-text-dark:#fff;--color-muted-dark:#94a3b8;--color-background-dark:#111827;--color-card-bg-dark:#1f2937;--color-shadow-dark:0 10px 15px -3px #00000080,0 4px 6px -2px #00000080;--color-border-dark:#374151;--color-chart-grid-dark:#374151;--color-gradient-light-1:#1a1a1a;--color-gradient-light-2:#121212;--color-gradient-light-3:#0a0a0a;--color-gradient-dark-1:#2a2a2a;--color-gradient-dark-2:#1f1f1f;--color-gradient-dark-3:#141414;--color-tooltip-dark:#2d3748;--color-device-ios-light:#357abd;--color-device-ios-dark:#4a90e2;--color-device-android-light:#2e7d7d;--color-device-android-dark:#50c9ce;--color-device-windows-light:#d68c1a;--color-device-windows-dark:#f7b731;--color-device-macos-light:#8254a0;--color-device-macos-dark:#a07cc4;--color-device-linux-light:#c0392b;--color-device-linux-dark:#ec6b6b}.reports-container{margin:calc(var(--topbar-height) + 20px) auto 0;max-width:1400px;min-height:calc(100vh - var(--topbar-height) - 40px);padding:2rem}body.dark-mode .reports-container{background:linear-gradient(180deg,#1a1a1a,#121212 50%,#0a0a0a);background:linear-gradient(180deg,var(--color-gradient-light-1) 0,var(--color-gradient-light-2) 50%,var(--color-gradient-light-3) 100%)}.reports-header{align-items:center;display:flex;flex-wrap:wrap;gap:1rem;justify-content:space-between;margin-bottom:2rem}.reports-title{font-size:2rem;font-weight:700;margin:0}.reports-loading{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border-radius:20px;display:flex;font-size:1.1rem;font-weight:500;justify-content:center;min-height:400px}body.dark-mode .reports-loading{background:linear-gradient(180deg,#1a1a1a,#121212 50%,#0a0a0a);background:linear-gradient(180deg,var(--color-gradient-light-1) 0,var(--color-gradient-light-2) 50%,var(--color-gradient-light-3) 100%);border:1px solid #ffffff1a}.reports-container{animation:fadeInUp .6s ease-out}.reports-metrics-grid .reports-metric-card:first-child{animation-delay:.1s;animation:fadeInUp .6s ease-out backwards}.reports-metrics-grid .reports-metric-card:nth-child(2){animation-delay:.2s;animation:fadeInUp .6s ease-out backwards}.reports-metrics-grid .reports-metric-card:nth-child(3){animation-delay:.3s;animation:fadeInUp .6s ease-out backwards}.reports-metrics-grid .reports-metric-card:nth-child(4){animation-delay:.4s;animation:fadeInUp .6s ease-out backwards}.reports-charts-grid .reports-chart-card:first-child{animation-delay:.5s;animation:fadeInUp .6s ease-out backwards}.reports-charts-grid .reports-chart-card:nth-child(2){animation-delay:.6s;animation:fadeInUp .6s ease-out backwards}.reports-stats-grid .reports-stats-card:first-child{animation-delay:.7s;animation:fadeInUp .6s ease-out backwards}.reports-stats-grid .reports-stats-card:nth-child(2){animation-delay:.8s;animation:fadeInUp .6s ease-out backwards}.reports-filter-bar{align-items:center;display:flex;flex-wrap:wrap;gap:1rem}.reports-filter-group{align-items:center;background:#fff;border:1px solid #e5e7eb;border:1px solid var(--color-border-light);border-radius:12px;box-shadow:0 2px 4px #0000000d;display:flex;gap:.5rem;padding:.5rem 1rem}body.dark-mode .reports-filter-group{background:linear-gradient(180deg,#1a1a1a,#121212 50%,#0a0a0a);background:linear-gradient(180deg,var(--color-gradient-light-1) 0,var(--color-gradient-light-2) 50%,var(--color-gradient-light-3) 100%);border:1px solid #374151;border:1px solid var(--color-border-dark);box-shadow:0 2px 4px #0003}.reports-filter-group svg{color:#34c759;color:var(--color-primary-light)}body.dark-mode .reports-filter-group svg{color:#4ade80;color:var(--color-primary-dark)}.reports-filter-select{background:none;border:none;color:#1f2937;color:var(--color-text-light);cursor:pointer;font-size:.95rem;min-width:120px;outline:none}body.dark-mode .reports-filter-select{color:#fff;color:var(--color-text-dark)}body.dark-mode .reports-filter-select option{background:linear-gradient(180deg,#1a1a1a,#121212 50%,#0a0a0a);background:linear-gradient(180deg,var(--color-gradient-light-1) 0,var(--color-gradient-light-2) 50%,var(--color-gradient-light-3) 100%);color:#f3f4f6}.reports-filter-input{background:none;border:none;color:#1f2937;color:var(--color-text-light);font-size:.95rem;min-width:140px;outline:none;padding:.25rem 0}body.dark-mode .reports-filter-input{color:#fff;color:var(--color-text-dark)}.reports-filter-input::placeholder{color:#6b7280;color:var(--color-muted-light);font-style:italic}body.dark-mode .reports-filter-input::placeholder{color:#94a3b8;color:var(--color-muted-dark)}.reports-filter-input[type=date]{cursor:pointer;min-width:120px}.reports-filter-input[type=date]::-webkit-calendar-picker-indicator{cursor:pointer}body.dark-mode .reports-filter-input[type=date]::-webkit-calendar-picker-indicator{filter:invert(1)}.reports-export-button{align-items:center;background:linear-gradient(135deg,#34c759,#2f855a);background:linear-gradient(135deg,var(--color-primary-light),var(--color-secondary-light));border:none;border-radius:16px;box-shadow:0 4px 12px #34c75933;color:#fff;cursor:pointer;display:flex;font-size:.95rem;font-weight:600;gap:.5rem;overflow:hidden;padding:.75rem 1.5rem;position:relative;transition:all .3s ease}.reports-export-button:before{background:linear-gradient(90deg,#0000,#fff3,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s;width:100%}.reports-export-button:hover:before{left:100%}.reports-export-button:hover{background:linear-gradient(135deg,#2f855a,#1e7e34);background:linear-gradient(135deg,var(--color-secondary-light),#1e7e34);box-shadow:0 8px 20px #34c7594d;transform:translateY(-3px)}.reports-export-button:active{box-shadow:0 4px 12px #34c75933;transform:translateY(-1px)}body.dark-mode .reports-export-button{background:linear-gradient(135deg,#4ade80,#34d399);background:linear-gradient(135deg,var(--color-primary-dark),var(--color-secondary-dark));box-shadow:0 4px 12px #4ade8033}body.dark-mode .reports-export-button:hover{background:linear-gradient(135deg,#34d399,#22c55e);background:linear-gradient(135deg,var(--color-secondary-dark),var(--color-accent-dark));box-shadow:0 8px 20px #4ade804d}.reports-metrics-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-bottom:2rem}.reports-metric-card{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#fffc,#eef5ff99);border:1px solid #0f172a14;border-radius:16px;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;box-shadow:var(--color-shadow-light);display:flex;flex-direction:column;justify-content:center;overflow:hidden;padding:1.5rem;position:relative;transition:all .3s ease}body.dark-mode .reports-metric-card{background:linear-gradient(180deg,#1a1a1a,#121212 50%,#0a0a0a);background:linear-gradient(180deg,var(--color-gradient-light-1) 0,var(--color-gradient-light-2) 50%,var(--color-gradient-light-3) 100%);border:1px solid #ffffff26;box-shadow:0 10px 15px -3px #00000080,0 4px 6px -2px #00000080;box-shadow:var(--color-shadow-dark)}.reports-metric-card:hover{background:linear-gradient(135deg,#fffffff2,#eef5ffcc);border-color:#34c7594d;box-shadow:0 8px 25px #34c75926;transform:translateY(-4px)}body.dark-mode .reports-metric-card:hover{background:linear-gradient(180deg,#2a2a2a,#1f1f1f 50%,#141414);background:linear-gradient(180deg,var(--color-gradient-dark-1) 0,var(--color-gradient-dark-2) 50%,var(--color-gradient-dark-3) 100%);border-color:#4ade804d;box-shadow:0 8px 25px #4ade8026}.reports-metric-card:before{background:linear-gradient(90deg,#34c759,#10b981);background:linear-gradient(90deg,var(--color-primary-light),var(--color-accent-light));border-radius:16px 16px 0 0;content:"";height:3px;left:0;position:absolute;right:0;top:0}body.dark-mode .reports-metric-card:before{background:linear-gradient(90deg,#4ade80,#22c55e);background:linear-gradient(90deg,var(--color-primary-dark),var(--color-accent-dark))}.reports-metric-header{align-items:center;display:flex;justify-content:center;margin-bottom:1rem;position:relative;width:100%}.reports-metric-icon{align-items:center!important;background:linear-gradient(135deg,#34c759,#2f855a);background:linear-gradient(135deg,var(--color-primary-light),var(--color-secondary-light));border-radius:12px;box-shadow:0 4px 12px #34c7594d;color:#fff;display:flex!important;flex-shrink:0;height:48px!important;justify-content:center!important;transition:all .3s ease;width:48px!important}body.dark-mode .reports-metric-icon{background:linear-gradient(135deg,#4ade80,#34d399);background:linear-gradient(135deg,var(--color-primary-dark),var(--color-secondary-dark));box-shadow:0 4px 12px #4ade804d}.reports-metric-icon svg{display:block!important;margin:auto!important}.reports-metric-change{align-items:center;display:flex;font-size:.875rem;font-weight:600;gap:.25rem;position:absolute;right:1rem;top:1rem}.reports-metric-change[data-positive=true]{color:#10b981;color:var(--color-success-light)}.reports-metric-change[data-positive=false]{color:#ef4444;color:var(--color-danger-light)}.reports-metric-change[data-positive=false] svg{transform:rotate(180deg)}.reports-metric-content{align-items:center;display:flex;flex-direction:column;gap:.5rem;text-align:center}.reports-metric-title{color:#6b7280;color:var(--color-muted-light);font-size:.875rem;font-weight:500;letter-spacing:.05em;margin:0;text-transform:uppercase}body.dark-mode .reports-metric-title{color:#94a3b8;color:var(--color-muted-dark)}.reports-metric-value{color:#1f2937;color:var(--color-text-light);font-size:2rem;font-weight:700;line-height:1}body.dark-mode .reports-metric-value{color:#fff;color:var(--color-text-dark)}.reports-charts-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(500px,1fr));margin-bottom:2rem}.reports-chart-card{-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background:linear-gradient(135deg,#fffffff2,#f8fafccc);border:1px solid #34c75926;border-radius:20px;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;box-shadow:var(--color-shadow-light);overflow:hidden;padding:2rem;position:relative;transition:all .3s ease}body.dark-mode .reports-chart-card{background:linear-gradient(180deg,#1a1a1a,#121212 50%,#0a0a0a);background:linear-gradient(180deg,var(--color-gradient-light-1) 0,var(--color-gradient-light-2) 50%,var(--color-gradient-light-3) 100%);border:1px solid #4ade8033;box-shadow:0 10px 15px -3px #00000080,0 4px 6px -2px #00000080;box-shadow:var(--color-shadow-dark)}.reports-chart-card:before{background:linear-gradient(90deg,#34c759,#10b981);background:linear-gradient(90deg,var(--color-primary-light),var(--color-accent-light));border-radius:20px 20px 0 0;content:"";height:3px;left:0;position:absolute;right:0;top:0}body.dark-mode .reports-chart-card:before{background:linear-gradient(90deg,#4ade80,#22c55e);background:linear-gradient(90deg,var(--color-primary-dark),var(--color-accent-dark))}.reports-chart-card:hover{box-shadow:0 12px 40px #34c75933;transform:translateY(-4px)}body.dark-mode .reports-chart-card:hover{background:linear-gradient(180deg,#2a2a2a,#1f1f1f 50%,#141414);background:linear-gradient(180deg,var(--color-gradient-dark-1) 0,var(--color-gradient-dark-2) 50%,var(--color-gradient-dark-3) 100%);box-shadow:0 12px 40px #4ade804d}.reports-chart-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:1.5rem}.reports-chart-title{font-size:1.25rem;font-weight:600;margin:0}.reports-chart-legend{display:flex;gap:1.5rem}.reports-legend-item{align-items:center;display:flex;font-size:.875rem;gap:.5rem}.reports-legend-dot{border-radius:50%;height:12px;width:12px}.reports-stats-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:1fr 2fr;margin-bottom:2rem}.reports-stats-card{-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background:linear-gradient(135deg,#fffffff2,#f8fafccc);border:1px solid #34c75926;border-radius:20px;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;box-shadow:var(--color-shadow-light);overflow:hidden;padding:2rem;position:relative;transition:all .3s ease}body.dark-mode .reports-stats-card{background:linear-gradient(180deg,#1a1a1a,#121212 50%,#0a0a0a);background:linear-gradient(180deg,var(--color-gradient-light-1) 0,var(--color-gradient-light-2) 50%,var(--color-gradient-light-3) 100%);border:1px solid #4ade8033;box-shadow:0 10px 15px -3px #00000080,0 4px 6px -2px #00000080;box-shadow:var(--color-shadow-dark)}.reports-stats-card:before{background:linear-gradient(90deg,#34c759,#10b981);background:linear-gradient(90deg,var(--color-primary-light),var(--color-accent-light));border-radius:20px 20px 0 0;content:"";height:3px;left:0;position:absolute;right:0;top:0}body.dark-mode .reports-stats-card:before{background:linear-gradient(90deg,#4ade80,#22c55e);background:linear-gradient(90deg,var(--color-primary-dark),var(--color-accent-dark))}.reports-stats-card:hover{box-shadow:0 12px 40px #34c75933;transform:translateY(-4px)}body.dark-mode .reports-stats-card:hover{background:linear-gradient(180deg,#2a2a2a,#1f1f1f 50%,#141414);background:linear-gradient(180deg,var(--color-gradient-dark-1) 0,var(--color-gradient-dark-2) 50%,var(--color-gradient-dark-3) 100%);box-shadow:0 12px 40px #4ade804d}.reports-stats-title{font-size:1.25rem;font-weight:600;margin:0 0 1.5rem;text-align:center}.reports-device-stats{display:flex;flex-direction:column;gap:.75rem;margin-top:1.5rem}.reports-device-item{align-items:center;background:#f9fafbcc;border:1px solid #e5e7eb;border:1px solid var(--color-border-light);border-radius:8px;display:flex;font-size:.95rem;gap:.75rem;padding:.75rem}body.dark-mode .reports-device-item{background:linear-gradient(180deg,#1a1a1a,#121212 50%,#0a0a0a);background:linear-gradient(180deg,var(--color-gradient-light-1) 0,var(--color-gradient-light-2) 50%,var(--color-gradient-light-3) 100%);border:1px solid #374151;border:1px solid var(--color-border-dark)}.reports-device-value{font-weight:600;margin-left:auto}.reports-countries-table{display:flex;flex-direction:column;gap:.5rem}.reports-table-header{grid-gap:1rem;background:#f9fafbcc;border:1px solid #e5e7eb;border:1px solid var(--color-border-light);border-radius:8px;display:grid;font-size:.875rem;font-weight:600;gap:1rem;grid-template-columns:2fr 1fr 1fr 1fr;letter-spacing:.05em;padding:.75rem 1rem;text-transform:uppercase}body.dark-mode .reports-table-header{background:linear-gradient(180deg,#1a1a1a,#121212 50%,#0a0a0a);background:linear-gradient(180deg,var(--color-gradient-light-1) 0,var(--color-gradient-light-2) 50%,var(--color-gradient-light-3) 100%);border:1px solid #374151;border:1px solid var(--color-border-dark)}.reports-table-row{grid-gap:1rem;align-items:center;background:#0000;display:grid;font-size:.95rem;gap:1rem;grid-template-columns:2fr 1fr 1fr 1fr;transition:all .2s ease}body.dark-mode .reports-table-row{background:linear-gradient(180deg,#1a1a1a,#121212 50%,#0a0a0a);background:linear-gradient(180deg,var(--color-gradient-light-1) 0,var(--color-gradient-light-2) 50%,var(--color-gradient-light-3) 100%)}.reports-table-row:nth-child(odd){background:#f9fafb80}body.dark-mode .reports-table-row:nth-child(odd){background:#1f29374d}.reports-country-name{align-items:center;display:flex;font-weight:500;gap:.5rem}.reports-country-flag{align-items:center;display:flex;font-size:1.5rem;height:32px;justify-content:center;width:32px}@media screen and (max-width:1200px){.reports-charts-grid,.reports-stats-grid{grid-template-columns:1fr}}@media screen and (max-width:768px){.reports-container{padding:1rem}.reports-header{align-items:flex-start;flex-direction:column}.reports-title{font-size:1.5rem}.reports-filter-bar{width:100%}.reports-filter-group{flex:1 1}.reports-filter-select{min-width:auto}.reports-export-button{justify-content:center;width:100%}.reports-metrics-grid{gap:1rem;grid-template-columns:1fr}.reports-metric-value{font-size:1.5rem}.reports-charts-grid{gap:1rem}.reports-chart-card{padding:1rem}.reports-chart-title{font-size:1rem}.reports-chart-legend{flex-direction:column;gap:.5rem}.reports-stats-card{padding:1rem}.reports-stats-title{font-size:1rem}.reports-table-header,.reports-table-row{grid-template-columns:2fr 1fr 1fr}.reports-table-header span:last-child,.reports-table-row span:last-child{display:none}}@media screen and (max-width:480px){.reports-metrics-grid{gap:.75rem}.reports-metric-card{padding:1rem}.reports-metric-icon{height:40px!important;width:40px!important}.reports-metric-icon svg{height:20px!important;width:20px!important}.reports-metric-value{font-size:1.25rem}.reports-device-item,.reports-table-header,.reports-table-row{font-size:.875rem;padding:.5rem}}.reports-chart-card,.reports-metric-card,.reports-stats-card{animation:fadeIn .6s ease-out}.reports-metric-card:first-child{animation-delay:.1s}.reports-metric-card:nth-child(2){animation-delay:.2s}.reports-metric-card:nth-child(3){animation-delay:.3s}.reports-metric-card:nth-child(4){animation-delay:.4s}.affiliate-container{animation:fadeInUp .6s ease-out;background-color:#f5f7fa;margin:80px auto 0;margin:calc(var(--topbar-height, 60px) + 20px) auto 0;max-width:1400px;min-height:calc(100vh - 100px);min-height:calc(100vh - var(--topbar-height, 60px) - 40px);padding:2rem;position:relative}body.dark-mode .affiliate-container{background-color:#1a1a1a}.affiliate-loading{align-items:center;display:flex;flex-direction:column;gap:1rem;justify-content:center;min-height:400px}.affiliate-chart-section{background:#fff;border:1px solid #e2e8f0;border-radius:12px;margin-bottom:2rem;padding:1.5rem}.affiliate-chart-section .affiliate-section-title{color:#2d3748;font-size:1.25rem;font-weight:600;margin-bottom:1rem}body.dark-mode .affiliate-chart-section{background:#2d2d2d;border:1px solid #4a5568}body.dark-mode .affiliate-chart-section .affiliate-section-title{color:#f7fafc}.row-enter{opacity:0;transform:translateY(20px)}.row-enter-active{transition:opacity .3s ease-out,transform .3s ease-out}.row-enter-active,.row-exit{opacity:1;transform:translateY(0)}.row-exit-active{opacity:0;transform:translateY(-20px);transition:opacity .3s ease-out,transform .3s ease-out}.affiliate-smartlinks-table tbody tr{transition-delay:calc(var(--row-index)*50ms)}body.dark-mode .row-enter-active,body.dark-mode .row-exit-active{transition:opacity .3s ease-out,transform .3s ease-out}.affiliate-loading-spinner{animation:spin 1s linear infinite;border:4px solid #e2e8f0;border-radius:50%;border-top-color:#4caf50;height:48px;width:48px}body.dark-mode .affiliate-loading-spinner{border-color:#4caf50 #4a5568 #4a5568}.affiliate-loading-text{color:#718096;font-size:.875rem;font-weight:500}body.dark-mode .affiliate-loading-text{color:#a0aec0}.affiliate-filters-section{animation:slideInCard .8s ease-out both;background:#fff;border:1px solid #e2e8f0;border-radius:16px;box-shadow:0 2px 8px #0000000d;margin-bottom:2rem;padding:2rem;transition:all .4s cubic-bezier(.4,0,.2,1)}body.dark-mode .affiliate-filters-section{background:#2d2d2d;border-color:#4a5568;box-shadow:0 2px 8px #0003}.affiliate-filters-header{align-items:center;display:flex;flex-wrap:wrap;gap:1rem;justify-content:space-between;margin-bottom:1.5rem}.affiliate-filters-title{align-items:center;color:#2d3748;display:flex;font-size:1.25rem;font-weight:600;gap:.5rem;margin:0}body.dark-mode .affiliate-filters-title{color:#f3f4f6}.affiliate-clear-filters-btn{align-items:center;background:#f56565;border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:.875rem;font-weight:500;gap:.5rem;padding:.5rem 1rem;transition:all .3s ease}.affiliate-clear-filters-btn:hover{background:#e53e3e;box-shadow:0 4px 12px #f565654d;transform:translateY(-2px)}.affiliate-clear-filters-btn:disabled{box-shadow:none;cursor:not-allowed;opacity:.5;transform:none}.affiliate-filters-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:1rem}.affiliate-filter-group{display:flex;flex-direction:column;gap:.5rem}.affiliate-filter-label{align-items:center;color:#4a5568;display:flex;font-size:.875rem;font-weight:500;gap:.5rem}body.dark-mode .affiliate-filter-label{color:#a0aec0}.affiliate-filter-input,.affiliate-filter-select{background:#fff;border:1px solid #e2e8f0;border-radius:8px;box-sizing:border-box;color:#2d3748;font-size:.875rem;padding:.75rem;transition:all .3s ease;width:100%}.affiliate-filter-input:focus,.affiliate-filter-select:focus{border-color:#4caf50;box-shadow:0 0 0 3px #4caf501a;outline:none}.affiliate-filter-input::placeholder{color:#a0aec0}body.dark-mode .affiliate-filter-input,body.dark-mode .affiliate-filter-select{background:#1a1a1a;border-color:#4a5568;color:#f3f4f6}body.dark-mode .affiliate-filter-input::placeholder{color:#718096}.affiliate-results-count{background:#f7fafc;border:1px solid #e2e8f0;border-radius:8px;color:#718096;font-size:.875rem;font-weight:500;padding:.75rem;text-align:center}body.dark-mode .affiliate-results-count{background:#1a1a1a;border-color:#4a5568;color:#a0aec0}.affiliate-section-header{align-items:center;display:flex;flex-wrap:wrap;gap:1rem;justify-content:space-between;margin-bottom:1.5rem}.affiliate-section-title{animation:slideInLeft .6s ease-out .4s both;color:#2d3748;font-size:1.5rem;font-weight:600;margin:0}@keyframes slideInLeft{0%{opacity:0;transform:translateX(-30px)}to{opacity:1;transform:translateX(0)}}body.dark-mode .affiliate-section-title{color:#f3f4f6}.affiliate-header-controls{align-items:center;display:flex;flex-wrap:wrap;gap:1rem}.affiliate-view-toggle{background:#f1f5f9;border:1px solid #e2e8f0;border-radius:8px;display:flex;padding:.25rem}body.dark-mode .affiliate-view-toggle{background:#1a1a1a;border-color:#4a5568}.affiliate-view-btn{align-items:center;background:#0000;border:none;border-radius:6px;color:#64748b;cursor:pointer;display:flex;font-size:.875rem;font-weight:500;gap:.5rem;padding:.5rem 1rem;transition:all .3s ease}.affiliate-view-btn.active{background:#fff;box-shadow:0 2px 4px #0000001a;color:#4caf50}body.dark-mode .affiliate-view-btn{color:#a0aec0}body.dark-mode .affiliate-view-btn.active{background:#2d2d2d;color:#4caf50}.affiliate-smartlinks-section{animation:slideInCard .8s ease-out .2s both;background:#fff;border:1px solid #e2e8f0;border-radius:16px;box-shadow:0 2px 8px #0000000d;padding:2rem;transition:all .4s cubic-bezier(.4,0,.2,1)}@keyframes slideInCard{0%{opacity:0;transform:translateY(50px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.affiliate-smartlinks-section:hover{box-shadow:0 8px 25px #0000001a;transform:translateY(-2px)}body.dark-mode .affiliate-smartlinks-section{background:#2d2d2d;border-color:#4a5568;box-shadow:0 2px 8px #0003}body.dark-mode .affiliate-smartlinks-section:hover{box-shadow:0 8px 25px #0000004d}.affiliate-smartlinks-table-container{animation:fadeIn .8s ease-out .6s both;border:1px solid #e2e8f0;border-radius:12px;overflow-x:auto}body.dark-mode .affiliate-smartlinks-table-container{border-color:#4a5568}.affiliate-smartlinks-table{border-collapse:collapse;border-radius:12px;min-width:1400px;overflow:hidden;width:100%}.affiliate-smartlinks-table thead{position:sticky;top:0;z-index:10}.affiliate-smartlinks-table th{background:#f8f9fa;border-bottom:2px solid #e2e8f0;border-right:1px solid #e2e8f0;box-shadow:0 2px 4px #0000001a;color:#718096;font-size:.875rem;font-weight:600;letter-spacing:.05em;padding:1rem;position:relative;text-align:center;text-transform:uppercase;transition:all .3s ease}.affiliate-smartlinks-table th:first-child,.affiliate-smartlinks-table th:nth-child(2){text-align:left}.affiliate-smartlinks-table th:last-child{border-right:none}.affiliate-smartlinks-table th:after{background:#4caf50;bottom:-2px;content:"";height:2px;left:0;position:absolute;transition:width .4s cubic-bezier(.4,0,.2,1);width:0}.affiliate-smartlinks-table th:hover:after{width:100%}body.dark-mode .affiliate-smartlinks-table th{background:#1e1e1e;border-bottom-color:#4a5568;border-right-color:#4a5568;box-shadow:0 2px 4px #0000004d;color:#a0aec0}.affiliate-smartlinks-table td{border-bottom:1px solid #e2e8f0;border-right:1px solid #e2e8f0;color:#2d3748;font-size:.95rem;padding:1rem;position:relative;text-align:center;transition:all .4s cubic-bezier(.4,0,.2,1);vertical-align:top}.affiliate-smartlinks-table td:first-child,.affiliate-smartlinks-table td:nth-child(2){text-align:left}.affiliate-smartlinks-table td:last-child{border-right:none}body.dark-mode .affiliate-smartlinks-table td{border-bottom-color:#4a5568;border-right-color:#4a5568;color:#f3f4f6}.affiliate-smartlinks-table tbody tr{animation:slideInRow .6s ease-out both;transition:all .3s cubic-bezier(.4,0,.2,1)}.affiliate-smartlinks-table tbody tr:first-child{animation-delay:.8s}.affiliate-smartlinks-table tbody tr:nth-child(2){animation-delay:.9s}.affiliate-smartlinks-table tbody tr:nth-child(3){animation-delay:1s}.affiliate-smartlinks-table tbody tr:nth-child(4){animation-delay:1.1s}.affiliate-smartlinks-table tbody tr:nth-child(n+5){animation-delay:1.2s}@keyframes slideInRow{0%{opacity:0;transform:translateX(-20px)}to{opacity:1;transform:translateX(0)}}.affiliate-smartlinks-table tbody tr:hover{box-shadow:0 4px 15px #0000000d;transform:translateY(-1px)}.affiliate-smartlinks-table tbody tr:hover td{background:#f7fafc;border-bottom-color:#cbd5e0;border-right-color:#cbd5e0}body.dark-mode .affiliate-smartlinks-table tbody tr:hover{box-shadow:0 4px 15px #00000026}body.dark-mode .affiliate-smartlinks-table tbody tr:hover td{background:#1a1a1a;border-bottom-color:#2d3748;border-right-color:#2d3748}.affiliate-smartlinks-table tbody tr:last-child td{border-bottom:none}.affiliate-smartlink-info{max-width:250px;text-align:left}.affiliate-smartlink-name{font-weight:600;line-height:1.4;margin-bottom:.25rem;transition:color .3s ease}.affiliate-smartlinks-table tr:hover .affiliate-smartlink-name,body.dark-mode .affiliate-smartlinks-table tr:hover .affiliate-smartlink-name{color:#4caf50}.affiliate-smartlink-id{color:#718096;font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:.75rem;margin-bottom:.25rem;transition:all .3s ease}body.dark-mode .affiliate-smartlink-id{color:#a0aec0}.affiliate-smartlink-url{color:#4caf50;font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:.75rem;line-height:1.3;transition:all .3s ease;word-break:break-all}.affiliate-smartlinks-table tr:hover .affiliate-smartlink-url{color:#388e3c;transform:translateX(5px)}body.dark-mode .affiliate-smartlinks-table tr:hover .affiliate-smartlink-url{color:#66bb6a}.affiliate-company-cell{color:#4a5568;font-weight:500;max-width:150px;overflow:hidden;text-align:left!important;text-overflow:ellipsis;white-space:nowrap}body.dark-mode .affiliate-company-cell{color:#a0aec0}.affiliate-status{border:1px solid #0000;border-radius:20px;display:inline-block;font-size:.75rem;font-weight:600;overflow:hidden;padding:.25rem .75rem;position:relative;text-transform:capitalize;transition:all .3s cubic-bezier(.4,0,.2,1)}.affiliate-status:before{background:#fff3;border-radius:50%;content:"";height:0;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);transition:all .6s ease;width:0}.affiliate-status:hover{box-shadow:0 4px 15px #00000026;transform:translateY(-2px) scale(1.05)}.affiliate-status:hover:before{height:300px;width:300px}.affiliate-status-active{background:#d4edda;border-color:#c3e6cb;color:#155724}.affiliate-status-paused{background:#fff3cd;border-color:#ffeaa7;color:#856404}.affiliate-status-inactive{background:#f8d7da;border-color:#f1aeb5;color:#721c24}body.dark-mode .affiliate-status-active{background:#4caf5033;border-color:#4caf504d;color:#4caf50}body.dark-mode .affiliate-status-paused{background:#ffc10733;border-color:#ffc1074d;color:#ffc107}body.dark-mode .affiliate-status-inactive{background:#f4433633;border-color:#f443364d;color:#f44336}.affiliate-metric-cell{font-weight:600;position:relative;text-align:center;transition:all .3s ease}.affiliate-metric-cell:after{background:#4caf50;bottom:0;content:"";height:2px;left:50%;position:absolute;transform:translateX(-50%);transition:width .3s ease;width:0}.affiliate-smartlinks-table tr:hover .affiliate-metric-cell{color:#4caf50;transform:scale(1.02)}.affiliate-smartlinks-table tr:hover .affiliate-metric-cell:after{width:80%}body.dark-mode .affiliate-smartlinks-table tr:hover .affiliate-metric-cell{color:#4caf50}.affiliate-activity-cell{color:#4a5568;font-size:.875rem;text-align:center;white-space:nowrap}body.dark-mode .affiliate-activity-cell{color:#a0aec0}.affiliate-actions{flex-wrap:wrap;gap:.5rem}.affiliate-action-btn,.affiliate-actions{align-items:center;display:flex;justify-content:center}.affiliate-action-btn{background:#f7fafc;border:1px solid #e2e8f0;border-radius:8px;color:#718096;cursor:pointer;height:32px;overflow:hidden;position:relative;transition:all .4s cubic-bezier(.4,0,.2,1);width:32px}.affiliate-action-btn:before{background:#ffffff4d;border-radius:50%;content:"";height:0;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);transition:all .6s ease;width:0}body.dark-mode .affiliate-action-btn{background:#1a1a1a;border-color:#4a5568;color:#a0aec0}.affiliate-action-btn:hover{background:#4caf50;border-color:#4caf50;box-shadow:0 8px 20px #4caf504d;color:#fff;transform:translateY(-3px) scale(1.1)}.affiliate-action-btn:hover:before{height:100px;width:100px}.affiliate-action-btn:active{transform:translateY(-1px) scale(1.05)}.affiliate-action-btn.active{background:#4caf50;border-color:#4caf50;color:#fff}.affiliate-action-btn.copied{animation:copySuccess .6s ease;background:#38a169;border-color:#38a169;color:#fff}@keyframes copySuccess{0%{transform:scale(1)}50%{transform:scale(1.2)}to{transform:scale(1)}}.affiliate-smartlinks-cards{grid-gap:1.5rem;animation:fadeIn .8s ease-out .6s both;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fill,minmax(350px,1fr))}.affiliate-smartlink-card{animation:slideInCard .6s ease-out both;background:#fff;border:1px solid #e2e8f0;border-radius:12px;overflow:hidden;padding:1.5rem;position:relative;transition:all .3s ease}.affiliate-smartlink-card:before{background:linear-gradient(90deg,#4caf50,#66bb6a);content:"";height:4px;left:0;position:absolute;right:0;top:0;transform:translateX(-100%);transition:transform .3s ease}.affiliate-smartlink-card:hover{border-color:#4caf50;box-shadow:0 8px 25px #0000001a;transform:translateY(-4px)}.affiliate-smartlink-card:hover:before{transform:translateX(0)}body.dark-mode .affiliate-smartlink-card{background:#2d2d2d;border-color:#4a5568}body.dark-mode .affiliate-smartlink-card:hover{box-shadow:0 8px 25px #0000004d}.affiliate-card-header{align-items:flex-start;display:flex;gap:1rem;justify-content:space-between;margin-bottom:1rem}.affiliate-card-title h4{color:#2d3748;font-size:1.125rem;font-weight:600;line-height:1.4;margin:0 0 .25rem}body.dark-mode .affiliate-card-title h4{color:#f3f4f6}.affiliate-card-id{background:#f7fafc;border-radius:4px;color:#718096;font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:.75rem;padding:.25rem .5rem}body.dark-mode .affiliate-card-id{background:#1a1a1a;color:#a0aec0}.affiliate-card-company{border-bottom:1px solid #e2e8f0;color:#4a5568;font-weight:500;margin-bottom:1rem;padding-bottom:1rem}body.dark-mode .affiliate-card-company{border-bottom-color:#4a5568;color:#a0aec0}.affiliate-card-metrics{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:1fr 1fr;margin-bottom:1rem}.affiliate-card-metric{background:#f7fafc;border:1px solid #e2e8f0;border-radius:8px;display:flex;flex-direction:column;gap:.25rem;padding:.75rem;transition:all .3s ease}.affiliate-card-metric:hover{background:#edf2f7;transform:translateY(-2px)}body.dark-mode .affiliate-card-metric{background:#1a1a1a;border-color:#4a5568}body.dark-mode .affiliate-card-metric:hover{background:#0f0f0f}.affiliate-metric-label{color:#718096;font-size:.75rem;font-weight:500;letter-spacing:.05em;text-transform:uppercase}body.dark-mode .affiliate-metric-label{color:#a0aec0}.affiliate-metric-value{color:#2d3748;font-size:1rem;font-weight:600}body.dark-mode .affiliate-metric-value{color:#f3f4f6}.affiliate-card-rates{background:#f7fafc;border:1px solid #e2e8f0;border-radius:8px;display:flex;justify-content:space-between;margin-bottom:1rem;padding:.75rem}body.dark-mode .affiliate-card-rates{background:#1a1a1a;border-color:#4a5568}.affiliate-card-rate{align-items:center;color:#4a5568;display:flex;flex-direction:column;font-size:.875rem;font-weight:500;gap:.25rem}body.dark-mode .affiliate-card-rate{color:#a0aec0}.affiliate-card-footer{align-items:center;border-top:1px solid #e2e8f0;display:flex;gap:1rem;justify-content:space-between;padding-top:1rem}body.dark-mode .affiliate-card-footer{border-top-color:#4a5568}.affiliate-card-activity{color:#718096;display:flex;flex-direction:column;font-size:.75rem;gap:.25rem}body.dark-mode .affiliate-card-activity{color:#a0aec0}.affiliate-card-actions{display:flex;gap:.5rem}.affiliate-modal-overlay{align-items:center;animation:fadeIn .3s ease-out;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.affiliate-modal{animation:modalSlideIn .4s ease-out;background:#fff;border:1px solid #e2e8f0;border-radius:16px;box-shadow:0 20px 60px #0000004d;max-height:80vh;max-width:500px;overflow-y:auto;padding:2rem;width:90%}@keyframes modalSlideIn{0%{opacity:0;transform:translateY(-50px) scale(.9)}to{opacity:1;transform:translateY(0) scale(1)}}body.dark-mode .affiliate-modal{background:#2d2d2d;border-color:#4a5568;box-shadow:0 20px 60px #00000080}.affiliate-modal-header{align-items:center;border-bottom:1px solid #e2e8f0;display:flex;justify-content:space-between;margin-bottom:1.5rem;padding-bottom:1rem}body.dark-mode .affiliate-modal-header{border-bottom-color:#4a5568}.affiliate-modal-header h4{color:#2d3748;font-size:1.25rem;font-weight:600;margin:0}body.dark-mode .affiliate-modal-header h4{color:#f3f4f6}.affiliate-modal-close{align-items:center;background:none;border:none;border-radius:4px;color:#718096;cursor:pointer;display:flex;font-size:1.5rem;height:32px;justify-content:center;padding:.25rem;transition:all .3s ease;width:32px}.affiliate-modal-close:hover{background:#f56565;color:#fff}.affiliate-modal-content{display:flex;flex-direction:column;gap:1rem}.affiliate-detail-row{align-items:center;background:#f7fafc;border:1px solid #e2e8f0;border-radius:8px;display:flex;justify-content:space-between;padding:.75rem;transition:all .3s ease}.affiliate-detail-row:hover{background:#edf2f7;transform:translateX(5px)}body.dark-mode .affiliate-detail-row{background:#1a1a1a;border-color:#4a5568}body.dark-mode .affiliate-detail-row:hover{background:#0f0f0f}.affiliate-detail-label{color:#4a5568;font-size:.875rem;font-weight:600}body.dark-mode .affiliate-detail-label{color:#a0aec0}.affiliate-detail-value{color:#2d3748;font-size:.875rem;font-weight:500;max-width:60%;text-align:right;word-break:break-word}body.dark-mode .affiliate-detail-value{color:#f3f4f6}.affiliate-pagination{background:#f8f9fa;border:1px solid #e2e8f0;border-radius:12px;display:flex;flex-direction:column;gap:1rem;margin-top:2rem;padding:1.5rem}body.dark-mode .affiliate-pagination{background:#1e1e1e;border-color:#4a5568}.affiliate-pagination-info{align-items:center;color:#718096;display:flex;flex-wrap:wrap;font-size:.875rem;gap:1rem;justify-content:space-between}body.dark-mode .affiliate-pagination-info{color:#a0aec0}.affiliate-items-per-page{align-items:center;display:flex;gap:.5rem}.affiliate-items-select{background:#fff;border:1px solid #e2e8f0;border-radius:6px;color:#2d3748;cursor:pointer;font-size:.875rem;padding:.25rem .5rem}body.dark-mode .affiliate-items-select{background:#2d2d2d;border-color:#4a5568;color:#f3f4f6}.affiliate-pagination-controls{align-items:center;display:flex;flex-wrap:wrap;gap:.5rem;justify-content:center}.affiliate-pagination-btn{align-items:center;background:#fff;border:1px solid #e2e8f0;border-radius:8px;color:#4a5568;cursor:pointer;display:flex;font-size:.875rem;font-weight:500;gap:.25rem;padding:.5rem 1rem;transition:all .3s ease}.affiliate-pagination-btn:hover:not(:disabled){background:#4caf50;border-color:#4caf50;box-shadow:0 4px 12px #4caf504d;color:#fff;transform:translateY(-2px)}.affiliate-pagination-btn:disabled{cursor:not-allowed;opacity:.5}body.dark-mode .affiliate-pagination-btn{background:#2d2d2d;border-color:#4a5568;color:#a0aec0}.affiliate-pagination-numbers{display:flex;flex-wrap:wrap;gap:.25rem;justify-content:center}.affiliate-pagination-number{align-items:center;background:#fff;border:1px solid #e2e8f0;border-radius:8px;color:#4a5568;cursor:pointer;display:flex;font-size:.875rem;font-weight:500;height:40px;justify-content:center;transition:all .3s ease;width:40px}.affiliate-pagination-number:hover:not(:disabled):not(.dots){background:#4caf50;border-color:#4caf50;color:#fff;transform:scale(1.1)}.affiliate-pagination-number.active{background:#4caf50;border-color:#4caf50;box-shadow:0 2px 8px #4caf504d;color:#fff}.affiliate-pagination-number.dots{background:#0000;border:none;cursor:default}.affiliate-pagination-number.dots:hover{background:#0000;transform:none}body.dark-mode .affiliate-pagination-number{background:#2d2d2d;border-color:#4a5568;color:#a0aec0}.loading-shimmer{animation:shimmer 2s linear infinite;background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0 50%,#f0f0f0 75%);background-size:1000px 100%}body.dark-mode .loading-shimmer{background:linear-gradient(90deg,#2d2d2d 25%,#404040 50%,#2d2d2d 75%)}.affiliate-notification{animation:slideInNotification .4s ease-out;background:#fff;border:1px solid #e2e8f0;border-radius:12px;box-shadow:0 8px 25px #0000001a;max-width:300px;padding:1rem 1.5rem;position:fixed;right:20px;top:80px;top:calc(var(--topbar-height, 60px) + 20px);z-index:1001}@keyframes slideInNotification{0%{opacity:0;transform:translateX(100px)}to{opacity:1;transform:translateX(0)}}.affiliate-notification.success{border-left:4px solid #4caf50}.affiliate-notification.error{border-left:4px solid #f44336}.affiliate-notification.warning{border-left:4px solid #ffc107}body.dark-mode .affiliate-notification{background:#2d2d2d;border-color:#4a5568;box-shadow:0 8px 25px #0000004d}.affiliate-empty-state{align-items:center;color:#718096;display:flex;flex-direction:column;justify-content:center;padding:4rem 2rem;text-align:center}body.dark-mode .affiliate-empty-state{color:#a0aec0}.affiliate-empty-state-icon{font-size:4rem;margin-bottom:1rem;opacity:.5}.affiliate-empty-state-title{color:#4a5568;font-size:1.25rem;font-weight:600;margin-bottom:.5rem}body.dark-mode .affiliate-empty-state-title{color:#a0aec0}.affiliate-empty-state-description{font-size:.875rem;margin-bottom:1.5rem}@media screen and (max-width:1400px){.affiliate-smartlinks-table{min-width:1200px}}@media screen and (max-width:1200px){.affiliate-container{padding:1.5rem}.affiliate-filters-grid{grid-template-columns:repeat(auto-fit,minmax(160px,1fr))}.affiliate-smartlinks-cards{grid-template-columns:repeat(auto-fill,minmax(320px,1fr))}}@media screen and (max-width:992px){.affiliate-container{padding:1rem}.affiliate-filters-section,.affiliate-smartlinks-section{padding:1.5rem}.affiliate-pagination-info{flex-direction:column;gap:1rem;text-align:center}.affiliate-pagination-controls{flex-wrap:wrap;gap:.25rem}.affiliate-pagination-btn{font-size:.8rem;padding:.375rem .75rem}.affiliate-pagination-number{font-size:.8rem;height:36px;width:36px}}@media screen and (max-width:768px){.affiliate-container{margin-top:70px;margin-top:calc(var(--topbar-height, 60px) + 10px);padding:.5rem}.affiliate-filters-section,.affiliate-smartlinks-section{border-radius:8px;padding:1rem}}.customer-registrations-container{animation:fadeInUp .6s ease-out;background-color:#f5f7fa;margin:80px auto 0;margin:calc(var(--topbar-height, 60px) + 20px) auto 0;max-width:1400px;min-height:calc(100vh - 100px);min-height:calc(100vh - var(--topbar-height, 60px) - 40px);padding:2rem;position:relative}body.dark-mode .customer-registrations-container{background-color:#1a1a1a}.customer-header{align-items:center;display:flex;flex-wrap:wrap;gap:1rem;justify-content:space-between}.customer-title{color:#2d3748}body.dark-mode .customer-title{color:#f3f4f6}.customer-filters-header{flex-wrap:wrap;gap:1rem}.customer-filters-grid{align-items:end}.customer-filter-input:focus,.customer-filter-select:focus{border-color:#34c759;box-shadow:0 0 0 3px #34c7591a}body.dark-mode .customer-filter-input,body.dark-mode .customer-filter-select{background:#1a1a1a;color:#f7fafc}.customer-search-icon{color:#a0aec0;left:12px;z-index:1}.customer-search-input:focus{border-color:#34c759;box-shadow:0 0 0 3px #34c7591a}body.dark-mode .customer-search-input{background:#1a1a1a;color:#f7fafc}.customer-total-approved{color:#38a169!important}.customer-total-pending{color:#d69e2e!important}.customer-total-rejected{color:#e53e3e!important}body.dark-mode .customer-total-approved{color:#68d391!important}body.dark-mode .customer-total-pending{color:#f6e05e!important}body.dark-mode .customer-total-rejected{color:#fc8181!important}.customer-actions-bar{flex-wrap:wrap;gap:1rem;margin-bottom:1rem;padding:1rem 1.5rem}.customer-view-toggle{padding:2px}.customer-view-btn.active{color:#34c759}body.dark-mode .customer-view-btn.active{background:#1a1a1a;color:#4ade80}.customer-selected-count{color:#4a5568}body.dark-mode .customer-selected-count{color:#cbd5e0}.customer-columns-btn,.customer-export-btn,.customer-refresh-btn{align-items:center;background:#f7fafc;border:1px solid #e2e8f0;border-radius:8px;color:#4a5568;cursor:pointer;display:flex;font-size:14px;gap:.5rem;padding:.75rem 1rem;transition:all .2s ease}.customer-columns-btn:hover,.customer-export-btn:hover,.customer-refresh-btn:hover{background:#edf2f7;border-color:#cbd5e0}body.dark-mode .customer-columns-btn,body.dark-mode .customer-export-btn,body.dark-mode .customer-refresh-btn{background:#3a3a3a;border:1px solid #4a5568;color:#cbd5e0}body.dark-mode .customer-columns-btn:hover,body.dark-mode .customer-export-btn:hover,body.dark-mode .customer-refresh-btn:hover{background:#4a4a4a;border-color:#5a5a5a}.customer-column-option{border-radius:4px;color:#2d3748;font-size:14px;padding:.5rem}body.dark-mode .customer-column-option{color:#f7fafc}.customer-copy-notification{animation:slideInRight .3s ease}.customer-table-section{background:#fff;border:1px solid #e2e8f0;border-radius:12px;box-shadow:0 1px 3px #0000001a;overflow:hidden}body.dark-mode .customer-table-section{background:#2d2d2d;border:1px solid #4a5568}.customer-table-wrapper{overflow-x:auto}.customer-table{font-size:14px}.customer-table thead{background:#f7fafc;border-bottom:2px solid #e2e8f0}body.dark-mode .customer-table thead{background:#3a3a3a;border-bottom:2px solid #4a5568}.customer-table th{border-right:1px solid #e2e8f0;color:#4a5568;font-size:13px;letter-spacing:.05em;padding:16px 12px;position:relative;text-transform:uppercase}body.dark-mode .customer-table th{border-right:1px solid #4a5568;color:#cbd5e0}.customer-table th:last-child{border-right:none}.customer-checkbox-header{text-align:center;width:40px}.customer-checkbox-wrapper{align-items:center;cursor:pointer;display:flex;justify-content:center}.customer-sortable{cursor:pointer;transition:all .2s ease;-webkit-user-select:none;user-select:none}.customer-sortable:hover{background:#34c7591a;color:#34c759}body.dark-mode .customer-sortable:hover{background:#4ade801a;color:#4ade80}.customer-sortable.asc:after{color:#34c759;content:" ↑"}.customer-sortable.desc:after{color:#34c759;content:" ↓"}body.dark-mode .customer-sortable.asc:after,body.dark-mode .customer-sortable.desc:after{color:#4ade80}.customer-table tbody tr{border-bottom:1px solid #e2e8f0;transition:all .2s ease}body.dark-mode .customer-table tbody tr{border-bottom:1px solid #4a5568}.customer-table tbody tr:hover{background:#f7fafc}body.dark-mode .customer-table tbody tr:hover{background:#3a3a3a}.customer-table td{border-right:1px solid #e2e8f0;cursor:pointer;padding:16px 12px}body.dark-mode .customer-table td{border-right:1px solid #4a5568;color:#f7fafc}.customer-table td:last-child{border-right:none;cursor:default}.customer-status{border-radius:12px;font-size:12px;font-weight:500;padding:4px 8px;text-transform:uppercase}.customer-status-pending{background:#fef5e7;color:#d69e2e}.customer-status-approved{background:#f0fff4;color:#38a169}.customer-status-rejected{background:#fed7d7;color:#e53e3e}body.dark-mode .customer-status-pending{background:#d69e2e33;color:#f6e05e}body.dark-mode .customer-status-approved{background:#38a16933;color:#68d391}body.dark-mode .customer-status-rejected{background:#e53e3e33;color:#fc8181}.customer-useragent{max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.customer-actions{display:flex;gap:.5rem}.customer-action-btn{align-items:center;border:none;border-radius:4px;cursor:pointer;display:flex;justify-content:center;padding:6px;transition:all .2s ease}.customer-view-btn{background:#e6fffa;color:#319795}.customer-view-btn:hover{background:#b2f5ea}.customer-copy-btn{background:#fef5e7;color:#d69e2e}.customer-copy-btn:hover{background:#faf089}body.dark-mode .customer-view-btn{background:#31979533;color:#4fd1c7}body.dark-mode .customer-copy-btn{background:#d69e2e33;color:#f6e05e}.customer-no-data{color:#a0aec0!important;font-size:16px;font-style:italic;padding:3rem!important;text-align:center!important}body.dark-mode .customer-no-data{color:#718096!important}.customer-loading{gap:1rem;min-height:400px}.customer-loading-spinner{color:#34c759}body.dark-mode .customer-loading-spinner{color:#4ade80}.customer-pagination{border-top:1px solid #e2e8f0;flex-wrap:wrap;gap:1rem;padding:1.5rem}body.dark-mode .customer-pagination{border-top:1px solid #4a5568}.customer-items-per-page{align-items:center;display:flex;gap:.5rem}.customer-items-select{background:#fff;border:1px solid #e2e8f0;border-radius:6px;color:#2d3748;font-size:14px;padding:6px 12px}body.dark-mode .customer-items-select{background:#1a1a1a;border:1px solid #4a5568;color:#f7fafc}.customer-pagination-btn{border-radius:6px;padding:8px 16px}body.dark-mode .customer-pagination-btn{background:#2d2d2d}body.dark-mode .customer-pagination-btn:hover:not(:disabled){background:#3a3a3a}.customer-pagination-number{padding:8px 12px}.customer-pagination-number.active{background:#34c759;border-color:#34c759}body.dark-mode .customer-pagination-number{background:#2d2d2d}body.dark-mode .customer-pagination-number:hover:not(:disabled){background:#3a3a3a}body.dark-mode .customer-pagination-number.active{background:#4ade80;border-color:#4ade80;color:#1a1a1a}@media (max-width:768px){.customer-registrations-container{padding:1rem}.customer-filters-grid{grid-template-columns:1fr}.customer-actions-bar{align-items:stretch;flex-direction:column}.customer-actions-left,.customer-actions-right{justify-content:center}.customer-table-wrapper{overflow-x:scroll}.customer-pagination{flex-direction:column;gap:1rem}.customer-pagination-controls{flex-wrap:wrap;justify-content:center}}.customer-header{margin-bottom:2rem}.customer-title{color:#1a202c;font-size:2rem;font-weight:700;margin:0}body.dark-mode .customer-title{color:#f7fafc}.customer-filters-section{background:#fff;border:1px solid #e2e8f0;border-radius:12px;box-shadow:0 1px 3px #0000001a;margin-bottom:2rem;padding:1.5rem}body.dark-mode .customer-filters-section{background:#2d2d2d;border:1px solid #4a5568}.customer-filters-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:1.5rem}.customer-filters-title{align-items:center;color:#2d3748;display:flex;font-size:1.1rem;font-weight:600;gap:.5rem;margin:0}body.dark-mode .customer-filters-title{color:#f3f4f6}.customer-clear-filters-btn{align-items:center;background:#f7fafc;border:1px solid #e2e8f0;border-radius:8px;color:#4a5568;cursor:pointer;display:flex;font-size:14px;gap:.5rem;padding:.5rem 1rem;transition:all .2s ease}.customer-clear-filters-btn:hover{background:#edf2f7;border-color:#cbd5e0}body.dark-mode .customer-clear-filters-btn{background:#3a3a3a;border:1px solid #4a5568;color:#cbd5e0}body.dark-mode .customer-clear-filters-btn:hover{background:#4a4a4a;border-color:#5a5a5a}.customer-filters-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.customer-filter-group{display:flex;flex-direction:column;gap:.5rem}.customer-filter-label{color:#4a5568;font-size:14px;font-weight:500}body.dark-mode .customer-filter-label{color:#cbd5e0}.customer-filter-input,.customer-filter-select{background:#fff;border:1px solid #e2e8f0;border-radius:8px;color:#2d3748;font-size:14px;padding:.75rem;transition:all .2s ease}.customer-filter-input:focus,.customer-filter-select:focus{border-color:#4ade80;box-shadow:0 0 0 3px #4ade801a;outline:none}body.dark-mode .customer-filter-input,body.dark-mode .customer-filter-select{background:#3a3a3a;border:1px solid #4a5568;color:#f3f4f6}body.dark-mode .customer-filter-input:focus,body.dark-mode .customer-filter-select:focus{border-color:#4ade80;box-shadow:0 0 0 3px #4ade801a}.customer-search-wrapper{position:relative}.customer-search-icon{color:#9ca3af;left:.75rem;pointer-events:none;position:absolute;top:50%;transform:translateY(-50%)}.customer-search-input{background:#fff;border:1px solid #e2e8f0;border-radius:8px;color:#2d3748;font-size:14px;padding:.75rem .75rem .75rem 2.5rem;transition:all .2s ease;width:100%}.customer-search-input:focus{border-color:#4ade80;box-shadow:0 0 0 3px #4ade801a;outline:none}body.dark-mode .customer-search-input{background:#3a3a3a;border:1px solid #4a5568;color:#f3f4f6}body.dark-mode .customer-search-input:focus{border-color:#4ade80;box-shadow:0 0 0 3px #4ade801a}.customer-totals-section{background:#fff;border:1px solid #e2e8f0;border-radius:12px;box-shadow:0 1px 3px #0000001a;margin-bottom:2rem;padding:1.5rem}body.dark-mode .customer-totals-section{background:#2d2d2d;border:1px solid #4a5568}.customer-totals-header{margin-bottom:1.5rem}.customer-totals-title{color:#2d3748;font-size:1.1rem;font-weight:600;margin:0}body.dark-mode .customer-totals-title{color:#f3f4f6}.customer-totals-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.customer-total-card{background:#f7fafc;border:1px solid #e2e8f0;border-radius:8px;padding:1rem;text-align:center;transition:all .2s ease}.customer-total-card:hover{box-shadow:0 4px 12px #0000001a;transform:translateY(-2px)}body.dark-mode .customer-total-card{background:#3a3a3a;border:1px solid #4a5568}body.dark-mode .customer-total-card:hover{box-shadow:0 4px 12px #0000004d}.customer-total-label{color:#4a5568;font-size:14px;font-weight:500;margin-bottom:.5rem}body.dark-mode .customer-total-label{color:#cbd5e0}.customer-total-value{color:#2d3748;font-size:1.5rem;font-weight:700}body.dark-mode .customer-total-value{color:#f3f4f6}.customer-total-deposits{color:#3182ce!important}.customer-total-withdraws{color:#d69e2e!important}.customer-total-amount{color:#34c759!important}.customer-total-turnover{color:#805ad5!important}.customer-total-ggr{color:#e53e3e!important}.customer-total-ngr{color:#38a169!important}.customer-total-revshare{color:#d69e2e!important}.customer-total-profit{color:#319795!important}body.dark-mode .customer-total-deposits{color:#63b3ed!important}body.dark-mode .customer-total-withdraws{color:#f6e05e!important}body.dark-mode .customer-total-amount{color:#4ade80!important}body.dark-mode .customer-total-turnover{color:#b794f6!important}body.dark-mode .customer-total-ggr{color:#fc8181!important}body.dark-mode .customer-total-ngr{color:#68d391!important}body.dark-mode .customer-total-revshare{color:#f6e05e!important}body.dark-mode .customer-total-profit{color:#4fd1c7!important}.customer-actions-bar{align-items:center;background:#fff;border:1px solid #e2e8f0;border-radius:12px;box-shadow:0 1px 3px #0000001a;display:flex;justify-content:space-between;margin-bottom:1.5rem;padding:1rem}body.dark-mode .customer-actions-bar{background:#2d2d2d;border:1px solid #4a5568}.customer-actions-left,.customer-actions-right{align-items:center;display:flex;gap:1rem}.customer-view-toggle{background:#f7fafc;border:1px solid #e2e8f0;border-radius:8px;display:flex;padding:4px}body.dark-mode .customer-view-toggle{background:#3a3a3a;border:1px solid #4a5568}.customer-view-btn{align-items:center;background:#0000;border:none;border-radius:6px;color:#4a5568;cursor:pointer;display:flex;font-size:14px;gap:.5rem;padding:.5rem 1rem;transition:all .2s ease}.customer-view-btn.active{background:#fff;box-shadow:0 1px 3px #0000001a;color:#2d3748}body.dark-mode .customer-view-btn{color:#cbd5e0}body.dark-mode .customer-view-btn.active{background:#4a4a4a;color:#f3f4f6}.customer-bulk-actions{align-items:center;background:#ebf8ff;border:1px solid #bee3f8;border-radius:8px;display:flex;gap:1rem;padding:.5rem 1rem}body.dark-mode .customer-bulk-actions{background:#3b82f61a;border:1px solid #3b82f64d}.customer-selected-count{color:#3182ce;font-size:14px;font-weight:500}body.dark-mode .customer-selected-count{color:#63b3ed}.customer-columns-dropdown,.customer-dropdown-container,.customer-export-dropdown{position:relative}.customer-columns-btn,.customer-export-btn{align-items:center;background:#f7fafc;border:1px solid #e2e8f0;border-radius:8px;color:#4a5568;cursor:pointer;display:flex;font-size:14px;gap:.5rem;padding:.75rem 1rem;transition:all .2s ease}.customer-columns-btn:hover,.customer-export-btn:hover{background:#edf2f7;border-color:#cbd5e0}body.dark-mode .customer-columns-btn,body.dark-mode .customer-export-btn{background:#3a3a3a;border:1px solid #4a5568;color:#cbd5e0}body.dark-mode .customer-columns-btn:hover,body.dark-mode .customer-export-btn:hover{background:#4a4a4a;border-color:#5a5a5a}.customer-columns-menu,.customer-export-menu{background:#fff;border:1px solid #e2e8f0;border-radius:8px;box-shadow:0 4px 6px #0000001a;margin-top:.5rem;max-height:300px;min-width:200px;overflow-y:auto;padding:.5rem;position:absolute;right:0;top:100%;z-index:1000}body.dark-mode .customer-columns-menu,body.dark-mode .customer-export-menu{background:#2d2d2d;border:1px solid #4a5568}.customer-column-option{align-items:center;border-bottom:1px solid #f7fafc;cursor:pointer;display:flex;gap:.5rem;padding:.75rem;transition:background-color .2s ease}.customer-column-option:hover{background:#f7fafc}.customer-column-option:last-child{border-bottom:none}body.dark-mode .customer-column-option{border-bottom:1px solid #3a3a3a}body.dark-mode .customer-column-option:hover{background:#3a3a3a}.customer-column-option input[type=checkbox]{margin:0}.customer-column-option span{color:#2d3748;font-size:14px}body.dark-mode .customer-column-option span{color:#f3f4f6}.customer-export-menu button{background:#0000;border:none;border-radius:4px;color:#2d3748;cursor:pointer;display:block;font-size:14px;padding:.5rem;text-align:left;transition:background-color .2s ease;width:100%}.customer-export-menu button:hover{background:#f7fafc}body.dark-mode .customer-export-menu button{color:#f7fafc}body.dark-mode .customer-export-menu button:hover{background:#3a3a3a}.customer-copy-notification{align-items:center;animation:slideIn .3s ease;background:#34c759;border-radius:8px;color:#fff;display:flex;gap:.5rem;padding:.75rem 1rem;position:fixed;right:20px;top:20px;z-index:1000}.customer-loading{align-items:center;color:#4a5568;display:flex;flex-direction:column;justify-content:center;padding:3rem}body.dark-mode .customer-loading{color:#cbd5e0}.customer-loading-spinner{animation:spin 1s linear infinite;border:4px solid #e2e8f0;border-radius:50%;border-top-color:#4ade80;height:40px;margin-bottom:1rem;width:40px}body.dark-mode .customer-loading-spinner{border:4px solid #4a5568;border-top-color:#4ade80}.table-scroll-hint{animation:fadeIn .5s ease;background:linear-gradient(135deg,#e0f2fe,#b3e5fc);border:1px solid #81d4fa;border-radius:8px;color:#0277bd;font-size:.875rem;font-weight:500;margin-bottom:1rem;padding:.75rem 1rem;text-align:center}body.dark-mode .table-scroll-hint{background:linear-gradient(135deg,#1e3a8a,#1e40af);border-color:#3b82f6;color:#93c5fd}.customer-table-container{background:#fff;border:1px solid #e2e8f0;border-radius:12px;box-shadow:0 1px 3px #0000001a;margin-bottom:2rem;max-width:100%;overflow-x:auto;overflow-y:visible;position:relative}.customer-table-container:after{background:linear-gradient(270deg,#0000001a,#0000);bottom:0;content:"";opacity:0;pointer-events:none;position:absolute;right:0;top:0;transition:opacity .3s ease;width:20px}.customer-table-container:hover:after{opacity:1}body.dark-mode .customer-table-container{background:#2d2d2d;border:1px solid #4a5568}body.dark-mode .customer-table-container:after{background:linear-gradient(270deg,#ffffff1a,#0000)}.customer-table-container::-webkit-scrollbar{height:8px}.customer-table-container::-webkit-scrollbar-track{background:#f1f5f9;border-radius:4px}.customer-table-container::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:4px;-webkit-transition:background .3s ease;transition:background .3s ease}.customer-table-container::-webkit-scrollbar-thumb:hover{background:#94a3b8}body.dark-mode .customer-table-container::-webkit-scrollbar-track{background:#374151}body.dark-mode .customer-table-container::-webkit-scrollbar-thumb{background:#6b7280}body.dark-mode .customer-table-container::-webkit-scrollbar-thumb:hover{background:#9ca3af}.customer-table{border-collapse:collapse;min-width:1200px;width:100%}.customer-table th{background:#f7fafc;border-bottom:1px solid #e2e8f0;color:#2d3748;font-size:14px;font-weight:600;min-width:100px;padding:1rem;text-align:left;white-space:nowrap}body.dark-mode .customer-table th{background:#3a3a3a;border-bottom:1px solid #4a5568;color:#f3f4f6}.customer-table td{border-bottom:1px solid #f7fafc;color:#2d3748;font-size:14px;min-width:100px;padding:1rem;vertical-align:middle;white-space:nowrap}body.dark-mode .customer-table td{border-bottom:1px solid #3a3a3a;color:#f3f4f6}.customer-table-row:hover{background:#f7fafc}body.dark-mode .customer-table-row:hover{background:#3a3a3a}.customer-clickable{position:relative;transition:all .2s ease}.customer-clickable:hover{background:#3b82f61a!important;color:#3b82f6!important;font-weight:600}body.dark-mode .customer-clickable:hover{background:#3b82f633!important;color:#60a5fa!important}.customer-clickable:active{transform:scale(.98)}.customer-checkbox-cell{text-align:center;width:40px}.customer-clickable{cursor:pointer;transition:color .2s ease}.customer-clickable:hover{color:#4ade80}.customer-amount,.customer-number{font-weight:600;text-align:right}.customer-amount{color:#38a169}body.dark-mode .customer-amount{color:#68d391}.customer-percentage{color:#d69e2e;font-weight:600;text-align:right}body.dark-mode .customer-percentage{color:#f6e05e}.customer-profit{color:#319795;font-weight:600;text-align:right}body.dark-mode .customer-profit{color:#4fd1c7}.customer-smartlink{max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.customer-country,.customer-device{align-items:center;display:flex;gap:.5rem}.customer-country-flag,.customer-device-icon{border-radius:2px;flex-shrink:0;height:16px;object-fit:contain;width:20px}.customer-empty-state{color:#4a5568;padding:3rem;text-align:center}body.dark-mode .customer-empty-state{color:#cbd5e0}.customer-empty-icon{font-size:4rem;margin-bottom:1rem}.customer-empty-state h3{color:#2d3748;font-size:1.5rem;margin-bottom:.5rem}body.dark-mode .customer-empty-state h3{color:#f3f4f6}.customer-empty-state p{color:#4a5568;margin:0}body.dark-mode .customer-empty-state p{color:#cbd5e0}.customer-pagination{align-items:center;background:#fff;border:1px solid #e2e8f0;border-radius:12px;box-shadow:0 1px 3px #0000001a;display:flex;justify-content:space-between;padding:1rem}body.dark-mode .customer-pagination{background:#2d2d2d;border:1px solid #4a5568}.customer-pagination-info{align-items:center;color:#4a5568;display:flex;font-size:14px;gap:1rem}body.dark-mode .customer-pagination-info{color:#cbd5e0}.customer-pagination-size{align-items:center;display:flex;gap:.5rem}.customer-pagination-select{background:#fff;border:1px solid #e2e8f0;border-radius:4px;color:#2d3748;font-size:14px;padding:.25rem .5rem}body.dark-mode .customer-pagination-select{background:#3a3a3a;border:1px solid #4a5568;color:#f3f4f6}.customer-pagination-btn,.customer-pagination-controls{align-items:center;display:flex;gap:.5rem}.customer-pagination-btn{background:#fff;border:1px solid #e2e8f0;border-radius:8px;color:#4a5568;cursor:pointer;font-size:14px;padding:.5rem 1rem;transition:all .2s ease}.customer-pagination-btn:hover:not(:disabled){background:#f7fafc;border-color:#cbd5e0}.customer-pagination-btn:disabled{cursor:not-allowed;opacity:.5}body.dark-mode .customer-pagination-btn{background:#3a3a3a;border:1px solid #4a5568;color:#cbd5e0}body.dark-mode .customer-pagination-btn:hover:not(:disabled){background:#4a4a4a;border-color:#5a5a5a}.customer-pagination-numbers{display:flex;gap:.25rem}.customer-pagination-number{background:#fff;border:1px solid #e2e8f0;border-radius:6px;color:#4a5568;cursor:pointer;font-size:14px;min-width:40px;padding:.5rem .75rem;text-align:center;transition:all .2s ease}.customer-pagination-number:hover:not(:disabled){background:#f7fafc;border-color:#cbd5e0}.customer-pagination-number.active{background:#4ade80;border-color:#4ade80;color:#fff}.customer-pagination-number.dots{background:#0000;border:none;cursor:default}body.dark-mode .customer-pagination-number{background:#3a3a3a;border:1px solid #4a5568;color:#cbd5e0}body.dark-mode .customer-pagination-number:hover:not(:disabled){background:#4a4a4a;border-color:#5a5a5a}body.dark-mode .customer-pagination-number.dots{background:#0000;border:none}.sortable-header{cursor:pointer;position:relative;transition:all .2s ease;-webkit-user-select:none;user-select:none}.sortable-header:hover{background-color:#4caf501a}body.dark-mode .sortable-header:hover{background-color:#4caf5033}.sortable-header.active{background-color:#4caf5026;color:#4caf50}body.dark-mode .sortable-header.active{background-color:#4caf5040;color:#68d391}.header-content{gap:.5rem;justify-content:space-between;padding:.5rem}.header-content,.sort-icons{align-items:center;display:flex}.sort-icons{flex-direction:column;min-width:16px}.sort-placeholder{display:flex;flex-direction:column;opacity:.3;transition:opacity .2s ease}.sortable-header:hover .sort-placeholder{opacity:.6}.sort-placeholder .sort-up{margin-bottom:-2px}.sort-placeholder .sort-down{margin-top:-2px}.sortable-header .sort-icons svg{color:#4caf50}body.dark-mode .sortable-header .sort-icons svg{color:#68d391}.customer-table td:first-child,.customer-table th:first-child{min-width:50px;width:50px}.customer-table td:nth-child(2),.customer-table th:nth-child(2){min-width:120px}.customer-table td:nth-child(3),.customer-table th:nth-child(3){min-width:150px}.customer-table td:nth-child(n+4):nth-child(-n+11),.customer-table th:nth-child(n+4):nth-child(-n+11){min-width:110px;text-align:right}.customer-table td:last-child,.customer-table th:last-child{min-width:130px}.device-text{background:#f1f5f9;border-radius:6px;color:#475569;display:inline-block;font-size:.8rem;font-weight:500;padding:.25rem .5rem}body.dark-mode .device-text{background:#374151;color:#d1d5db}.country-display{align-items:center;display:flex;gap:.5rem}.customer-country-flag{border-radius:2px;box-shadow:0 1px 3px #0000001a;height:12px;width:16px}.country-text{color:#6b7280;font-size:.85rem;font-weight:500}body.dark-mode .country-text{color:#9ca3af}.customer-country,.customer-device{text-align:center}.customer-device{min-width:100px}.customer-country{min-width:80px}@media (max-width:768px){.customer-filters-grid{grid-template-columns:1fr}.customer-actions-bar{align-items:stretch;flex-direction:column;gap:1rem}.customer-actions-left,.customer-actions-right{justify-content:center}.customer-table-container{overflow-x:auto}.customer-pagination{flex-direction:column;gap:1rem}.customer-pagination-controls{flex-wrap:wrap;justify-content:center}.customer-totals-grid{grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}}.Marketplace-container{background-color:#f8f9fa;display:flex;font-family:Inter,sans-serif}body.dark-mode .Marketplace-container{background-color:#1f2937}.Marketplace-content{flex:1 1;overflow-y:auto;padding:24px}.Marketplace-error-message{background-color:#fee2e2;border-radius:8px;color:#ef4444;font-size:14px;margin-bottom:16px;padding:12px}body.dark-mode .Marketplace-error-message{background-color:#7f1d1d;color:#fecaca}.Marketplace-search-bar{margin:20px 0}.Marketplace-search-icon{color:#6b7280;left:16px}body.dark-mode .Marketplace-search-icon{color:#d1d5db}.Marketplace-search-input{background-color:#fff;border:2px solid #4caf50;border-radius:8px;font-size:16px;padding:12px 16px 12px 48px;transition:all .3s ease}body.dark-mode .Marketplace-search-input{background-color:#2d3748;border-color:#4caf50}.Marketplace-search-input:focus{background-color:#f3f4f6;border-color:#45a049;box-shadow:0 0 0 3px #4caf501a}body.dark-mode .Marketplace-search-input:focus{background-color:#4b5563}.Marketplace-filters{gap:12px;margin-bottom:24px}.Marketplace-filter-input,.Marketplace-filter-select{background-color:#fff;border:2px solid #4caf50;border-radius:8px;font-size:16px;padding:12px 16px}body.dark-mode .Marketplace-filter-input,body.dark-mode .Marketplace-filter-select{background-color:#2d3748;border-color:#4caf50}.Marketplace-filter-input:focus,.Marketplace-filter-select:focus{background-color:#f3f4f6;border-color:#45a049;box-shadow:0 0 0 3px #4caf501a}body.dark-mode .Marketplace-filter-input:focus,body.dark-mode .Marketplace-filter-select:focus{background-color:#4b5563}.Marketplace-apply-btn,.Marketplace-filter-button{align-items:center;background-color:#4caf50;border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:16px;font-weight:500;gap:8px;padding:12px 20px;transition:background-color .3s ease}.Marketplace-apply-btn:hover,.Marketplace-filter-button:hover{background-color:#45a049}body.dark-mode .Marketplace-apply-btn,body.dark-mode .Marketplace-filter-button{background-color:#4caf50}.Marketplace-offers-grid{grid-gap:24px;gap:24px;grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}.Marketplace-offer-card{background-color:#fff;border:1px solid #d1d5db;border-radius:12px;box-shadow:0 4px 6px #0000000d;padding:20px;text-align:center;transition:transform .3s ease,box-shadow .3s ease}body.dark-mode .Marketplace-offer-card{background-color:#2d3748;border-color:#4b5563;box-shadow:0 4px 6px #0003}.Marketplace-offer-card:hover{box-shadow:0 8px 16px #0000001a;transform:translateY(-6px)}body.dark-mode .Marketplace-offer-card:hover{box-shadow:0 8px 16px #0000004d}.Marketplace-offer-banner{border-radius:8px;height:180px;margin-bottom:16px}.Marketplace-offer-card h3{color:#1f2937;font-size:20px;font-weight:600;margin:12px 0}.Marketplace-offer-card p{color:#6b7280;font-size:14px;margin:6px 0}body.dark-mode .Marketplace-offer-card p{color:#d1d5db}.Marketplace-bookmark-btn{align-items:center;background-color:#eab308;border:none;border-radius:8px;color:#1f2937;cursor:pointer;display:inline-flex;font-size:14px;font-weight:500;gap:6px;margin:5px;padding:10px 16px;transition:background-color .3s ease}.Marketplace-bookmark-btn:hover{background-color:#ca8a04}body.dark-mode .Marketplace-bookmark-btn{color:#fff}.Marketplace-bookmark-active{align-items:center;background-color:#ca8a04;border:none;border-radius:8px;cursor:pointer;display:inline-flex;font-size:14px;font-weight:500;gap:6px;margin:5px;padding:10px 16px;transition:background-color .3s ease}.Marketplace-bookmark-active:hover{background-color:#eab308}body.dark-mode .Marketplace-bookmark-active{color:#fff}.Marketplace-cancel-btn,.Marketplace-submit-btn{align-items:center;border:none;border-radius:8px;cursor:pointer;display:inline-flex;font-size:14px;font-weight:500;gap:6px;margin:5px;padding:10px 16px;transition:background-color .3s ease}.Marketplace-submit-btn{background-color:#4caf50}.Marketplace-cancel-btn{background-color:#6b7280;color:#fff}.Marketplace-cancel-btn:hover{background-color:#4b5563}.Marketplace-modal-overlay{background-color:#000000b3}.Marketplace-modal-content{animation:slideIn .3s ease;background-color:#fff;border-radius:16px;box-shadow:0 12px 24px #0003;padding:32px;width:90%}body.dark-mode .Marketplace-modal-content{background-color:#1f2937;box-shadow:0 12px 24px #0006;color:#fff}.Marketplace-modal-content h2{color:#4caf50;font-size:24px;font-weight:600;margin-bottom:24px}body.dark-mode .Marketplace-modal-content h2{color:#4caf50}.Marketplace-offer-details{gap:24px}.Marketplace-offer-details>div{display:flex;gap:24px}.Marketplace-offer-details>div>div{flex:1 1}.Marketplace-offer-table{border-collapse:collapse}.Marketplace-offer-table td{border-bottom:1px solid #e5e7eb;font-size:15px;padding:12px;text-align:left}body.dark-mode .Marketplace-offer-table td{border-bottom:1px solid #4b5563;color:#d1d5db}.Marketplace-offer-table td:first-child{color:#1f2937;font-weight:500}body.dark-mode .Marketplace-offer-table td:first-child{color:#fff}.Marketplace-landing-pages li{background-color:#f3f4f6;border-radius:8px;display:flex;flex-direction:column;gap:10px;margin-bottom:12px;min-height:120px;padding:16px}body.dark-mode .Marketplace-landing-pages li{background-color:#2d3748}.Marketplace-landing-pages p{color:#6b7280;font-size:14px;margin:6px 0}body.dark-mode .Marketplace-landing-pages p{color:#d1d5db}.Marketplace-settings-section,.Marketplace-tracking-section{border-top:1px solid #e5e7eb;margin-top:24px;padding-top:24px}body.dark-mode .Marketplace-settings-section,body.dark-mode .Marketplace-tracking-section{border-top:1px solid #4b5563}.Marketplace-settings-section h3,.Marketplace-tracking-section h3{color:#1f2937;font-size:20px;font-weight:600;gap:8px;margin-bottom:16px}.Marketplace-input-container{display:flex;flex-direction:column;gap:16px}.Marketplace-input-container input,.Marketplace-input-container select,.Marketplace-input-container textarea{background-color:#f3f4f6;border:2px solid #4caf50;border-radius:8px;font-size:16px;padding:12px 16px}body.dark-mode .Marketplace-input-container input,body.dark-mode .Marketplace-input-container select,body.dark-mode .Marketplace-input-container textarea{background-color:#2d3748;border-color:#4caf50}.Marketplace-input-container input:focus,.Marketplace-input-container select:focus,.Marketplace-input-container textarea:focus{background-color:#fff;border-color:#45a049;box-shadow:0 0 0 3px #4caf501a}body.dark-mode .Marketplace-input-container input:focus,body.dark-mode .Marketplace-input-container select:focus,body.dark-mode .Marketplace-input-container textarea:focus{background-color:#4b5563}.Marketplace-input-container input:disabled{background-color:#e5e7eb;cursor:not-allowed}body.dark-mode .Marketplace-input-container input:disabled{background-color:#4b5563}.Marketplace-checkbox{color:#374151;font-size:16px;gap:8px}body.dark-mode .Marketplace-checkbox{color:#d1d5db}.Marketplace-settings-section{display:flex;gap:24px}.Marketplace-settings-section>div{flex:1 1}.Marketplace-settings-section label{align-items:center;color:#374151;display:inline-flex;font-size:16px;gap:8px;margin-right:16px}body.dark-mode .Marketplace-settings-section label{color:#d1d5db}.Marketplace-settings-section input[type=radio]{accent-color:#4caf50}.Marketplace-modal-buttons{gap:16px;margin-top:24px}.Marketplace-submit-btn:hover{background-color:#45a049}.Marketplace-cancel-btn:hover{background-color:#dc2626}@media (max-width:1024px){.Marketplace-offers-grid{grid-template-columns:repeat(auto-fill,minmax(240px,1fr))}.Marketplace-modal-content{max-height:85vh;overflow-y:auto;padding:32px}.Marketplace-offer-details>div{flex-direction:column}}@media (max-width:768px){.Marketplace-content{padding:16px}.Marketplace-filters{align-items:stretch;flex-direction:column}.Marketplace-filter-input,.Marketplace-filter-select{min-width:auto;width:100%}.Marketplace-settings-section{flex-direction:column;gap:16px}}.Marketplace-offer-banner[style*=blur]{transition:filter .3s ease}@media (max-width:480px){.Marketplace-offer-card{padding:16px}.Marketplace-offer-banner{height:140px}.Marketplace-modal-content{padding:16px}.Marketplace-modal-buttons{flex-direction:column;gap:12px}.Marketplace-cancel-btn,.Marketplace-submit-btn{width:100%}}.Marketplace-container{background:linear-gradient(135deg,#f5f7fa,#c3cfe2);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin-top:60px;min-height:calc(100vh - 60px);padding:2rem}body.dark-mode .Marketplace-container{background:linear-gradient(135deg,#1a1a2e,#16213e)}.Marketplace-content{animation:fadeInUp .6s ease;margin:0 auto;max-width:1400px}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.Marketplace-error-message{animation:shake .5s ease;background:linear-gradient(135deg,#ff6b6b,#ee5a6f);border-radius:12px;box-shadow:0 4px 15px #ee5a6f4d;color:#fff;font-size:.95rem;margin-bottom:1.5rem;padding:1rem 1.5rem}.Marketplace-search-bar{margin:2rem 0;max-width:600px;position:relative}.Marketplace-search-icon{color:#4caf50;left:1.5rem;position:absolute;top:50%;transform:translateY(-50%);z-index:1}.Marketplace-search-input{background:#fff;border:2px solid #0000;border-radius:50px;box-shadow:0 10px 40px #00000014;font-size:1rem;padding:1rem 3rem 1rem 3.5rem;transition:all .3s cubic-bezier(.4,0,.2,1);width:100%}.Marketplace-search-bar .clear-search{align-items:center;background:#e2e8f0;border:none;border-radius:50%;cursor:pointer;display:flex;height:32px;justify-content:center;opacity:0;position:absolute;right:1rem;top:50%;transform:translateY(-50%);transition:all .3s ease;visibility:hidden;width:32px}.Marketplace-search-input:not(:placeholder-shown)~.clear-search{opacity:1;visibility:visible}.clear-search:hover{background:#cbd5e0;transform:translateY(-50%) scale(1.1)}body.dark-mode .Marketplace-search-input{background:#2d3748;box-shadow:0 10px 40px #0000004d;color:#fff}.Marketplace-search-input:focus{border-color:#4caf50;box-shadow:0 15px 50px #4caf5033;outline:none;transform:translateY(-2px)}.Marketplace-filters{align-items:center;background:#fff;border-radius:20px;box-shadow:0 5px 20px #00000014;display:flex;flex-wrap:wrap;gap:1rem;margin-bottom:2rem;padding:1.5rem}body.dark-mode .Marketplace-filters{background:#2d3748;box-shadow:0 5px 20px #0000004d}.Marketplace-filter-input,.Marketplace-filter-select{background:#f7fafc;border:2px solid #e2e8f0;border-radius:12px;font-size:.95rem;min-width:150px;padding:.75rem 1.25rem;position:relative;transition:all .3s ease}.Marketplace-filter-select{appearance:none;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%234CAF50' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-position:right .75rem center;background-repeat:no-repeat;background-size:20px;padding-right:2.5rem}body.dark-mode .Marketplace-filter-input,body.dark-mode .Marketplace-filter-select{background-color:#1a202c;border-color:#4a5568;color:#fff}body.dark-mode .Marketplace-filter-select{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2368D391' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E")}.Marketplace-filter-input:hover,.Marketplace-filter-select:hover{border-color:#4caf50;box-shadow:0 4px 12px #4caf5026;transform:translateY(-1px)}.Marketplace-filter-input:focus,.Marketplace-filter-select:focus{background-color:#fff;border-color:#4caf50;box-shadow:0 0 0 4px #4caf501a;outline:none}body.dark-mode .Marketplace-filter-input:focus,body.dark-mode .Marketplace-filter-select:focus{background-color:#2d3748}.Marketplace-filter-select option{background:#fff;color:#1a202c;padding:.5rem}body.dark-mode .Marketplace-filter-select option{background:#2d3748;color:#fff}.Marketplace-filter-select option:checked,.Marketplace-filter-select option:hover{background:#4caf50;color:#fff}.Marketplace-apply-btn,.Marketplace-filter-button,.Marketplace-new-offer-btn{align-items:center;background:linear-gradient(135deg,#4caf50,#2f855a);border:none;border-radius:12px;box-shadow:0 4px 15px #4caf504d;color:#fff;cursor:pointer;display:flex;font-size:.95rem;font-weight:600;gap:.5rem;padding:.75rem 1.5rem;transition:all .3s cubic-bezier(.4,0,.2,1);white-space:nowrap}.Marketplace-apply-btn:hover,.Marketplace-filter-button:hover,.Marketplace-new-offer-btn:hover{box-shadow:0 6px 20px #4caf5066;transform:translateY(-2px)}.Marketplace-offers-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));margin-top:2rem}.Marketplace-offer-card{background:#fff;border-radius:20px;box-shadow:0 10px 30px #00000014;cursor:pointer;display:flex;flex-direction:column;overflow:hidden;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1)}body.dark-mode .Marketplace-offer-card{background:#2d3748;box-shadow:0 10px 30px #0000004d}.Marketplace-offer-card:hover{box-shadow:0 20px 40px #00000026;transform:translateY(-8px) scale(1.02)}.Marketplace-offer-banner{height:200px;object-fit:cover;transition:transform .3s ease;width:100%}.Marketplace-offer-card:hover .Marketplace-offer-banner{transform:scale(1.05)}.Marketplace-offer-card-content{display:flex;flex:1 1;flex-direction:column;padding:1.5rem}.Marketplace-offer-card h3{-webkit-line-clamp:2;-webkit-box-orient:vertical;color:#1a202c;display:-webkit-box;font-size:1.25rem;font-weight:700;line-height:1.3;margin:0 0 .75rem;overflow:hidden}body.dark-mode .Marketplace-offer-card h3{color:#fff}.Marketplace-offer-card p{color:#718096;font-size:.9rem;line-height:1.5;margin:.5rem 0}body.dark-mode .Marketplace-offer-card p{color:#cbd5e0}.Marketplace-offer-card p strong{color:#4caf50;font-weight:600}.Marketplace-card-actions{display:flex;flex-direction:column;gap:.5rem;margin-top:auto;padding-top:1rem}.Marketplace-bookmark-active,.Marketplace-bookmark-btn{align-items:center;border:none;border-radius:10px;cursor:pointer;display:inline-flex;font-size:.9rem;font-weight:600;gap:.5rem;justify-content:center;padding:.75rem 1.25rem;transition:all .3s ease;width:100%}.Marketplace-bookmark-btn{background:#f7fafc;border:2px solid #e2e8f0;color:#4a5568}body.dark-mode .Marketplace-bookmark-btn{background:#374151;border-color:#4b5563;color:#e2e8f0}.Marketplace-bookmark-btn:hover{background:#4caf50;border-color:#4caf50;box-shadow:0 4px 12px #4caf504d;color:#fff;transform:translateY(-2px)}.Marketplace-bookmark-active{background:linear-gradient(135deg,#fbbf24,#f59e0b);box-shadow:0 4px 15px #fbbf244d;color:#fff}body.dark-mode .Marketplace-bookmark-active{color:#1a202c;font-weight:700}.Marketplace-delete-btn{align-items:center;background:linear-gradient(135deg,#ef4444,#dc2626);border:none;border-radius:10px;box-shadow:0 4px 15px #ef44444d;color:#fff;cursor:pointer;display:inline-flex;font-size:.9rem;font-weight:600;gap:.5rem;justify-content:center;padding:.75rem 1.25rem;transition:all .3s ease;width:100%}.Marketplace-delete-btn:hover{box-shadow:0 6px 20px #ef444466;transform:translateY(-2px)}.Marketplace-modal-overlay{align-items:center;animation:fadeIn .3s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#000c;bottom:0;display:flex;justify-content:center;left:0;padding:2rem;position:fixed;right:0;top:0;z-index:1000}.Marketplace-modal-overlay.landing-page-modal{background:#000000e6;z-index:1100}.Marketplace-modal-content{animation:slideUp .4s cubic-bezier(.4,0,.2,1);background:#fff;border-radius:24px;box-shadow:0 25px 50px #00000040;max-height:85vh;max-width:1200px;overflow-y:auto;padding:2.5rem;position:relative;width:100%}body.dark-mode .Marketplace-modal-content{background:#1a202c;box-shadow:0 25px 50px #00000080}.Marketplace-modal-close{align-items:center;background:#f7fafc;border:none;border-radius:50%;cursor:pointer;display:flex;height:40px;justify-content:center;position:absolute;right:1.5rem;top:1.5rem;transition:all .3s ease;width:40px;z-index:10}body.dark-mode .Marketplace-modal-close{background:#2d3748;color:#fff}.Marketplace-modal-close:hover{background:#ef4444;color:#fff;transform:rotate(90deg) scale(1.1)}@keyframes slideUp{0%{opacity:0;transform:translateY(50px)}to{opacity:1;transform:translateY(0)}}.Marketplace-modal-content h2{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#4caf50,#2f855a);-webkit-background-clip:text;font-size:2rem;font-weight:700;margin-bottom:2rem;padding-right:3rem;position:relative;text-align:center}.Marketplace-modal-content h2:after{background:linear-gradient(135deg,#4caf50,#2f855a);border-radius:2px;bottom:-10px;content:"";height:4px;left:50%;position:absolute;transform:translateX(-50%);width:60px}.Marketplace-container input:-webkit-autofill,.Marketplace-container input:-webkit-autofill:active,.Marketplace-container input:-webkit-autofill:focus,.Marketplace-container input:-webkit-autofill:hover{-webkit-text-fill-color:#1a202c!important;background-clip:content-box!important;border:2px solid #e2e8f0!important;border-radius:12px!important;-webkit-box-shadow:inset 0 0 0 30px #f7fafc!important;-webkit-transition:background-color 5000s ease-in-out 0s!important;transition:background-color 5000s ease-in-out 0s!important}body.dark-mode .Marketplace-container input:-webkit-autofill,body.dark-mode .Marketplace-container input:-webkit-autofill:active,body.dark-mode .Marketplace-container input:-webkit-autofill:focus,body.dark-mode .Marketplace-container input:-webkit-autofill:hover{-webkit-text-fill-color:#fff!important;background-clip:content-box!important;border:2px solid #4a5568!important;-webkit-box-shadow:inset 0 0 0 30px #2d3748!important}.Marketplace-container input:-moz-autofill{background-color:#f7fafc!important;border:2px solid #e2e8f0!important;color:#1a202c!important}body.dark-mode .Marketplace-container input:-moz-autofill{background-color:#2d3748!important;border:2px solid #4a5568!important;color:#fff!important}.Marketplace-container input[autocomplete],.Marketplace-container input[autocomplete]:focus,.Marketplace-container input[autocomplete]:hover{background-color:initial!important;background-image:none!important}.Marketplace-container input::-webkit-credentials-auto-fill-button,.Marketplace-container input::-webkit-strong-password-auto-fill-button{pointer-events:none;position:absolute;right:0;visibility:hidden}.Marketplace-search-input:-webkit-autofill,.Marketplace-search-input:-webkit-autofill:active,.Marketplace-search-input:-webkit-autofill:focus,.Marketplace-search-input:-webkit-autofill:hover{-webkit-text-fill-color:#1a202c!important;border-radius:50px!important;-webkit-box-shadow:inset 0 0 0 30px #fff!important}body.dark-mode .Marketplace-search-input:-webkit-autofill,body.dark-mode .Marketplace-search-input:-webkit-autofill:active,body.dark-mode .Marketplace-search-input:-webkit-autofill:focus,body.dark-mode .Marketplace-search-input:-webkit-autofill:hover{-webkit-text-fill-color:#fff!important;-webkit-box-shadow:inset 0 0 0 30px #2d3748!important}.Marketplace-filter-input:-webkit-autofill,.Marketplace-filter-select:-webkit-autofill{-webkit-text-fill-color:#1a202c!important;border-radius:12px!important;-webkit-box-shadow:inset 0 0 0 30px #f7fafc!important}body.dark-mode .Marketplace-filter-input:-webkit-autofill,body.dark-mode .Marketplace-filter-select:-webkit-autofill{-webkit-text-fill-color:#fff!important;-webkit-box-shadow:inset 0 0 0 30px #1a202c!important}.Marketplace-container input::selection,.Marketplace-container textarea::selection{background:#4caf504d;color:inherit}.Marketplace-container input::-moz-selection,.Marketplace-container textarea::-moz-selection{background:#4caf504d;color:inherit}.Marketplace-input-container{grid-gap:1.5rem;background:linear-gradient(135deg,#f8fafc,#e2e8f0);border:1px solid #e2e8f0;border-radius:20px;box-shadow:0 10px 25px #0000000d;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));padding:2rem}body.dark-mode .Marketplace-input-container{background:linear-gradient(135deg,#2d3748,#1a202c);border-color:#4a5568;box-shadow:0 10px 25px #0003}.Marketplace-input-container input,.Marketplace-input-container select,.Marketplace-input-container textarea{background:#fff;border:2px solid #e2e8f0;border-radius:12px;box-shadow:0 2px 8px #0000000d;font-size:1rem;font-weight:500;padding:1rem 1.25rem;transition:all .3s ease;width:100%}.Marketplace-input-container input:not(:placeholder-shown),.Marketplace-input-container select:not([value=""]),.Marketplace-input-container textarea:not(:placeholder-shown){background:#fff;border-color:#4caf50;box-shadow:0 4px 12px #4caf501a}.Marketplace-input-container select[multiple]{min-height:120px;padding:.5rem}.Marketplace-input-container select[multiple] option{border-radius:6px;cursor:pointer;margin:.25rem 0;padding:.5rem 1rem;transition:all .2s ease}.Marketplace-input-container select[multiple] option:hover{background:#4caf501a}.Marketplace-input-container select[multiple] option:checked{background:#4caf50;color:#fff;font-weight:600}body.dark-mode .Marketplace-input-container select[multiple] option{background:#2d3748;color:#fff}body.dark-mode .Marketplace-input-container select[multiple] option:hover{background:#4caf5033}body.dark-mode .Marketplace-input-container select[multiple] option:checked{background:#4caf50;color:#fff}body.dark-mode .Marketplace-input-container input,body.dark-mode .Marketplace-input-container select,body.dark-mode .Marketplace-input-container textarea{background:#2d3748;border-color:#4a5568;color:#fff}.Marketplace-input-container input:focus,.Marketplace-input-container select:focus,.Marketplace-input-container textarea:focus{background:#fff;border-color:#4caf50;box-shadow:0 0 0 4px #4caf501a;outline:none}body.dark-mode .Marketplace-input-container input:focus,body.dark-mode .Marketplace-input-container select:focus,body.dark-mode .Marketplace-input-container textarea:focus{background:#374151}.Marketplace-input-container textarea{grid-column:1/-1;min-height:120px;resize:vertical}.Marketplace-input-container input::placeholder,.Marketplace-input-container textarea::placeholder{color:#a0aec0}body.dark-mode .Marketplace-input-container input::placeholder,body.dark-mode .Marketplace-input-container textarea::placeholder{color:#718096}.Marketplace-checkbox{align-items:center;border-radius:8px;color:#4a5568;cursor:pointer;display:flex;font-size:1rem;gap:.75rem;padding:.5rem;transition:background .3s ease}body.dark-mode .Marketplace-checkbox{color:#e2e8f0}.Marketplace-checkbox:hover{background:#f7fafc}body.dark-mode .Marketplace-checkbox:hover{background:#2d3748}.Marketplace-checkbox input[type=checkbox]{accent-color:#4caf50}.Marketplace-upload-btn{align-items:center;background:linear-gradient(135deg,#3b82f6,#2563eb);border:none;border-radius:12px;box-shadow:0 4px 15px #3b82f64d;color:#fff;cursor:pointer;display:inline-flex;font-size:1rem;font-weight:600;gap:.5rem;overflow:hidden;padding:1rem 1.5rem;position:relative;transition:all .3s ease}.Marketplace-upload-btn:hover{box-shadow:0 6px 20px #3b82f666;transform:translateY(-2px)}.Marketplace-upload-btn:after{background:#ffffff4d;border-radius:50%;content:"";height:0;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);transition:width .6s,height .6s;width:0}.Marketplace-upload-btn:active:after{height:300px;width:300px}.Marketplace-image-preview{align-items:center;border-radius:12px;box-shadow:0 4px 15px #0000001a;display:flex;flex-direction:column;margin-top:1rem;overflow:hidden;position:relative}.Marketplace-image-preview img{display:block;height:auto;max-width:200px}.Marketplace-image-preview .remove-image{align-items:center;background:#ef4444e6;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:1rem;font-weight:700;height:30px;justify-content:center;opacity:1;position:absolute;right:.5rem;top:.5rem;transition:all .3s ease;visibility:visible;width:30px;z-index:10}.Marketplace-image-preview .remove-image:hover{background:#dc2626;transform:scale(1.1)}body.dark-mode .Marketplace-image-preview .remove-image{background:#ef4444}.Marketplace-file-name{color:#4a5568;font-size:.875rem;margin-top:.5rem;max-width:200px;overflow:hidden;text-align:center;text-overflow:ellipsis;white-space:nowrap}body.dark-mode .Marketplace-file-name{color:#cbd5e0}.selected-devices{background:#f7fafc;border:2px solid #e2e8f0;grid-column:1/-1;min-height:60px}body.dark-mode .selected-devices{background:#2d3748;border-color:#4a5568}.selected-devices strong{color:#4a5568}body.dark-mode .selected-devices strong{color:#cbd5e0}.selected-device{border-radius:20px;box-shadow:0 2px 10px #4caf504d;font-size:.875rem;padding:.5rem 1rem}@keyframes scaleIn{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}.remove-device-btn{align-items:center;background:#ffffff4d;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:1.2rem;height:24px;justify-content:center;margin-left:.5rem;transition:all .3s ease;width:24px}.remove-device-btn:hover{background:#ffffff80;transform:rotate(90deg)}.devices-selection{background:#fff;border:2px solid #e2e8f0;border-radius:16px;box-shadow:0 4px 15px #0000000d;grid-column:1/-1;padding:1.5rem}body.dark-mode .devices-selection{background:#374151;border-color:#4b5563;box-shadow:0 4px 15px #0003}.devices-label{color:#374151;display:block;font-size:1.1rem;font-weight:600;margin-bottom:1rem}body.dark-mode .devices-label{color:#f3f4f6}.devices-checkboxes{display:flex;flex-wrap:wrap;gap:1rem;margin-bottom:1.5rem}.device-checkbox{align-items:center;background:#f8fafc;border:2px solid #e2e8f0;border-radius:12px;cursor:pointer;display:flex;font-weight:500;gap:.5rem;justify-content:center;min-width:100px;padding:.75rem 1rem;transition:all .3s ease}body.dark-mode .device-checkbox{background:#2d3748;border-color:#4a5568;color:#e2e8f0}.device-checkbox:hover{background:#e2e8f0;border-color:#4caf50;box-shadow:0 4px 12px #4caf5026;transform:translateY(-2px)}body.dark-mode .device-checkbox:hover{background:#4a5568;border-color:#68d391}.device-checkbox input[type=checkbox]{accent-color:#4caf50;cursor:pointer;height:18px;width:18px}.device-checkbox input[type=checkbox]:checked+.device-name{color:#4caf50;font-weight:600}body.dark-mode .device-checkbox input[type=checkbox]:checked+.device-name{color:#68d391}.device-name{font-size:.9rem;transition:color .3s ease}.selected-devices{align-items:center;background:#f0f9ff;border:1px solid #bae6fd;border-radius:12px;display:flex;flex-wrap:wrap;gap:.5rem;min-height:50px;padding:1rem}body.dark-mode .selected-devices{background:#1e293b;border-color:#334155}.selected-devices strong{color:#0369a1;font-size:.9rem;margin-right:.5rem}body.dark-mode .selected-devices strong{color:#38bdf8}.selected-device{align-items:center;animation:scaleIn .3s ease;background:linear-gradient(135deg,#4caf50,#2f855a);border-radius:16px;box-shadow:0 2px 8px #4caf504d;color:#fff;display:inline-flex;font-size:.8rem;font-weight:600;padding:.4rem .8rem}.no-devices{color:#6b7280;font-size:.9rem;font-style:italic}body.dark-mode .no-devices{color:#9ca3af}.Marketplace-add-landing-btn{align-items:center;background:linear-gradient(135deg,#8b5cf6,#7c3aed);border:none;border-radius:12px;box-shadow:0 4px 15px #8b5cf64d;color:#fff;cursor:pointer;display:flex;font-size:1rem;font-weight:600;gap:.5rem;grid-column:1/-1;justify-content:center;padding:1rem 1.5rem;transition:all .3s ease}.Marketplace-add-landing-btn:hover{box-shadow:0 6px 20px #8b5cf666;transform:translateY(-2px)}.Marketplace-landing-pages{background:#f7fafc;border:2px solid #e2e8f0;border-radius:16px;grid-column:1/-1;padding:1.5rem}body.dark-mode .Marketplace-landing-pages{background:#2d3748;border-color:#4a5568}.Marketplace-landing-pages>strong{color:#4caf50;display:block;font-size:1.1rem;font-weight:700;margin-bottom:1rem}.Marketplace-landing-pages ul{list-style:none;margin:0;padding:0}.Marketplace-landing-page-item{background:#fff;border:2px solid #0000;border-radius:12px;box-shadow:0 2px 10px #0000000d;margin-bottom:1rem;padding:1.5rem;position:relative;transition:all .3s ease}body.dark-mode .Marketplace-landing-page-item{background:#374151;box-shadow:0 2px 10px #0003}.Marketplace-landing-page-item:hover{border-color:#4caf50;box-shadow:0 4px 15px #0000001a;transform:translateX(5px)}.Marketplace-landing-page-item input,.Marketplace-landing-page-item textarea{margin-bottom:.75rem;width:100%}.Marketplace-remove-landing-btn{align-items:center;background:linear-gradient(135deg,#ef4444,#dc2626);border:none;border-radius:8px;box-shadow:0 2px 10px #ef44444d;color:#fff;cursor:pointer;display:flex;height:36px;justify-content:center;padding:.5rem;position:absolute;right:1rem;top:1rem;transition:all .3s ease;width:36px}.Marketplace-remove-landing-btn:hover{box-shadow:0 4px 15px #ef444466;transform:scale(1.1) rotate(90deg)}.Marketplace-offer-details{display:flex;flex-direction:column;gap:2rem}.Marketplace-offer-details h3{align-items:center;color:#1a202c;display:flex;font-size:1.25rem;font-weight:700;gap:.5rem;margin-bottom:1rem}body.dark-mode .Marketplace-offer-details h3{color:#fff}.Marketplace-offer-table{background:#f7fafc;border-collapse:initial;border-radius:12px;border-spacing:0;box-shadow:0 2px 10px #0000000d;overflow:hidden;width:100%}body.dark-mode .Marketplace-offer-table{background:#2d3748;box-shadow:0 2px 10px #0003}.Marketplace-offer-table td{border-bottom:1px solid #e2e8f0;font-size:.95rem;padding:1rem 1.5rem;vertical-align:top}body.dark-mode .Marketplace-offer-table td{border-bottom:1px solid #4a5568}.Marketplace-offer-table tr:last-child td{border-bottom:none}.Marketplace-offer-table tr:hover{background:#4caf500d}body.dark-mode .Marketplace-offer-table tr:hover{background:#4caf501a}.Marketplace-offer-table td:first-child{background:#4caf500d;color:#4caf50;font-weight:600;width:200px}body.dark-mode .Marketplace-offer-table td:first-child{background:#4caf501a}.Marketplace-settings-section,.Marketplace-tracking-section{background:#fff;border:2px solid #e2e8f0;border-radius:16px;box-shadow:0 4px 15px #0000000d;padding:2rem;transition:all .3s ease}body.dark-mode .Marketplace-settings-section,body.dark-mode .Marketplace-tracking-section{background:#2d3748;border-color:#4a5568;box-shadow:0 4px 15px #0003}.Marketplace-settings-section:hover,.Marketplace-tracking-section:hover{border-color:#4caf50;transform:translateY(-2px)}.Marketplace-settings-section h3,.Marketplace-tracking-section h3{align-items:center;color:#1a202c;display:flex;font-size:1.5rem;font-weight:700;gap:.75rem;margin-bottom:1.5rem}body.dark-mode .Marketplace-settings-section h3,body.dark-mode .Marketplace-tracking-section h3{color:#fff}.Marketplace-settings-section h3 svg,.Marketplace-tracking-section h3 svg{color:#4caf50}.Marketplace-radio-group{display:flex;gap:1rem;margin-bottom:1.5rem}.Marketplace-radio-label{align-items:center;background:#f7fafc;border:2px solid #e2e8f0;border-radius:10px;cursor:pointer;display:inline-flex;font-size:.95rem;font-weight:500;gap:.5rem;padding:.75rem 1.25rem;position:relative;transition:all .3s ease}body.dark-mode .Marketplace-radio-label{background:#374151;border-color:#4a5568;color:#e2e8f0}.Marketplace-radio-label:hover{border-color:#4caf50;box-shadow:0 4px 12px #4caf5026;transform:translateY(-2px)}.Marketplace-radio-label input[type=radio]{opacity:0;position:absolute}.Marketplace-radio-label input[type=radio]:checked+span{color:#fff}.Marketplace-radio-label input[type=radio]:checked~.radio-indicator{background:#4caf50;border-color:#4caf50}.Marketplace-radio-label input[type=radio]:checked~.radio-indicator:after{transform:scale(1)}.radio-indicator{border:2px solid #cbd5e0;border-radius:50%;height:20px;position:relative;transition:all .3s ease;width:20px}.radio-indicator:after{background:#fff;border-radius:50%;content:"";height:10px;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%) scale(0);transition:transform .3s ease;width:10px}.Marketplace-radio-label input[type=radio]:checked~*{color:#4caf50}.Marketplace-radio-label input[type=radio]:checked~span{font-weight:600}.Marketplace-config-link{align-items:center;border-radius:8px;color:#4caf50;display:inline-flex;font-weight:500;gap:.5rem;margin-top:1rem;padding:.5rem 1rem;text-decoration:none;transition:all .3s ease}.Marketplace-config-link:hover{background:#4caf501a;transform:translateX(5px)}.Marketplace-modal-buttons{border-top:2px solid #e2e8f0;display:flex;flex-wrap:wrap;gap:1rem;justify-content:flex-end;margin-top:2rem;padding-top:2rem}body.dark-mode .Marketplace-modal-buttons{border-top-color:#4a5568}.Marketplace-cancel-btn,.Marketplace-edit-btn,.Marketplace-submit-btn{align-items:center;border:none;border-radius:12px;cursor:pointer;display:inline-flex;font-size:1rem;font-weight:600;gap:.5rem;overflow:hidden;padding:1rem 2rem;position:relative;transition:all .3s ease}.Marketplace-submit-btn{background:linear-gradient(135deg,#4caf50,#2f855a);box-shadow:0 4px 15px #4caf504d;color:#fff}.Marketplace-submit-btn:hover{box-shadow:0 6px 20px #4caf5066;transform:translateY(-2px)}.Marketplace-edit-btn{background:linear-gradient(135deg,#3b82f6,#2563eb);box-shadow:0 4px 15px #3b82f64d;color:#fff}.Marketplace-edit-btn:hover{box-shadow:0 6px 20px #3b82f666;transform:translateY(-2px)}.Marketplace-cancel-btn{background:#f7fafc;border:2px solid #e2e8f0;color:#4a5568}body.dark-mode .Marketplace-cancel-btn{background:#2d3748;border-color:#4a5568;color:#e2e8f0}.Marketplace-cancel-btn:hover{background:linear-gradient(135deg,#ef4444,#dc2626);border-color:#0000;box-shadow:0 4px 15px #ef44444d;color:#fff;transform:translateY(-2px)}.Marketplace-cancel-btn:before,.Marketplace-edit-btn:before,.Marketplace-submit-btn:before{background:#ffffff80;border-radius:50%;content:"";height:0;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);transition:width .6s,height .6s;width:0}.Marketplace-cancel-btn:active:before,.Marketplace-edit-btn:active:before,.Marketplace-submit-btn:active:before{height:300px;width:300px}.Marketplace-modal-content::-webkit-scrollbar{width:10px}.Marketplace-modal-content::-webkit-scrollbar-track{background:#f7fafc;border-radius:5px}body.dark-mode .Marketplace-modal-content::-webkit-scrollbar-track{background:#2d3748}.Marketplace-modal-content::-webkit-scrollbar-thumb{background:linear-gradient(135deg,#4caf50,#2f855a);background-clip:padding-box;border:2px solid #0000;border-radius:5px}.Marketplace-modal-content::-webkit-scrollbar-thumb:hover{background:linear-gradient(135deg,#2f855a,#22543d);background-clip:padding-box}.country-select__control{background:#f7fafc!important;border:2px solid #e2e8f0!important;border-radius:12px!important;min-height:44px!important;transition:all .3s ease!important}body.dark-mode .country-select__control{background:#1a202c!important;border-color:#4a5568!important;color:#fff!important}.country-select__control:hover{border-color:#4caf50!important}.country-select__control--is-focused{border-color:#4caf50!important;box-shadow:0 0 0 4px #4caf501a!important}body.dark-mode .country-select__control--is-focused{background:#1a202c!important}.country-select__menu{background:#fff!important;border:2px solid #e2e8f0!important;border-radius:12px!important;box-shadow:0 10px 30px #0000001a!important}body.dark-mode .country-select__menu{background:#1a202c!important;border-color:#4a5568!important}.country-select__option{color:#1a202c!important;cursor:pointer!important;padding:.75rem 1rem!important;transition:all .2s ease!important}body.dark-mode .country-select__option{color:#fff!important}.country-select__option--is-focused{background:#4caf501a!important}body.dark-mode .country-select__option--is-focused{background:#4caf5033!important}.country-select__option--is-selected{background:#4caf50!important;color:#fff!important}.country-select__multi-value{background:linear-gradient(135deg,#4caf50,#2f855a)!important;border-radius:20px!important;padding:2px 4px!important}.country-select__multi-value__label{color:#fff!important;font-weight:500!important;padding:2px 8px!important}.country-select__multi-value__remove{color:#fff!important;cursor:pointer!important;padding:0 4px!important;transition:all .2s ease!important}.country-select__multi-value__remove:hover{background:#ef44444d!important;color:#fff!important}.country-select__input-container,.country-select__single-value{color:inherit!important}body.dark-mode .country-select__input-container,body.dark-mode .country-select__single-value{color:#fff!important}.country-select__placeholder{color:#a0aec0!important}body.dark-mode .country-select__placeholder{color:#718096!important}.country-select__input{color:inherit!important}.country-select__indicator-separator{background-color:#4a5568!important}body.dark-mode .country-select__indicator-separator{background-color:#718096!important}.country-select__clear-indicator,.country-select__dropdown-indicator{color:#4caf50!important}body.dark-mode .country-select__clear-indicator,body.dark-mode .country-select__dropdown-indicator{color:#68d391!important}@media (max-width:1024px){.Marketplace-offers-grid{gap:1.5rem;grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}.Marketplace-modal-content{padding:2rem;width:95%}.Marketplace-input-container{grid-template-columns:1fr}.Marketplace-settings-section{flex-direction:column}}@media (max-width:768px){.Marketplace-container{padding:1rem}.Marketplace-filters{flex-direction:column;padding:1rem}.Marketplace-filter-input,.Marketplace-filter-select{width:100%}.Marketplace-offers-grid{gap:1rem;grid-template-columns:1fr}.Marketplace-modal-content{border-radius:16px;padding:1.5rem}.Marketplace-modal-content h2{font-size:1.5rem}.Marketplace-modal-buttons,.Marketplace-radio-group{flex-direction:column}.Marketplace-cancel-btn,.Marketplace-edit-btn,.Marketplace-submit-btn{justify-content:center;width:100%}}@media (max-width:480px){.Marketplace-container{padding:.5rem}.Marketplace-search-bar{margin:1rem 0}.Marketplace-search-input{font-size:.9rem;padding:.75rem 2.5rem .75rem 3rem}.Marketplace-offer-card{border-radius:16px}.Marketplace-offer-banner{height:160px}.Marketplace-offer-card h3{font-size:1.1rem}.Marketplace-offer-card p{font-size:.85rem}.Marketplace-modal-overlay{padding:1rem}.Marketplace-modal-content{max-height:90vh;padding:1rem}.Marketplace-modal-content h2{font-size:1.25rem;margin-bottom:1rem}.Marketplace-modal-close{height:32px;right:1rem;top:1rem;width:32px}.Marketplace-input-container input,.Marketplace-input-container select,.Marketplace-input-container textarea{font-size:.9rem;padding:.75rem 1rem}.Marketplace-settings-section,.Marketplace-tracking-section{padding:1rem}.Marketplace-settings-section h3,.Marketplace-tracking-section h3{font-size:1.25rem}.Marketplace-offer-table td{font-size:.85rem;padding:.75rem}.Marketplace-landing-page-item{padding:1rem}.Marketplace-remove-landing-btn{height:30px;width:30px}}.Marketplace-loading{align-items:center;display:flex;flex-direction:column;gap:1rem;justify-content:center;min-height:400px}.Marketplace-loading:after{animation:spin 1s linear infinite;border:4px solid #f3f4f6;border-radius:50%;border-top-color:#4caf50;content:"";height:50px;width:50px}body.dark-mode .Marketplace-loading:after{border-color:#4caf50 #4a5568 #4a5568}@keyframes spin{to{transform:rotate(1turn)}}.Marketplace-loading-text{color:#718096;font-size:1rem;font-weight:500}body.dark-mode .Marketplace-loading-text{color:#cbd5e0}.Marketplace-empty-state{background:#fff;border-radius:20px;box-shadow:0 10px 30px #00000014;margin:2rem auto;max-width:600px;padding:4rem 2rem;text-align:center}body.dark-mode .Marketplace-empty-state{background:#2d3748;box-shadow:0 10px 30px #0000004d}.Marketplace-empty-state svg{color:#cbd5e0;height:80px;margin-bottom:1.5rem;width:80px}.Marketplace-empty-state h3{color:#4a5568;font-size:1.5rem;margin-bottom:.5rem}body.dark-mode .Marketplace-empty-state h3{color:#e2e8f0}.Marketplace-empty-state p{color:#718096;font-size:1rem;margin-bottom:2rem}body.dark-mode .Marketplace-empty-state p{color:#cbd5e0}.Marketplace-form-group{margin-bottom:1.5rem;position:relative}.Marketplace-form-label{background:#fff;color:#4caf50;font-size:.875rem;font-weight:600;left:1rem;padding:0 .5rem;position:absolute;top:-.5rem;z-index:1}body.dark-mode .Marketplace-form-label{background:#2d3748}.Marketplace-tooltip{display:inline-block;position:relative}.Marketplace-tooltip:after{background:#1a202c;border-radius:8px;bottom:100%;box-shadow:0 4px 15px #0003;color:#fff;content:attr(data-tooltip);font-size:.875rem;left:50%;margin-bottom:.5rem;opacity:0;padding:.5rem 1rem;pointer-events:none;position:absolute;transform:translateX(-50%);transition:all .3s ease;white-space:nowrap;z-index:1000}body.dark-mode .Marketplace-tooltip:after{background:#4a5568}.Marketplace-tooltip:before{border:6px solid #0000;border-top-color:#1a202c;bottom:100%;content:"";left:50%;margin-bottom:-5px;opacity:0;pointer-events:none;position:absolute;transform:translateX(-50%);transition:all .3s ease}body.dark-mode .Marketplace-tooltip:before{border-top-color:#4a5568}.Marketplace-tooltip:hover:after,.Marketplace-tooltip:hover:before{opacity:1;transform:translateX(-50%) translateY(-5px)}.Marketplace-badge{align-items:center;border-radius:20px;display:inline-flex;font-size:.75rem;font-weight:600;gap:.25rem;letter-spacing:.05em;padding:.25rem .75rem;text-transform:uppercase}.Marketplace-badge.success{background:linear-gradient(135deg,#10b981,#059669);box-shadow:0 2px 10px #10b9814d;color:#fff}.Marketplace-badge.warning{background:linear-gradient(135deg,#f59e0b,#d97706);box-shadow:0 2px 10px #f59e0b4d;color:#fff}.Marketplace-badge.error{background:linear-gradient(135deg,#ef4444,#dc2626);box-shadow:0 2px 10px #ef44444d;color:#fff}.Marketplace-badge.info{background:linear-gradient(135deg,#3b82f6,#2563eb);box-shadow:0 2px 10px #3b82f64d;color:#fff}.Marketplace-counter{align-items:center;animation:scaleIn .3s ease;background:linear-gradient(135deg,#ef4444,#dc2626);border-radius:12px;box-shadow:0 2px 10px #ef44444d;color:#fff;display:inline-flex;font-size:.75rem;font-weight:700;height:24px;justify-content:center;margin-left:.5rem;min-width:24px;padding:0 .5rem}.Marketplace-progress{background:#e2e8f0;border-radius:4px;height:8px;margin:1rem 0;overflow:hidden;width:100%}body.dark-mode .Marketplace-progress{background:#4a5568}.Marketplace-progress-bar{background:linear-gradient(90deg,#4caf50,#2f855a);border-radius:4px;height:100%;overflow:hidden;position:relative;transition:width .3s ease}.Marketplace-progress-bar:after{animation:shimmer 2s infinite;background:linear-gradient(90deg,#0000,#ffffff4d 50%,#0000);bottom:0;content:"";left:0;position:absolute;right:0;top:0}@keyframes shimmer{0%{transform:translateX(-100%)}to{transform:translateX(100%)}}.Marketplace-container *{box-sizing:border-box}.Marketplace-container img{height:auto;max-width:100%}.Marketplace-container a{color:#4caf50;text-decoration:none;transition:color .3s ease}.Marketplace-container a:hover{color:#2f855a;text-decoration:underline}.Marketplace-container{will-change:scroll-position}.Marketplace-modal-content,.Marketplace-offer-card{will-change:transform}@media print{.Marketplace-bookmark-btn,.Marketplace-delete-btn,.Marketplace-filters,.Marketplace-modal-buttons,.Marketplace-modal-overlay,.Marketplace-search-bar{display:none!important}.Marketplace-offer-card{border:1px solid #e2e8f0;box-shadow:none;break-inside:avoid;margin-bottom:1rem;page-break-inside:avoid}.Marketplace-container{background:#fff!important}.Marketplace-offer-card:hover{transform:none!important}}.Marketplace-container :focus-visible{outline:2px solid #4caf50;outline-offset:2px}.Marketplace-container button:disabled{cursor:not-allowed;opacity:.5}.Marketplace-container,.Marketplace-container *{transition:background-color .3s ease,border-color .3s ease,color .3s ease,box-shadow .3s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideIn{0%{opacity:0;transform:translateX(-20px)}to{opacity:1;transform:translateX(0)}}@keyframes bounceIn{0%{opacity:0;transform:scale(.3)}50%{transform:scale(1.05)}70%{transform:scale(.9)}to{opacity:1;transform:scale(1)}}.Marketplace-offer-card{animation:fadeIn .5s ease}.Marketplace-offer-card:first-child{animation-delay:.1s}.Marketplace-offer-card:nth-child(2){animation-delay:.2s}.Marketplace-offer-card:nth-child(3){animation-delay:.3s}.Marketplace-offer-card:nth-child(4){animation-delay:.4s}.Marketplace-offer-card:nth-child(5){animation-delay:.5s}.Marketplace-offer-card:nth-child(6){animation-delay:.6s}.Marketplace-offer-card.premium{overflow:hidden;position:relative}.Marketplace-offer-card.premium:before{animation:gradient-rotate 3s linear infinite;background:linear-gradient(45deg,#fbbf24,#f59e0b,#fbbf24);border-radius:20px;bottom:-2px;content:"";left:-2px;position:absolute;right:-2px;top:-2px;z-index:-1}@keyframes gradient-rotate{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.Marketplace-interactive{cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1)}.Marketplace-interactive:hover{transform:translateY(-2px)}.Marketplace-interactive:active{transform:translateY(0)}.Marketplace-gradient-text{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#4caf50,#2f855a);-webkit-background-clip:text;background-clip:text;font-weight:700}.Marketplace-divider{background:linear-gradient(90deg,#0000,#e2e8f0 50%,#0000);height:1px;margin:2rem 0}body.dark-mode .Marketplace-divider{background:linear-gradient(90deg,#0000,#4a5568 50%,#0000)}.Marketplace-info-card{background:linear-gradient(135deg,#f7fafc,#e2e8f0);border-left:4px solid #4caf50;border-radius:16px;margin:1rem 0;overflow:hidden;padding:1.5rem;position:relative}body.dark-mode .Marketplace-info-card{background:linear-gradient(135deg,#2d3748,#1a202c)}.Marketplace-info-card:before{background:radial-gradient(circle,#4caf501a 0,#0000 70%);border-radius:50%;content:"";height:100px;position:absolute;right:0;top:0;transform:translate(30px,-30px);width:100px}.Marketplace-info-card h4{color:#4caf50;font-size:1.1rem;font-weight:600;margin-bottom:.5rem}.Marketplace-info-card p{color:#4a5568;font-size:.95rem;line-height:1.6}body.dark-mode .Marketplace-info-card p{color:#cbd5e0}.Marketplace-shadow-sm{box-shadow:0 2px 4px #0000000d}.Marketplace-shadow-md{box-shadow:0 4px 15px #00000014}.Marketplace-shadow-lg{box-shadow:0 10px 30px #0000001a}.Marketplace-shadow-xl{box-shadow:0 20px 40px #00000026}body.dark-mode .Marketplace-shadow-sm{box-shadow:0 2px 4px #0003}body.dark-mode .Marketplace-shadow-md{box-shadow:0 4px 15px #0000004d}body.dark-mode .Marketplace-shadow-lg{box-shadow:0 10px 30px #0006}body.dark-mode .Marketplace-shadow-xl{box-shadow:0 20px 40px #00000080}.Marketplace-status-indicator{border-radius:50%;display:inline-block;height:12px;margin-right:.5rem;position:relative;width:12px}.Marketplace-status-indicator.active{background:#10b981;box-shadow:0 0 0 3px #10b98133}.Marketplace-status-indicator.active:before{animation:pulse-ring 1.5s infinite;background:#10b981;border-radius:50%;bottom:0;content:"";left:0;position:absolute;right:0;top:0}@keyframes pulse-ring{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(1.5)}}.Marketplace-status-indicator.inactive{background:#ef4444;box-shadow:0 0 0 3px #ef444433}.Marketplace-checkbox input[type=checkbox]{appearance:none;background:#fff;border:2px solid #cbd5e0;border-radius:4px;cursor:pointer;height:20px;position:relative;transition:all .3s ease;width:20px}body.dark-mode .Marketplace-checkbox input[type=checkbox]{background:#2d3748;border-color:#4a5568}.Marketplace-checkbox input[type=checkbox]:checked{background:#4caf50;border-color:#4caf50}.Marketplace-checkbox input[type=checkbox]:checked:after{color:#fff;content:"✓";font-size:14px;font-weight:700;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%)}.Marketplace-checkbox input[type=checkbox]:hover{border-color:#4caf50;box-shadow:0 0 0 3px #4caf501a}.Marketplace-notification{align-items:center;animation:slideInRight .3s ease;background:#fff;border-radius:12px;box-shadow:0 10px 30px #0000001a;display:flex;gap:1rem;min-width:300px;padding:1rem 1.5rem;position:fixed;right:20px;top:80px;z-index:1100}body.dark-mode .Marketplace-notification{background:#2d3748;box-shadow:0 10px 30px #0000004d}@keyframes slideInRight{0%{opacity:0;transform:translateX(100%)}to{opacity:1;transform:translateX(0)}}.Marketplace-notification.success{border-left:4px solid #10b981}.Marketplace-notification.error{border-left:4px solid #ef4444}.Marketplace-notification.warning{border-left:4px solid #f59e0b}.Marketplace-notification.info{border-left:4px solid #3b82f6}.Marketplace-skeleton{animation:loading 1.5s infinite;background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0 50%,#f0f0f0 75%);background-size:200% 100%;border-radius:8px}body.dark-mode .Marketplace-skeleton{background:linear-gradient(90deg,#374151 25%,#4b5563 50%,#374151 75%);background-size:200% 100%}@keyframes loading{0%{background-position:200% 0}to{background-position:-200% 0}}.Marketplace-skeleton-card{border-radius:20px;height:350px;margin-bottom:2rem}.Marketplace-skeleton-text{border-radius:4px;height:20px;margin:10px 0}.Marketplace-skeleton-text.short{width:60%}.Marketplace-skeleton-text.long{width:90%}.Marketplace-container{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@media (prefers-reduced-motion:reduce){.Marketplace-container *,.Marketplace-container :after,.Marketplace-container :before{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}@media (prefers-contrast:high){.Marketplace-container{--border-width:3px}.Marketplace-input-container input,.Marketplace-input-container select,.Marketplace-input-container textarea,.Marketplace-modal-content,.Marketplace-offer-card{border:var(--border-width) solid}}.not-found-container{align-items:center;background:linear-gradient(135deg,#f8f9f9,#fff 25%,#f8f9f9 50%,#fff 75%,#f8f9f9);bottom:0;box-sizing:border-box;display:flex;height:calc(100vh - clamp(40px, 5vh, 50px));justify-content:center;left:0;overflow-y:auto;padding:15px;position:fixed;right:0;top:clamp(40px,5vh,50px);width:100vw;z-index:9999}body.dark-mode .not-found-container{background:linear-gradient(135deg,#1a1a1a,#2a2a2a 25%,#1a1a1a 50%,#2a2a2a 75%,#1a1a1a)}.not-found-container:before{background:radial-gradient(circle at 20% 80%,#34c7594d 0,#0000 50%),radial-gradient(circle at 80% 20%,#34c7594d 0,#0000 50%),radial-gradient(circle at 40% 40%,#34c75933 0,#0000 50%);bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0}body.dark-mode .not-found-container:before{background:radial-gradient(circle at 20% 80%,#4caf504d 0,#0000 50%),radial-gradient(circle at 80% 20%,#4caf504d 0,#0000 50%),radial-gradient(circle at 40% 40%,#4caf5033 0,#0000 50%)}.not-found-content{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#fffffff2;border:2px solid #34c75933;border-radius:32px;box-shadow:0 25px 50px #34c75966,0 0 0 1px #ffffff1a;max-width:500px;padding:2rem 1.5rem;position:relative;text-align:center;width:100%;z-index:1}body.dark-mode .not-found-content{background:#1f2937f2;border:2px solid #4caf504d;box-shadow:0 25px 50px #4caf5066,0 0 0 1px #ffffff1a}.not-found-content:before{background:linear-gradient(45deg,#0000 30%,#34c7590d 50%,#0000 70%);border-radius:32px;bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0}body.dark-mode .not-found-content:before{background:linear-gradient(45deg,#0000 30%,#4caf500d 50%,#0000 70%)}.error-code,.not-found-animation{margin-bottom:1.5rem}.error-code{display:flex;gap:1rem;justify-content:center}.error-digit{-webkit-text-fill-color:#0000;animation:bounce 2s ease-in-out infinite;background:linear-gradient(135deg,#34c759,#2f855a 50%,#22543d);-webkit-background-clip:text;background-clip:text;display:inline-block;filter:drop-shadow(0 4px 8px rgba(52,199,89,.3));font-size:4rem;font-weight:900;text-shadow:0 8px 16px #34c75966}body.dark-mode .error-digit{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#4caf50,#34c759 50%,#2f855a);-webkit-background-clip:text;background-clip:text;filter:drop-shadow(0 4px 8px rgba(76,175,80,.3));text-shadow:0 8px 16px #4caf5066}.error-digit:first-child{animation-delay:-.32s}.error-digit:nth-child(2){animation-delay:-.16s}.error-digit:nth-child(3){animation-delay:0s}@keyframes bounce{0%,80%,to{transform:translateY(0) scale(1)}40%{transform:translateY(-15px) scale(1.05)}}.error-icon{display:flex;justify-content:center;margin-bottom:1rem}.broken-link{animation:shake 3s ease-in-out infinite;color:#34c759;filter:drop-shadow(0 4px 8px rgba(52,199,89,.3));height:60px;width:60px}body.dark-mode .broken-link{color:#4caf50;filter:drop-shadow(0 4px 8px rgba(76,175,80,.3))}@keyframes shake{0%,to{transform:translateX(0) rotate(0deg)}10%,30%,50%,70%,90%{transform:translateX(-3px) rotate(-1deg)}20%,40%,60%,80%{transform:translateX(3px) rotate(1deg)}}.not-found-text{margin-bottom:2rem}.not-found-title{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#1f2937,#374151 50%,#4b5563);-webkit-background-clip:text;background-clip:text;font-size:1.8rem;font-weight:800;line-height:1.2;margin:0 0 1rem}body.dark-mode .not-found-title{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#f9fafb,#e5e7eb 50%,#d1d5db);-webkit-background-clip:text;background-clip:text}.not-found-description{color:#6b7280;font-size:1rem;font-weight:500;line-height:1.6;margin:0 auto;max-width:400px}body.dark-mode .not-found-description{color:#d1d5db}.not-found-actions{display:flex;flex-direction:column;gap:1rem;margin-bottom:2rem}.btn{align-items:center;border:none;border-radius:16px;cursor:pointer;display:flex;font-size:1.1rem;font-weight:700;gap:.75rem;justify-content:center;letter-spacing:.5px;overflow:hidden;padding:1rem 1.5rem;position:relative;text-decoration:none;text-transform:uppercase;transition:all .3s ease}.btn:before{background:linear-gradient(90deg,#0000,#ffffff4d,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .6s;width:100%}.btn:hover:before{left:100%}.btn-icon{height:22px;transition:transform .3s ease;width:22px}.btn:hover .btn-icon{transform:translateX(-3px) scale(1.1)}.btn-primary{background:linear-gradient(135deg,#34c759,#2f855a 50%,#22543d);border:2px solid #34c7594d;box-shadow:0 6px 20px #34c75980;color:#fff}body.dark-mode .btn-primary{background:linear-gradient(135deg,#4caf50,#34c759 50%,#2f855a);border:2px solid #4caf504d;box-shadow:0 6px 20px #4caf5080}.btn-primary:hover{box-shadow:0 12px 30px #34c759b3;transform:translateY(-3px) scale(1.02)}body.dark-mode .btn-primary:hover{box-shadow:0 12px 30px #4caf50b3}.btn-secondary{background:linear-gradient(135deg,#22543d,#1a4031 50%,#0f2922);border:2px solid #22543d4d;box-shadow:0 6px 20px #22543d80;color:#fff}body.dark-mode .btn-secondary{background:linear-gradient(135deg,#2f855a,#22543d 50%,#1a4031);border:2px solid #2f855a4d;box-shadow:0 6px 20px #2f855a80}.btn-secondary:hover{box-shadow:0 12px 30px #22543db3;transform:translateY(-3px) scale(1.02)}body.dark-mode .btn-secondary:hover{box-shadow:0 12px 30px #2f855ab3}.btn-secondary:hover .btn-icon{transform:scale(1.15) rotate(5deg)}.not-found-help{color:#9ca3af;font-size:1rem;font-weight:500}body.dark-mode .not-found-help{color:#9ca3af}.help-link{color:#34c759;font-weight:700;padding-bottom:2px;position:relative;text-decoration:none;transition:all .3s ease}body.dark-mode .help-link{color:#4caf50}.help-link:after{background:linear-gradient(90deg,#34c759,#2f855a);bottom:0;content:"";height:2px;left:0;position:absolute;transition:width .3s ease;width:0}body.dark-mode .help-link:after{background:linear-gradient(90deg,#4caf50,#34c759)}.help-link:hover{color:#2f855a;transform:translateY(-1px)}body.dark-mode .help-link:hover{color:#34c759}.help-link:hover:after{width:100%}@media (max-width:1366px) and (min-width:769px){.not-found-container{height:calc(100vh - clamp(35px, 4vh, 45px));padding:10px;top:clamp(35px,4vh,45px)}.not-found-content{border-radius:24px;max-width:450px;padding:1.5rem 1.25rem}.error-digit{font-size:3.5rem}.not-found-title{font-size:1.6rem}.not-found-description{font-size:.95rem;max-width:350px}.btn{font-size:.95rem;padding:.875rem 1.25rem}.broken-link{height:50px;width:50px}.error-code,.not-found-animation{margin-bottom:1rem}.error-code{gap:.75rem}.not-found-actions,.not-found-text{margin-bottom:1.5rem}.not-found-actions{gap:.75rem}}@media (max-width:768px){.not-found-container{height:calc(100vh - clamp(40px, 5vh, 50px));top:clamp(40px,5vh,50px)}.not-found-content{border-radius:24px;margin:1rem;padding:2rem 1.5rem}.error-digit{font-size:3rem}.not-found-title{font-size:1.5rem}.btn,.not-found-description{font-size:1rem}.btn{padding:1rem 1.5rem}.broken-link{height:48px;width:48px}}@media (max-width:480px){.not-found-container{height:calc(100vh - clamp(30px, 3vh, 40px));padding:8px;top:clamp(30px,3vh,40px)}.not-found-content{margin:.5rem;padding:1.5rem 1rem}.error-code{gap:.5rem;margin-bottom:1rem}.error-digit{font-size:2.5rem}.not-found-title{font-size:1.3rem;margin:0 0 .75rem}.not-found-description{font-size:.9rem;max-width:300px}.btn{font-size:.85rem;padding:.75rem 1rem}.broken-link{height:40px;width:40px}.not-found-animation{margin-bottom:.75rem}.not-found-text{margin-bottom:1.25rem}.not-found-actions{gap:.5rem;margin-bottom:1rem}}:root{--primary-color:#4caf50;--secondary-color:#2f855a;--bg-light:#fff;--bg-dark:#333;--text-light:#fff;--text-dark:#333;--shadow-light:0 4px 8px #0000001a;--shadow-dark:0 4px 8px #ffffff1a;--sidebar-width:250px;--topbar-height:60px;--font-xs:0.75rem;--font-sm:0.875rem;--font-md:1rem;--font-lg:1.25rem;--font-xl:1.75rem}body.dark-mode{--bg-light:#333;--text-dark:#fff}::-webkit-scrollbar{height:8px;width:8px}::-webkit-scrollbar-track{background:#34c7591a;border-radius:10px;margin:10px 0}::-webkit-scrollbar-thumb{background:linear-gradient(180deg,#34c759,#2f855a);border-radius:10px;-webkit-transition:all .3s ease;transition:all .3s ease}::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,#2f855a,#22543d);transform:scale(1.1)}::-webkit-scrollbar-corner{background:#0000}body.dark-mode ::-webkit-scrollbar-track{background:#34c75926;border-radius:10px}body.dark-mode ::-webkit-scrollbar-thumb{background:linear-gradient(180deg,#34c759,#2f855a);border-radius:10px;box-shadow:0 2px 6px #34c7594d}body.dark-mode ::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,#4caf50,#34c759);box-shadow:0 4px 12px #34c75980}body::-webkit-scrollbar{width:10px}body::-webkit-scrollbar-track{background:#34c7591a;border-radius:10px}body::-webkit-scrollbar-thumb{background:linear-gradient(180deg,#34c759,#2f855a);border-radius:10px;-webkit-transition:all .3s ease;transition:all .3s ease}body::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,#2f855a,#22543d)}*{scrollbar-color:#34c759 #34c7591a;scrollbar-width:thin}body.dark-mode *{scrollbar-color:#4caf50 #34c75926}.content-no-bg::-webkit-scrollbar,.content-wrapper::-webkit-scrollbar{width:8px}.content-no-bg::-webkit-scrollbar-track,.content-wrapper::-webkit-scrollbar-track{background:#34c7591a;border-radius:10px}.content-no-bg::-webkit-scrollbar-thumb,.content-wrapper::-webkit-scrollbar-thumb{background:linear-gradient(180deg,#34c759,#2f855a);border-radius:10px}.auto-hide-scrollbar::-webkit-scrollbar{-webkit-transition:width .3s ease;transition:width .3s ease;width:0}.auto-hide-scrollbar:hover::-webkit-scrollbar{width:8px}@media screen and (max-width:480px){::-webkit-scrollbar{height:6px;width:6px}body::-webkit-scrollbar{width:6px}}@media screen and (min-width:481px) and (max-width:768px){::-webkit-scrollbar{height:7px;width:7px}body::-webkit-scrollbar{width:7px}}@media screen and (min-width:1921px){::-webkit-scrollbar{height:10px;width:10px}body::-webkit-scrollbar{width:10px}}@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi){::-webkit-scrollbar{height:6px;width:6px}}.dialog::-webkit-scrollbar,.modal::-webkit-scrollbar{width:6px}.dialog::-webkit-scrollbar-thumb,.modal::-webkit-scrollbar-thumb{background:#34c75999;border-radius:6px}.table-wrapper::-webkit-scrollbar{height:8px}.table-wrapper::-webkit-scrollbar-track{background:#34c7591a;border-radius:10px}.table-wrapper::-webkit-scrollbar-thumb{background:linear-gradient(90deg,#34c759,#2f855a);border-radius:10px}
/*# sourceMappingURL=main.5daafb84.css.map*/