.login-container{animation:fadeIn 1s ease,slimeShadow 2s linear infinite;background-color:#fff;border-radius:12px;box-shadow:0 4px 8px #0000001a;display:flex;flex-direction:column;justify-content:center;left:50%;min-height:450px;padding:60px;position:fixed;text-align:center;top:50%;transform:translate(-50%,-50%);width:500px}body.dark-mode .login-container{background-color:#333;box-shadow:0 4px 8px #ffffff1a;color:#fff}.input-field{padding:16px 15px 14px 50px}.input-field:-webkit-autofill,.input-field:-webkit-autofill:focus,.input-field:-webkit-autofill:hover{-webkit-box-shadow:inset 0 0 0 1000px #f5f5f5}body.dark-mode .input-field:-webkit-autofill,body.dark-mode .input-field:-webkit-autofill:focus,body.dark-mode .input-field:-webkit-autofill:hover{-webkit-box-shadow:inset 0 0 0 1000px #444}.login-button{background-color:#4caf50;border:none;border-radius:10px;color:#fff;cursor:pointer;font-size:18px;margin-top:30px;padding:16px;transition:background-color .3s ease;width:100%}.login-button:hover{background-color:#45a049}a{color:#4caf50;text-decoration:none}a:hover{text-decoration:underline}.forgot-password-link:hover,.register-link:hover{text-decoration:none}.language-select-container,.theme-select-container{top:30px}.swal2-popup{left:50%!important;position:fixed!important;top:50%!important;transform:translate(-50%,-50%)!important}.remember-me-container{align-items:center;display:flex;justify-content:flex-start;margin:20px 0}.remember-me-container input[type=checkbox]{height:18px;margin-right:10px;width:18px}.remember-me-label{color:#333;cursor:pointer;font-size:18px}body.dark-mode .remember-me-label{color:#f5f5f5}.login-container .error-text{color:red;font-size:14px;line-height:1.2;margin:5px 0}@media screen and (max-width:1024px) and (min-width:851px){.login-container{animation:fadeIn .5s ease,slimeShadow 2s linear infinite;left:50%;max-width:500px;min-height:420px;padding:50px;position:fixed;top:50%;transform:translate(-50%,-50%);width:80%}h2{font-size:24px;margin-bottom:25px}.input-field{font-size:16px;padding:14px 48px 12px}.input-icon{font-size:20px;left:14px}.password-toggle-icon{font-size:20px;right:18px}.login-button{margin-top:25px;padding:14px}.login-button,.remember-me-label{font-size:16px}.language-select-container{margin-bottom:25px;right:30px;top:40px}.theme-select-container{left:30px;margin-bottom:25px;top:40px}.success-icon{font-size:16px;right:14px}}@media screen and (max-width:850px){.login-container{animation:fadeIn .5s ease,slimeShadow 2s linear infinite;left:50%;max-width:480px;min-height:400px;padding:40px;position:fixed;top:50%;transform:translate(-50%,-50%);width:90%}h2{font-size:22px;margin-bottom:20px;padding-top:20px}.input-field{font-size:14px;padding:12px 45px 10px}.input-icon{font-size:18px;left:12px}.password-toggle-icon{font-size:18px;right:16px}.login-button{margin-top:20px;padding:12px}.login-button,.remember-me-label{font-size:14px}.language-select-container{margin-bottom:20px;right:25px;top:30px}.theme-select-container{left:25px;margin-bottom:20px;top:30px}.success-icon{font-size:14px;right:12px}}@media screen and (max-width:480px){.login-container{animation:fadeIn .5s ease,slimeShadow 2s linear infinite;border-radius:8px;left:50%;max-width:320px;min-height:350px;padding:30px;position:fixed;top:50%;transform:translate(-50%,-50%);width:90%}h2{font-size:18px;margin-bottom:15px;padding-top:20px}.input-field{font-size:13px;padding:10px 40px 8px}.input-icon{font-size:16px;left:10px}.password-toggle-icon{font-size:16px;right:12px}.login-button{margin-top:15px;padding:10px}.login-button,.remember-me-label{font-size:13px}.language-select-container{margin-bottom:15px;right:15px;top:20px}.theme-select-container{left:15px;margin-bottom:15px;top:20px}.success-icon{font-size:12px;right:10px}}@media screen and (max-width:360px){.login-container{animation:fadeIn .5s ease,slimeShadow 2s linear infinite;left:50%;max-width:280px;min-height:330px;padding:25px;position:fixed;top:50%;transform:translate(-50%,-50%);width:90%}h2{font-size:16px;margin-bottom:12px;padding-top:20px}.input-field{font-size:12px;padding:8px 38px 6px}.input-icon{font-size:14px;left:8px}.password-toggle-icon{font-size:14px;right:10px}.login-button{margin-top:12px;padding:8px}.login-button,.remember-me-label{font-size:12px}.language-select-container{margin-bottom:10px;right:10px;top:15px}.theme-select-container{left:10px;margin-bottom:10px;top:15px}.success-icon{font-size:12px;right:8px}}@media screen and (max-height:1280px) and (min-height:1000px){.login-container{left:50%;max-width:500px;min-height:420px;padding:55px;position:fixed;top:50%;transform:translate(-50%,-50%);width:90%}h2{font-size:24px;margin-bottom:25px}.input-field{font-size:16px;padding:14px 48px 12px}.input-icon{font-size:20px;left:14px}.password-toggle-icon{font-size:20px;right:18px}.login-button{font-size:16px;margin-top:25px;padding:14px}.language-select-container,.theme-select-container{margin-bottom:25px;top:40px}.success-icon{font-size:16px;right:14px}}@media screen and (max-height:999px){.login-container{left:50%;max-width:480px;min-height:400px;padding:40px;position:fixed;top:50%;transform:translate(-50%,-50%);width:90%}h2{font-size:22px;margin-bottom:20px}.input-field{font-size:14px;padding:12px 45px 10px}.input-icon,.password-toggle-icon{font-size:18px}.login-button{font-size:14px;margin-top:20px;padding:12px}.success-icon{font-size:14px;right:12px}}body.dark-mode .language-select{background-color:initial}body.dark-mode .react-select__control{background-color:#3a3a3a;border-color:#666;color:#fff}body.dark-mode .react-select__control--is-focused{background-color:#4a4a4a;border-color:#4caf50}body.dark-mode .react-select__single-value{color:#fff}body.dark-mode .react-select__menu{background-color:#3a3a3a;border-color:#666}body.dark-mode .react-select__option{background-color:#3a3a3a;color:#fff}body.dark-mode .react-select__option--is-focused{background-color:#4a4a4a}body.dark-mode .react-select__option--is-selected{background-color:#4caf50;color:#fff}.theme-toggle{align-items:center;cursor:pointer;display:flex;padding:8px}.toggle-track{background-color:#ccc;border-radius:12px;height:24px;position:relative;transition:background-color .3s ease;width:50px}.toggle-thumb{align-items:center;background-color:#fff;border-radius:50%;display:flex;height:20px;justify-content:center;position:absolute;top:2px;transition:transform .3s ease;width:20px}.toggle-thumb.left{transform:translateX(2px)}.toggle-thumb.right{transform:translateX(28px)}.theme-icon{transition:color .3s ease}.theme-icon.sun{color:#ffeb3b}.theme-icon.moon{color:#4caf50}.toggle-track.dark{background-color:#555}body.dark-mode .theme-icon.moon{color:#fff}body.dark-mode .toggle-track{background-color:#555}body.dark-mode .toggle-thumb{background-color:#fff}.registration-container{animation:fadeIn 1s ease,slimeShadow 2s linear infinite;background-color:#fff;border-radius:12px;box-shadow:0 4px 8px #0000001a;display:flex;flex-direction:column;justify-content:center;left:50%;min-height:450px;padding:60px;position:fixed;text-align:center;top:50%;transform:translate(-50%,-50%);width:500px}body.dark-mode .registration-container{background-color:#333;box-shadow:0 4px 8px #ffffff1a;color:#fff}h2{color:#4caf50;font-size:28px;margin-bottom:30px}.geolocation-info,.input-container{margin-bottom:25px}.input-container{display:flex;flex-direction:column;gap:25px}.input-with-icon{align-items:center;background-color:#f5f5f5;border:2px solid #4caf50;border-radius:10px;display:flex;position:relative;transition:all .3s ease}.input-with-icon:focus-within{background-color:#fff}.input-icon{color:#4caf50;font-size:22px;left:15px;position:absolute}.input-field{appearance:none;background-color:initial;border:none;border-radius:10px;color:#333;font-size:18px;padding:16px 50px 14px;transition:all .3s ease;width:100%}.input-field[type=password]::-ms-clear,.input-field[type=password]::-ms-reveal,.input-field[type=password]::-webkit-credentials-auto-fill-button,.input-field[type=password]::-webkit-textfield-decoration-container{display:none;visibility:hidden}.input-field:-webkit-autofill,.input-field:-webkit-autofill:focus,.input-field:-webkit-autofill:hover{-webkit-text-fill-color:#333;-webkit-box-shadow:inset 0 0 0 1000px #0000;-webkit-transition:background-color 5000s ease-in-out 0s;transition:background-color 5000s ease-in-out 0s}.input-field:focus{background-color:#fff;outline:none}body.dark-mode .input-field{color:#fff}body.dark-mode .input-field:-webkit-autofill,body.dark-mode .input-field:-webkit-autofill:focus,body.dark-mode .input-field:-webkit-autofill:hover{-webkit-text-fill-color:#fff;-webkit-box-shadow:inset 0 0 0 1000px #0000;-webkit-transition:background-color 5000s ease-in-out 0s;transition:background-color 5000s ease-in-out 0s}body.dark-mode .input-field:focus{background-color:#4a4a4a}.password-toggle-icon{color:#4caf50;cursor:pointer;font-size:22px;position:absolute;right:20px;transition:color .3s ease,transform .2s ease}.password-toggle-icon:hover{color:#45a049;transform:scale(1.1)}.password-toggle-icon:active{color:#3d8b40;transform:scale(.95)}body.dark-mode .password-toggle-icon{color:#76c7c0}body.dark-mode .password-toggle-icon:hover{color:#5fa9a3}body.dark-mode .password-toggle-icon:active{color:#4d8b87}.registration-container .error-text{color:red;font-size:14px;line-height:1.2;margin:5px 0}.success-icon{color:#4caf50;font-size:18px;position:absolute;right:15px}.button-container{display:flex;gap:20px;margin-top:30px}.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%}.back-button:hover{background-color:#bbb}.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%}.next-button:hover{background-color:#45a049}p{color:#333;font-size:16px}body.dark-mode p{color:#f5f5f5}.language-select-container{position:absolute;right:30px;top:50px}.theme-select-container{left:30px;position:absolute;top:50px}body.dark-mode{background-color:#2c2c2c;color:#fff}body.dark-mode h2{color:#4caf50}body.dark-mode .input-with-icon{background-color:#3a3a3a;border:2px solid #4caf50}body.dark-mode .input-icon{color:#4caf50}body.dark-mode .back-button{background-color:#555;color:#fff}body.dark-mode .back-button:hover{background-color:#666}body.dark-mode .next-button{background-color:#4caf50}body.dark-mode .next-button:hover{background-color:#45a049}.swal2-popup{animation:fadeIn .5s ease;background-color:#fff;border-radius:12px;box-shadow:0 4px 8px #0000001a;color:#333;left:50%;padding:20px;position:fixed;top:50%;transform:translate(-50%,-50%);z-index:1000}body.dark-mode .swal2-popup{background-color:#333;border:1px solid #4caf50;box-shadow:0 4px 8px #ffffff1a;color:#fff}.swal2-title{font-size:24px;margin-bottom:20px}.swal2-title,body.dark-mode .swal2-title{color:#4caf50}.swal2-html-container{color:#333}body.dark-mode .swal2-html-container{color:#f5f5f5}.swal2-confirm{background-color:#4caf50;border:none;border-radius:8px;color:#fff;font-size:18px;padding:12px 24px;transition:background-color .3s ease}.swal2-confirm:hover{background-color:#45a049}body.dark-mode .swal2-confirm{background-color:#4caf50;color:#fff}body.dark-mode .swal2-confirm:hover{background-color:#45a049}.swal2-close{color:#aaa;font-size:24px;transition:color .3s ease}.swal2-close:hover{color:#4caf50}body.dark-mode .swal2-close{color:#ccc}body.dark-mode .swal2-close:hover{color:#4caf50}.code-input{background-color:#f5f5f5;border:1px solid #4caf50;border-radius:4px;color:#333;font-size:18px;height:40px;margin:0 5px;text-align:center;transition:background-color .3s ease;width:40px}.code-input:focus{background-color:#fff;border-color:#45a049;outline:none}body.dark-mode .code-input{background-color:#3a3a3a;border-color:#4caf50;color:#fff}body.dark-mode .code-input:focus{background-color:#4a4a4a;border-color:#45a049}#resendButton{background-color:#4caf50;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:16px;padding:8px 24px;transition:background-color .3s ease;width:auto}#resendButton:hover{background-color:#45a049}body.dark-mode #resendButton{background-color:#4caf50}body.dark-mode #resendButton:hover{background-color:#45a049}#resendMessage{color:#333;font-size:16px;margin-top:15px}body.dark-mode #resendMessage{color:#f5f5f5}@media screen and (max-width:1024px){.registration-container{animation:fadeIn .5s ease,slimeShadow 2s linear infinite;left:50%;max-width:500px;min-height:420px;padding:50px;position:fixed;top:50%;transform:translate(-50%,-50%);width:80%}h2{font-size:24px;margin-bottom:25px}.input-field{font-size:16px;padding:14px 48px 12px}.input-icon{font-size:20px;left:14px}.password-toggle-icon{font-size:20px;right:18px}.back-button,.next-button{font-size:16px;padding:14px}.button-container{margin-top:25px}.language-select-container{right:30px;top:50px}.theme-select-container{left:30px;top:50px}p{font-size:14px}.success-icon{font-size:16px;right:14px}}@media screen and (max-width:768px){.registration-container{animation:fadeIn .5s ease,slimeShadow 2s linear infinite;left:50%;max-width:480px;min-height:400px;padding:40px;position:fixed;top:50%;transform:translate(-50%,-50%);width:90%}h2{font-size:22px;margin-bottom:20px;padding-top:20px}.input-field{font-size:14px;padding:12px 45px 10px}.input-icon{font-size:18px;left:12px}.password-toggle-icon{font-size:18px;right:16px}.back-button,.next-button{font-size:14px;padding:12px}.button-container{margin-top:20px}.language-select-container{right:25px;top:40px}.theme-select-container{left:25px;top:40px}p{font-size:12px}.success-icon{font-size:14px;right:12px}}@media screen and (max-width:480px){.registration-container{animation:fadeIn .5s ease,slimeShadow 2s linear infinite;border-radius:8px;left:50%;max-width:320px;min-height:350px;padding:30px;position:fixed;top:50%;transform:translate(-50%,-50%);width:90%}h2{font-size:18px;margin-bottom:15px;padding-top:20px}.input-field{font-size:13px;padding:10px 40px 8px}.input-icon{font-size:16px;left:10px}.password-toggle-icon{font-size:16px;right:12px}.back-button,.next-button{font-size:13px;padding:10px}.button-container{margin-top:15px}.language-select-container{right:15px;top:30px}.theme-select-container{left:15px;top:30px}.success-icon,p{font-size:12px}.success-icon{right:10px}}@media screen and (max-width:360px){.registration-container{animation:fadeIn .5s ease,slimeShadow 2s linear infinite;left:50%;max-width:280px;min-height:330px;padding:25px;position:fixed;top:50%;transform:translate(-50%,-50%);width:90%}h2{font-size:16px;margin-bottom:12px;padding-top:20px}.input-field{font-size:12px;padding:8px 38px 6px}.input-icon{font-size:14px;left:8px}.password-toggle-icon{font-size:14px;right:10px}.back-button,.next-button{font-size:12px;padding:8px}.button-container{margin-top:12px}.language-select-container{right:10px;top:25px}.theme-select-container{left:10px;top:25px}p{font-size:11px}.success-icon{font-size:12px;right:8px}}@media screen and (max-height:600px){.registration-container{left:50%;min-height:350px;padding:40px;position:fixed;top:50%;transform:translate(-50%,-50%)}h2{font-size:20px;margin-bottom:15px;padding-top:20px}.input-field{font-size:14px;padding:12px 45px 10px}.back-button,.next-button{margin-top:20px;padding:12px}.success-icon{font-size:14px;right:12px}}.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}.language-select{align-items:center;background-color:#fff;border:1px solid #ccc;border-radius:6px;color:#333;cursor:pointer;display:flex;font-size:16px;gap:8px;padding:8px}body.dark-mode .language-select{background-color:#2a2a2a;border-color:#4a5568;color:#d1d5db}.language-select select{appearance:none;-webkit-appearance:none;-moz-appearance:none;background-color:initial;border:none;color:#333;cursor:pointer;font-size:16px;outline:none;padding-right:25px}body.dark-mode .language-select select{background-color:#2a2a2a;color:#d1d5db}.language-select select option{background-color:#fff;color:#333}body.dark-mode .language-select select option{background-color:#2a2a2a;color:#d1d5db}.language-select:after,body.dark-mode .language-select:after{content:""}@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}@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}}.account-type-container{animation:fadeIn 1s ease,slimeShadow 2s linear infinite;background-color:#fff;border-radius:12px;box-shadow:0 4px 8px #0000001a;display:flex;flex-direction:column;justify-content:center;left:50%;min-height:400px;padding:40px;position:absolute;text-align:center;top:50%;transform:translate(-50%,-50%);width:400px}body.dark-mode .account-type-container{background-color:#333;box-shadow:0 4px 8px #ffffff1a;color:#fff}@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}}.account-type-container .account-type-title{color:#4caf50;font-size:24px;margin-bottom:20px}.account-type-container .account-type-geolocation-info{margin-bottom:20px}.account-type-container .account-type-geolocation-text{color:#333;font-size:14px}body.dark-mode .account-type-container .account-type-geolocation-text{color:#ccc}.account-type-container .account-type-checkbox-container{align-items:center;display:flex;gap:20px;justify-content:center;margin-bottom:15px;margin-left:0}.account-type-container .account-type-radio-label{align-items:center;color:#333;display:flex;font-size:16px}body.dark-mode .account-type-container .account-type-radio-label{color:#f5f5f5}.account-type-container .account-type-checkbox-container input[type=radio]{height:16px;margin-right:8px;width:16px}.account-type-container .account-type-input-container{display:flex;flex-direction:column;gap:8px;margin-bottom:15px}.account-type-container .account-type-input-with-icon{align-items:center;background-color:#f5f5f5;border:2px solid #4caf50;border-radius:8px;display:flex;position:relative;transition:all .3s ease}.account-type-container .account-type-input-with-icon:focus-within{background-color:#fff}.account-type-container .account-type-input-icon{color:#4caf50;font-size:20px;left:10px;position:absolute}.account-type-container .account-type-input-field{appearance:none;background-color:initial;border:none;border-radius:8px;font-size:16px;padding:14px 40px 12px;transition:all .3s ease;width:100%}.account-type-container .account-type-input-field:focus{background-color:#fff;outline:none}body.dark-mode .account-type-container .account-type-input-with-icon{background-color:#3a3a3a;border:2px solid #4caf50}body.dark-mode .account-type-container .account-type-input-field{color:#fff}body.dark-mode .account-type-container .account-type-input-field:focus{background-color:#4a4a4a}body.dark-mode .account-type-container .account-type-input-icon{color:#4caf50}.account-type-container .account-type-country-select{appearance:none}.account-type-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%}.account-type-container button:hover{background-color:#45a049}.account-type-container .account-type-back-button{background-color:#ccc;border:none;border-radius:8px;color:#333;cursor:pointer;font-size:16px;padding:14px;transition:background-color .3s ease;width:48%}.account-type-container .account-type-back-button:hover{background-color:#bbb}.account-type-container .account-type-next-button{background-color:#4caf50;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:16px;padding:14px;transition:background-color .3s ease;width:48%}.account-type-container .account-type-next-button:hover{background-color:#45a049}body.dark-mode .account-type-container .account-type-back-button{background-color:#555;color:#fff}body.dark-mode .account-type-container .account-type-back-button:hover{background-color:#666}body.dark-mode .account-type-container .account-type-next-button{background-color:#4caf50}body.dark-mode .account-type-container .account-type-next-button:hover{background-color:#45a049}.account-type-container .account-type-button-container{display:flex;gap:10px;margin-top:20px}.account-type-container a{color:#4caf50;text-decoration:none}.account-type-container a:hover{text-decoration:underline}.account-type-container .no-underline:hover{text-decoration:none}.account-type-container .error-text{color:#0000;font-size:12px;line-height:1;margin:2px 0}body.dark-mode .account-type-container .error-text{color:#fff}.account-type-container .success-icon{color:#4caf50;font-size:16px;position:absolute;right:10px}.account-type-container .account-type-language-select-container{position:absolute;right:20px;top:20px}.account-type-container .account-type-theme-select-container{left:20px;position:absolute;top:20px}.account-type-container .account-type-question{margin-bottom:20px;text-align:left}.account-type-container .account-type-question-header{align-items:center;display:flex;margin-bottom:8px}.account-type-container .account-type-question-icon{color:#4caf50;font-size:20px;margin-right:15px}.account-type-container .account-type-question-text{color:#333;font-size:16px;margin:0}body.dark-mode .account-type-container .account-type-question-text{color:#f5f5f5}.account-type-container .account-type-file-input{margin-bottom:15px;position:relative}.account-type-container .account-type-file-label{align-items:center;background-color:#f5f5f5;border:2px solid #4caf50;border-radius:8px;color:#333;cursor:pointer;display:inline-flex;font-size:16px;padding:14px 16px;transition:all .3s ease}.account-type-container .account-type-file-label:hover{background-color:#e0e0e0}body.dark-mode .account-type-container .account-type-file-label{background-color:#3a3a3a;border-color:#4caf50;color:#f5f5f5}body.dark-mode .account-type-container .account-type-file-label:hover{background-color:#4a4a4a}.account-type-container .account-type-file-icon{color:#4caf50;font-size:18px;margin-right:10px}body.dark-mode .account-type-container .account-type-file-icon{color:#4caf50}.account-type-container .account-type-file-input-field{display:none}.account-type-container .account-type-file-preview{align-items:center;display:flex;margin-top:8px}.account-type-container .account-type-file-name{color:#333;font-size:14px;margin-right:10px;word-break:break-all}body.dark-mode .account-type-container .account-type-file-name{color:#f5f5f5}.account-type-container .account-type-file-reset{color:#666;cursor:pointer;font-size:16px;margin-left:10px}.account-type-container .account-type-file-reset:hover{color:#444}body.dark-mode .account-type-container .account-type-file-reset{color:#999}body.dark-mode .account-type-container .account-type-file-reset:hover{color:#bbb}.account-type-container .account-type-privacy-checkbox-container{display:flex;justify-content:flex-start;margin-bottom:15px;margin-left:0}.account-type-container .account-type-privacy-label{align-items:center;color:#4caf50;display:flex;font-size:14px;gap:8px}.account-type-container .account-type-privacy-label input[type=checkbox]{height:16px;margin-right:8px;order:-1;width:16px}body.dark-mode .account-type-container .account-type-privacy-label{color:#4caf50}.account-type-container .account-type-checkbox-label{align-items:center;color:#333;display:flex;font-size:16px;gap:8px;margin-left:0}.account-type-container .account-type-checkbox-label input[type=radio]{height:16px;margin-right:8px;width:16px}body.dark-mode .account-type-container .account-type-checkbox-label{color:#f5f5f5}.account-type-container .privacy-policy-link{color:#4caf50;text-decoration:none}.account-type-container .privacy-policy-link:hover{text-decoration:none}body.dark-mode .account-type-container .privacy-policy-link{color:#4caf50}.account-type-container .account-type-plain-input{background-color:#f5f5f5;border:2px solid #4caf50;border-radius:8px;font-size:16px;padding:14px 40px 12px 14px;transition:all .3s ease;width:100%}.account-type-container .account-type-plain-input:focus{background-color:#fff;outline:none}body.dark-mode .account-type-container .account-type-plain-input{background-color:#3a3a3a;border:2px solid #4caf50;color:#fff}body.dark-mode .account-type-container .account-type-plain-input:focus{background-color:#4a4a4a}@media screen and (max-width:1024px){.account-type-container{animation:fadeIn .5s ease,slimeShadow 2s linear infinite;max-width:600px;min-height:auto;padding:35px;width:80%}.account-type-container .account-type-title{font-size:22px;margin-bottom:18px}.account-type-container .account-type-geolocation-text{font-size:13px}.account-type-container .account-type-radio-label{font-size:14px}.account-type-container .account-type-input-field{font-size:15px;padding:12px 40px 12px 38px}.account-type-container .account-type-input-icon{font-size:19px;left:9px}.account-type-container .account-type-back-button,.account-type-container .account-type-next-button{font-size:15px;padding:12px}.account-type-container .account-type-language-select-container,.account-type-container .account-type-theme-select-container{top:15px}.account-type-container .account-type-question-text{font-size:14px}.account-type-container .account-type-question-icon{font-size:18px;margin-right:12px}.account-type-container .account-type-file-label{font-size:14px;padding:10px 14px}.account-type-container .account-type-file-icon{font-size:16px}.account-type-container .account-type-file-name{font-size:12px}.account-type-container .account-type-privacy-label{font-size:12px;gap:6px}.account-type-container .account-type-plain-input{font-size:14px;padding:12px 40px 12px 12px}.account-type-container .success-icon{font-size:14px;right:8px}}@media screen and (max-width:768px){.account-type-container{animation:fadeIn .5s ease,slimeShadow 2s linear infinite;max-width:600px;min-height:auto;padding:30px;width:90%}.account-type-container .account-type-title{font-size:20px;margin-bottom:15px;margin-top:40px}.account-type-container .account-type-geolocation-text{font-size:13px}.account-type-container .account-type-radio-label{font-size:14px}.account-type-container .account-type-input-field{font-size:14px;padding:12px 40px 12px 35px}.account-type-container .account-type-input-icon{font-size:18px;left:8px}.account-type-container .account-type-back-button,.account-type-container .account-type-next-button{font-size:14px;padding:12px}.account-type-container .account-type-language-select-container{position:absolute;right:15px;top:15px}.account-type-container .account-type-theme-select-container{left:15px;position:absolute;top:15px}.account-type-container .account-type-question-text{font-size:14px}.account-type-container .account-type-question-icon{font-size:18px;margin-right:12px}.account-type-container .account-type-file-label{font-size:14px;padding:10px 14px}.account-type-container .account-type-file-icon{font-size:16px}.account-type-container .account-type-file-name{font-size:12px}.account-type-container .account-type-privacy-label{font-size:12px;gap:6px}.account-type-container .account-type-plain-input{font-size:14px;padding:12px 40px 12px 12px}.account-type-container .success-icon{font-size:14px;right:8px}}@media screen and (max-width:480px){.account-type-container{animation:fadeIn .5s ease,slimeShadow 2s linear infinite;border-radius:8px;padding:25px;width:80%}.account-type-container .account-type-title{font-size:18px;margin-bottom:12px;margin-top:40px}.account-type-container .account-type-geolocation-text,.account-type-container .account-type-radio-label{font-size:12px}.account-type-container .account-type-input-field{font-size:13px;padding:10px 40px 10px 32px}.account-type-container .account-type-input-icon{font-size:16px;left:7px}.account-type-container .account-type-back-button,.account-type-container .account-type-next-button{font-size:13px;padding:10px}.account-type-container .account-type-language-select-container{position:absolute;right:10px;top:10px}.account-type-container .account-type-theme-select-container{left:10px;position:absolute;top:10px}.account-type-container .account-type-question-text{font-size:12px}.account-type-container .account-type-question-icon{font-size:16px;margin-right:10px}.account-type-container .account-type-file-label{font-size:12px;padding:8px 12px}.account-type-container .account-type-file-icon{font-size:14px}.account-type-container .account-type-file-name{font-size:10px}.account-type-container .account-type-privacy-label{font-size:10px;gap:4px}.account-type-container .account-type-plain-input{font-size:12px;padding:10px 40px 10px 12px}.account-type-container .success-icon{font-size:12px;right:6px}}*{box-sizing:border-box}body{background-color:var(--bg-light);color:var(--text-dark);line-height:1.5;padding-left:var(--sidebar-width);user-select:none;-moz-user-select:none;-webkit-user-select:none;-ms-user-select:none}.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 #e5e7eb;border-radius:50%;border-top-color:#10b981;height:40px;width:40px}body.dark-mode .progress-circle{border-color:#34d399 #4b5563 #4b5563}@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 gold;border-radius:50%;box-shadow:0 0 20px #10b9814d;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:#34d399;box-shadow:0 0 20px #34d39966}.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:#f3f4f6;border:4px solid #e5e7eb;border-radius:50%;color:#6b7280;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:#374151;border-color:#4b5563;color:#9ca3af}.delete-avatar-btn{align-items:center;background:red;border:none;border-radius:50%;box-shadow:0 2px 4px #0003;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-color:var(--bg-dark);color:#e2e8f0}.user-profile-header h2{color:#2f855a;font-size:1.75rem;margin:0;text-align:center}.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-color:#fff;background:#f9fafb;border:1px solid #e2e8f0;border-radius:.75rem;box-shadow:0 2px 4px #00000008;display:flex;flex-direction:column;margin-bottom:1rem;min-height:200px;padding:1.5rem;transition:all .3s ease}body.dark-mode .section{background-color:#4a5568;border-color:#718096}.section:hover{border-color:#2dbb5c;box-shadow:0 4px 15px #2dbb5c33;transform:translateY(-2px) scale(1.02)}body.dark-mode .section:hover{border-color:#34d399;box-shadow:0 4px 15px #34c7594d;transform:translateY(-2px) scale(1.02)}.section h3{color:#2f855a;font-size:1.25rem;margin-bottom:1rem;text-align:center}body.dark-mode .section h3{color:#34d399}.email-notifications p{color:#4a5568;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:#e5e7eb;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:#10b981}.notification-toggle:after{background:#fff;border-radius:50%;box-shadow:0 2px 4px #0003;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:#2d3748;max-width:100%;overflow-wrap:anywhere}body.dark-mode .notification-item .notification-label{color:#e2e8f0}body.dark-mode .notification-toggle{background:#718096}body.dark-mode .notification-item input:checked+.notification-toggle{background:#60a5fa}.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 #e2e8f0;border-radius:.5rem;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:none;border-radius:6px;color:#fff;cursor:pointer;display:flex;justify-content:center;margin-top:.5rem;padding:.5rem 1rem;transition:background-color .3s ease,transform .3s ease;width:120px}.select-image-btn{background-color:#3182ce}.select-image-btn:hover{background-color:#2b6cb0;transform:translateY(-2px) scale(1.02)}.edit-image-btn{background-color:#2f855a}.edit-image-btn:hover{background-color:#276749;transform:translateY(-2px) scale(1.02)}body.dark-mode .select-image-btn{background-color:#60a5fa}body.dark-mode .select-image-btn:hover{background-color:#3b82f6;transform:translateY(-2px) scale(1.02)}body.dark-mode .edit-image-btn{background-color:#34d399}body.dark-mode .edit-image-btn:hover{background-color:#10b981;transform:translateY(-2px) scale(1.02)}.edit-btn{background-color:#2f855a;border:none;border-radius:6px;color:#fff;cursor:pointer;display:block;margin:2rem auto 0;padding:10px 24px;text-align:center;transition:background-color .3s ease,transform .3s ease;width:180px}.edit-btn:hover{background-color:#276749;transform:translateY(-2px) scale(1.02)}body.dark-mode .edit-btn{background-color:#34d399}body.dark-mode .edit-btn:hover{background-color:#10b981;transform:translateY(-2px) scale(1.02)}.modal-overlay{align-items:center;backdrop-filter:none;-webkit-backdrop-filter:none;background-color:initial;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.modal-content{background-color:#4a5568;border:2px solid #34d399;border-radius:1rem;box-shadow:0 4px 15px #0000004d;max-width:400px;padding:1.5rem;text-align:center;width:90%}.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}.notification-toast.success,body.dark-mode .notification-toast.success{border-left-color:#28a745}.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:#28a745;color:#fff}.toast-btn.confirm:hover{background-color:#218838}.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}}.edit-profile-wrapper{margin:calc(var(--topbar-height) + 30px) auto;max-width:1200px;padding-top:calc(var(--topbar-height) + 30px);width:calc(100% - var(--sidebar-width) - 20px)}.edit-profile-container{background-color:#fff;border-radius:1rem;box-shadow:0 4px 8px #0000001a;color:#333;margin:20px auto;padding:3rem;text-align:center;transition:all .3s ease;width:100%}body.dark-mode .edit-profile-container{background-color:#444;box-shadow:0 4px 8px #ffffff1a;color:#fff}.avatar-container{align-items:center;background-color:#4caf50;border-radius:50%;display:flex;height:4rem;justify-content:center;margin:0 auto 2rem;overflow:hidden;width:4rem}body.dark-mode .avatar-container{background-color:#2f855a}.avatar-img{height:100%;object-fit:cover;width:100%}.initials-text{color:#fff;font-size:1.75rem;font-weight:700}.edit-profile-container h2{color:#4caf50;margin-bottom:2rem}body.dark-mode .edit-profile-container h2{color:#2f855a}.edit-profile-form{gap:1rem}.edit-profile-form,.input-group{display:flex;flex-direction:column}.input-group{align-items:flex-start;position:relative}.input-label{color:#4caf50;flex-shrink:0;font-size:1rem;margin-bottom:.5rem;text-align:left;width:100%}body.dark-mode .input-label{color:#2f855a}.input-group input,.input-group select{border-radius:.75rem;box-sizing:border-box;outline:none;padding:1rem;transition:border-color .3s ease}body.dark-mode .input-group input,body.dark-mode .input-group select{background-color:initial}.select-group select{appearance:none;background-color:#fff;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;border:2px solid #4caf50;border-radius:.75rem;color:#333;cursor:pointer;font-size:1rem;outline:none;padding:1rem;transition:border-color .3s ease;width:100%}body.dark-mode .select-group select{background-color:#555;border-color:#2f855a;color:#fff}.button-group{display:flex;flex-wrap:wrap;gap:1rem;justify-content:center;margin-top:2rem}.update-btn{background-color:#2f855a;border:none;border-radius:.75rem;color:#fff;cursor:pointer;flex-grow:1;font-size:1rem;max-width:200px;padding:1rem 2rem;transition:background-color .3s ease,transform .3s ease}.update-btn:hover{background-color:#276749;transform:translateY(-2px)}.cancel-btn{background-color:grey;border:none;border-radius:.75rem;color:#fff;cursor:pointer;flex-grow:1;font-size:1rem;max-width:200px;padding:1rem 2rem;transition:background-color .3s ease,transform .3s ease}.cancel-btn:hover{background-color:#696969;transform:translateY(-2px)}@media screen and (max-width:767px){.edit-profile-wrapper{margin:calc(var(--topbar-height) + 20px) auto;max-width:none;padding-top:0;width:90%}.edit-profile-container{margin:10px auto;padding:1.5rem}.input-group input,.input-group select{font-size:.9rem;padding:.75rem}.button-group{align-items:stretch;flex-direction:column}.cancel-btn,.update-btn{max-width:none;width:100%}}@media screen and (min-width:768px) and (max-width:912px){.edit-profile-wrapper{margin:calc(var(--topbar-height) + 15px) auto;max-width:600px;padding-top:0;width:75%}.edit-profile-container{margin:10px auto;padding:1.8rem}.input-group input,.input-group select{font-size:.9rem;padding:.8rem}.button-group{flex-direction:row;justify-content:center}.cancel-btn,.update-btn{max-width:160px}}@media screen and (min-width:913px) and (max-width:1023px){.edit-profile-wrapper{margin:calc(var(--topbar-height) + 15px) auto;max-width:650px;padding-top:0;width:70%}.edit-profile-container{margin:10px auto;padding:2rem}.input-group input,.input-group select{font-size:.95rem;padding:.85rem}.button-group{flex-direction:row;justify-content:center}.cancel-btn,.update-btn{max-width:170px}}@media screen and (min-width:1024px) and (max-width:1199px){.edit-profile-wrapper{margin:calc(var(--topbar-height) + 20px) auto;max-width:700px;padding-top:0;width:65%}.edit-profile-container{margin:15px auto;padding:2.2rem}.input-group input,.input-group select{font-size:.95rem;padding:.9rem}.button-group{flex-direction:row;justify-content:center}.cancel-btn,.update-btn{max-width:180px}}@media screen and (min-width:1200px){.edit-profile-wrapper{margin:calc(var(--topbar-height) + 30px) auto;max-width:1200px;padding-top:0;width:calc(100% - var(--sidebar-width) - 40px)}.edit-profile-container{margin:20px auto;padding:3rem}.input-group input,.input-group select{font-size:1rem;padding:1rem}.button-group{flex-direction:row;justify-content:center}.cancel-btn,.update-btn{max-width:200px}}.security-container{background-color:#f5f7fa;margin:calc(var(--topbar-height) + 20px) auto 0;max-width:900px;min-height:calc(100vh - var(--topbar-height) - 40px);padding:2rem}body.dark-mode .security-container{background-color:#1a1a1a}.security-header{margin-bottom:3rem;text-align:center}.security-title{color:#2d3748;font-size:2rem;font-weight:700;margin:0 0 .5rem}body.dark-mode .security-title{color:#f3f4f6}.security-subtitle{color:#718096;font-size:1rem;margin:0}body.dark-mode .security-subtitle{color:#a0aec0}.security-notification{align-items:center;animation:slideInRight .3s ease-out;border-radius:12px;box-shadow:0 4px 12px #00000026;display:flex;justify-content:space-between;min-width:300px;padding:1rem 1.5rem;position:fixed;right:20px;top:80px;z-index:1000}.security-notification.success{background:#d4edda;border-left:4px solid #4caf50;color:#155724}.security-notification.error{background:#f8d7da;border-left:4px solid #f44336;color:#721c24}body.dark-mode .security-notification.success{background:#1e4620;color:#d4edda}body.dark-mode .security-notification.error{background:#4a1f1f;color:#f8d7da}.notification-content{align-items:center;display:flex;gap:.75rem}.notification-close{background:none;border:none;color:inherit;cursor:pointer;margin-left:1rem;opacity:.7;padding:.25rem;transition:opacity .2s}.notification-close:hover{opacity:1}.security-section{animation:fadeInUp .6s ease-out;background:#fff;border-radius:16px;box-shadow:0 2px 8px #0000000d;margin-bottom:1.5rem;padding:2rem;transition:all .3s ease}body.dark-mode .security-section{background:#2d2d2d;box-shadow:0 2px 8px #0003}.security-section:hover{box-shadow:0 4px 16px #0000001a}body.dark-mode .security-section:hover{box-shadow:0 4px 16px #0000004d}.section-header{align-items:flex-start;gap:1rem;margin-bottom:2rem}.section-icon{align-items:center;background:#e6f6ff;border-radius:16px;color:#4caf50;display:flex;flex-shrink:0;height:56px;justify-content:center;width:56px}body.dark-mode .section-icon{background:#4caf501a}.section-info{flex:1 1}.section-title{margin:0 0 .5rem}.section-description{color:#718096;font-size:.95rem;line-height:1.5;margin:0}body.dark-mode .section-description{color:#a0aec0}.security-form{display:flex;flex-direction:column;gap:1.5rem}.security-form-field{display:flex;flex-direction:column;gap:.5rem}.field-label{color:#4a5568;font-size:.875rem;font-weight:600;letter-spacing:.05em;text-transform:uppercase}body.dark-mode .field-label{color:#a0aec0}.security-input[type=password]::-ms-clear,.security-input[type=password]::-ms-reveal,.security-input[type=password]::-webkit-credentials-auto-fill-button,.security-input[type=password]::-webkit-textfield-decoration-container{display:none!important;visibility:hidden!important}.security-input:-webkit-autofill,.security-input:-webkit-autofill:active,.security-input:-webkit-autofill:focus,.security-input:-webkit-autofill:hover{-webkit-text-fill-color:#2d3748!important;background-color:#f7fafc!important;-webkit-box-shadow:inset 0 0 0 1000px #f7fafc!important;-webkit-transition:background-color 5000s ease-in-out 0s!important;transition:background-color 5000s ease-in-out 0s!important}body.dark-mode .security-input:-webkit-autofill,body.dark-mode .security-input:-webkit-autofill:active,body.dark-mode .security-input:-webkit-autofill:focus,body.dark-mode .security-input:-webkit-autofill:hover{-webkit-text-fill-color:#f3f4f6!important;background-color:#1a1a1a!important;-webkit-box-shadow:inset 0 0 0 1000px #1a1a1a!important}.password-input-wrapper{align-items:center;display:flex;position:relative}.security-input{background:#f7fafc;border:2px solid #e2e8f0;border-radius:12px;color:#2d3748;font-size:1rem;padding:.875rem 3rem .875rem 1rem;transition:all .3s ease;width:100%}body.dark-mode .security-input{background:#1a1a1a;border-color:#4a5568;color:#f3f4f6}.security-input:focus{background:#fff;border-color:#4caf50;box-shadow:0 0 0 3px #4caf501a;outline:none}body.dark-mode .security-input:focus{background:#2d2d2d;box-shadow:0 0 0 3px #4caf5033}.password-toggle-btn{background:none;border:none;border-radius:8px;color:#718096;cursor:pointer;padding:.5rem;position:absolute;right:12px;transition:all .2s ease}.password-toggle-btn:hover{background:#4caf501a;color:#4caf50}.btn{border-radius:12px;display:inline-flex;font-size:1rem;font-weight:500;gap:.5rem;min-width:120px;padding:.875rem 1.75rem}.btn:disabled{cursor:not-allowed;opacity:.6}.btn-primary{background:#4caf50;box-shadow:0 2px 4px #4caf5033}.btn-primary:hover:not(:disabled){background:#45a049;box-shadow:0 4px 8px #4caf504d;transform:translateY(-2px)}.btn-secondary{background:#e2e8f0;color:#4a5568}body.dark-mode .btn-secondary{background:#4a5568;color:#e2e8f0}.btn-secondary:hover:not(:disabled){background:#cbd5e0;transform:translateY(-2px)}body.dark-mode .btn-secondary:hover:not(:disabled){background:#2d3748}.btn-danger{background:#f44336;box-shadow:0 2px 4px #f4433633;color:#fff}.btn-danger:hover:not(:disabled){background:#d32f2f;box-shadow:0 4px 8px #f443364d;transform:translateY(-2px)}.form-actions{display:flex;gap:1rem;margin-top:.5rem}.api-content,.twofa-content{display:flex;flex-direction:column;gap:1.5rem}.api-status{align-items:center;background:#f7fafc;border-radius:12px;display:flex;gap:.75rem;padding:1rem}body.dark-mode .api-status{background:#1a1a1a}.status-label{color:#4a5568;font-size:.95rem;font-weight:500}body.dark-mode .status-label{color:#a0aec0}.status-badge{border-radius:20px;font-size:.875rem;font-weight:600;letter-spacing:.05em;padding:.375rem 1rem;text-transform:uppercase}.status-badge.active{background:#d4edda;color:#155724}.status-badge.inactive{background:#f8d7da;color:#721c24}body.dark-mode .status-badge.active{background:#4caf5033;color:#4caf50}body.dark-mode .status-badge.inactive{background:#f4433633;color:#f44336}.api-description,.twofa-description{color:#718096;font-size:.95rem;line-height:1.6}body.dark-mode .api-description,body.dark-mode .twofa-description{color:#a0aec0}.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:1.5rem}.api-key-container{display:flex;flex-direction:column;gap:.5rem}.api-key-wrapper{align-items:center;background:#f7fafc;border:2px solid #e2e8f0;border-radius:12px;display:flex;gap:.5rem;padding:.25rem .25rem .25rem 1rem;transition:all .3s ease}body.dark-mode .api-key-wrapper{background:#1a1a1a;border-color:#4a5568}.api-key-wrapper:focus-within{border-color:#4caf50;box-shadow:0 0 0 3px #4caf501a}body.dark-mode .api-key-wrapper:focus-within{box-shadow:0 0 0 3px #4caf5033}.api-key-input{background:none;border:none;color:#2d3748;flex:1 1;font-family:Courier New,monospace;font-size:.95rem;outline:none;padding:.5rem 0}body.dark-mode .api-key-input{color:#f3f4f6}.api-key-actions{display:flex;gap:.25rem}.icon-btn{align-items:center;background:#fff;border:none;border-radius:10px;color:#718096;cursor:pointer;display:flex;height:40px;justify-content:center;transition:all .2s ease;width:40px}body.dark-mode .icon-btn{background:#2d2d2d;color:#a0aec0}.icon-btn:hover{transform:scale(1.05)}.icon-btn.success,.icon-btn:hover{background:#4caf501a;color:#4caf50}.api-docs-link{align-items:center;color:#4caf50;display:inline-flex;font-size:.95rem;font-weight:500;gap:.5rem;text-decoration:none;transition:all .2s ease}.api-docs-link:hover{color:#45a049;transform:translateX(4px)}.twofa-warning{background:#fff3cd;border-left:4px solid #ffc107;border-radius:8px;color:#856404;font-size:.95rem;padding:1rem}body.dark-mode .twofa-warning{background:#ffc1071a;color:#ffc107}.twofa-setup{background:#f7fafc;border-radius:12px;padding:2rem}body.dark-mode .twofa-setup{background:#1a1a1a}.setup-steps{display:flex;flex-direction:column;gap:1.5rem}.step{gap:1rem}.step,.step-number{align-items:center;display:flex}.step-number{background:#4caf50;border-radius:50%;color:#fff;flex-shrink:0;font-weight:600;height:32px;justify-content:center;width:32px}.qr-code-container{background:#fff;border:2px solid #e2e8f0;border-radius:12px;display:flex;justify-content:center;padding:1.5rem}body.dark-mode .qr-code-container{background:#2d2d2d;border-color:#4a5568}.qr-code-container img{height:auto;max-width:200px}.secret-key-container{background:#fff;border:2px solid #e2e8f0;border-radius:12px;padding:1rem;text-align:center}body.dark-mode .secret-key-container{background:#2d2d2d;border-color:#4a5568}.secret-key{color:#2d3748;font-family:Courier New,monospace;font-size:1.1rem;letter-spacing:.1em;word-break:break-all}body.dark-mode .secret-key{color:#f3f4f6}.verification-input-wrapper{display:flex;justify-content:center}.verification-input{background:#fff;border:2px solid #e2e8f0;border-radius:12px;color:#2d3748;font-size:1.5rem;font-weight:600;letter-spacing:.5em;padding:1rem;text-align:center;transition:all .3s ease;width:200px}body.dark-mode .verification-input{background:#2d2d2d;border-color:#4a5568;color:#f3f4f6}.verification-input:focus{border-color:#4caf50;box-shadow:0 0 0 3px #4caf501a;outline:none}.setup-actions{display:flex;gap:1rem;justify-content:center;margin-top:1rem}.security-modal-overlay{align-items:center;animation:fadeIn .3s ease;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#000000bf;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:2000}.security-modal{animation:modalSlideUp .3s ease;background:#fff;border-radius:16px;box-shadow:0 20px 25px -5px #0000001a;max-width:400px;padding:2.5rem;text-align:center;width:90%}@keyframes modalSlideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}body.dark-mode .security-modal{background:#2d2d2d;box-shadow:0 20px 25px -5px #0000004d}.modal-icon-wrapper{align-items:center;border-radius:50%;display:inline-flex;height:72px;justify-content:center;margin-bottom:1.5rem;width:72px}.modal-icon-wrapper.success{background:#4caf501a;color:#4caf50}.modal-icon-wrapper.error{background:#f443361a;color:#f44336}.modal-icon-wrapper.warning{background:#ffc1071a;color:#ffc107}.modal-title{color:#2d3748;margin:0 0 .5rem}body.dark-mode .modal-title{color:#f3f4f6}.modal-message{color:#718096;font-size:1rem;line-height:1.6;margin:0 0 2rem}body.dark-mode .modal-message{color:#a0aec0}.modal-actions{display:flex;gap:1rem;justify-content:center}.modal-btn{border:none;border-radius:10px;cursor:pointer;font-size:.95rem;font-weight:500;min-width:100px;padding:.75rem 1.5rem;transition:all .2s ease}.modal-btn.confirm{background:#4caf50;color:#fff}.modal-btn.confirm:hover{background:#45a049;transform:translateY(-2px)}.modal-btn.cancel{background:#e2e8f0;color:#4a5568}body.dark-mode .modal-btn.cancel{background:#4a5568;color:#e2e8f0}.modal-btn.cancel:hover{background:#cbd5e0;transform:translateY(-2px)}@media screen and (max-width:768px){.security-container{padding:1rem}.security-header{margin-bottom:2rem}.security-title{font-size:1.5rem}.security-section{padding:1.5rem}.section-header{flex-direction:column;gap:.75rem}.section-icon{height:48px;width:48px}.form-actions{flex-direction:column}.btn{width:100%}.api-key-wrapper{flex-direction:column;padding:1rem}.api-key-actions{justify-content:center;width:100%}.verification-input{font-size:1.25rem;width:150px}.security-notification{left:10px;min-width:auto;right:10px}}@media screen and (max-width:480px){.section-title,.security-title{font-size:1.25rem}.security-section{padding:1rem}.qr-code-container img{max-width:150px}.secret-key{font-size:.9rem}.setup-steps{gap:1rem}}@keyframes apiDocsSlimeShadow{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}}.api-docs-container{animation:fadeIn 1s ease;background-color:#f5f5f5;display:flex;margin-top:60px;min-height:100vh}body.dark-mode .api-docs-container{background-color:#222}.api-docs-sidebar{animation:apiDocsSlimeShadow 2s linear infinite;background-color:#fff;box-shadow:2px 0 5px #0000001a;height:calc(100% - 60px);overflow-y:auto;padding:20px;position:fixed;top:60px;width:250px}body.dark-mode .api-docs-sidebar{background-color:#333;box-shadow:2px 0 5px #ffffff1a}.api-docs-sidebar-title{color:#4caf50;font-size:24px;margin-bottom:20px}body.dark-mode .api-docs-sidebar-title{color:#76c7c0}.api-docs-nav-list{list-style:none;padding:0}.api-docs-nav-item{background:none;border:none;color:#333;cursor:pointer;display:block;font-size:16px;padding:10px 15px;text-align:left;transition:background-color .3s ease,color .3s ease;width:100%}.api-docs-nav-item:hover{background-color:#e8f5e9;color:#4caf50}.api-docs-nav-item-active{background-color:#4caf50;color:#fff}body.dark-mode .api-docs-nav-item{color:#f5f5f5}body.dark-mode .api-docs-nav-item:hover{background-color:#444;color:#76c7c0}body.dark-mode .api-docs-nav-item-active{background-color:#76c7c0;color:#222}.api-docs-content{animation:fadeIn 1s ease;background-color:#fff;border-radius:8px;box-shadow:0 2px 6px #0000001a;flex:1 1;margin-left:270px;max-width:800px;padding:40px}body.dark-mode .api-docs-content{background-color:#333;box-shadow:0 2px 6px #ffffff1a;color:#f5f5f5}.api-docs-section{margin-bottom:40px}.api-docs-section h2{color:#4caf50;font-size:28px;margin-bottom:15px}.api-docs-section h3{color:#333;font-size:22px;margin:20px 0 10px}.api-docs-section p{color:#555;font-size:16px;line-height:1.6}.api-docs-section ul{margin:10px 0;padding-left:20px}.api-docs-section li{color:#555;font-size:16px;margin-bottom:5px}body.dark-mode .api-docs-section h2{color:#76c7c0}body.dark-mode .api-docs-section h3{color:#f5f5f5}body.dark-mode .api-docs-section li,body.dark-mode .api-docs-section p{color:#ccc}.api-docs-code-block{background-color:#f9f9f9;border-radius:4px;color:#333;font-family:monospace;font-size:14px;margin:10px 0;overflow-x:auto;padding:15px}body.dark-mode .api-docs-code-block{background-color:#444;color:#f5f5f5}@media screen and (max-width:1024px){.api-docs-sidebar{height:calc(100% - 60px);top:60px;width:200px}.api-docs-content{margin-left:220px;padding:30px}.api-docs-sidebar-title{font-size:20px}.api-docs-nav-item{font-size:14px;padding:8px 12px}.api-docs-section h2{font-size:24px}.api-docs-section h3{font-size:20px}.api-docs-section li,.api-docs-section p{font-size:14px}}@media screen and (max-width:768px){.api-docs-container{flex-direction:column;margin-top:50px}.api-docs-sidebar{height:auto;padding:15px;position:static;top:0;width:100%}.api-docs-content{margin-left:0;padding:20px}.api-docs-sidebar-title{font-size:18px}.api-docs-nav-item{font-size:13px;padding:6px 10px}.api-docs-section h2{font-size:22px}.api-docs-section h3{font-size:18px}.api-docs-section li,.api-docs-section p{font-size:13px}}@media screen and (max-width:480px){.api-docs-container{margin-top:45px}.api-docs-content{padding:15px}.api-docs-sidebar-title{font-size:16px}.api-docs-nav-item{font-size:12px;padding:5px 8px}.api-docs-section h2{font-size:20px}.api-docs-section h3{font-size:16px}.api-docs-section li,.api-docs-section p{font-size:12px}.api-docs-code-block{font-size:12px;padding:10px}}.offer-settings-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:800px;padding:2rem}body.dark-mode .offer-settings-container{background-color:#444;box-shadow:0 4px 8px #ffffff1a;color:#fff}.offer-settings-container h2{color:#4caf50;font-size:1.75rem;margin-bottom:2rem}body.dark-mode .offer-settings-container h2{color:#2f855a}.settings-section{margin-bottom:2rem}.settings-section h3{color:#4caf50;font-size:1.5rem;margin-bottom:1rem}body.dark-mode .settings-section h3{color:#2f855a}.input-group{margin-bottom:1rem}.input-group label{display:block;font-weight:700;margin-bottom:.5rem}.input-group input,.input-group select{background-color:#fff;border:2px solid #4caf50;border-radius:.5rem;color:#333;font-size:1rem;padding:.75rem;width:100%}body.dark-mode .input-group input,body.dark-mode .input-group select{background-color:#555;border-color:#2f855a;color:#fff}.input-group input:focus,.input-group select:focus{border-color:#2f855a;outline:none}.save-btn{background-color:#2f855a;border:none;border-radius:.5rem;color:#fff;cursor:pointer;font-size:1rem;padding:.75rem 1.5rem;transition:background-color .3s ease,transform .3s ease}.save-btn:hover{background-color:#276749;transform:translateY(-2px)}body.dark-mode .save-btn{background-color:#2f855a}body.dark-mode .save-btn:hover{background-color:#276749;transform:translateY(-2px)}.method-guide{background-color:#f9f9f9;border-radius:.5rem;margin-top:1rem;padding:1rem}body.dark-mode .method-guide{background-color:#333}.method-guide h4{color:#4caf50;font-size:1.25rem;margin-bottom:.5rem}body.dark-mode .method-guide h4{color:#2f855a}.method-guide p,.method-guide ul{color:#666;font-size:.9rem}body.dark-mode .method-guide p,body.dark-mode .method-guide ul{color:#ccc}.method-guide ul{list-style-type:disc;padding-left:1.5rem}@media screen and (max-width:768px){.offer-settings-container{margin:calc(var(--topbar-height) + 10px) auto 0;padding:1rem}.offer-settings-container h2{font-size:1.5rem}.settings-section h3{font-size:1.25rem}.input-group input,.input-group select{font-size:.875rem;padding:.5rem}.save-btn{font-size:.875rem;padding:.5rem 1rem}}@media screen and (max-width:480px){.offer-settings-container{margin:calc(var(--topbar-height) + 5px) auto 0;padding:.5rem}.offer-settings-container h2{font-size:1.25rem}.settings-section h3{font-size:1rem}.input-group input,.input-group select{font-size:.75rem;padding:.4rem}.save-btn{font-size:.75rem;padding:.4rem .8rem}}.track-domains-tracking-domains-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 .track-domains-tracking-domains-container{background-color:#444;box-shadow:0 4px 8px #ffffff1a;color:#fff}.track-domains-tracking-domains-container h2{color:#4caf50;font-size:1.75rem;margin-bottom:1.5rem;text-align:left}body.dark-mode .track-domains-tracking-domains-container h2{color:#2f855a}.track-domains-info-box{align-items:center;background-color:#e3f2fd;border-left:4px solid #2196f3;border-radius:.5rem;display:flex;gap:1rem;margin-bottom:1.5rem;padding:1rem}body.dark-mode .track-domains-info-box{background-color:#1e3a5f;border-left-color:#64b5f6}.track-domains-info-icon{color:#2196f3;flex-shrink:0;font-size:1.5rem}body.dark-mode .track-domains-info-icon{color:#64b5f6}.track-domains-search-bar{display:flex;gap:1rem;margin-bottom:1.5rem}.track-domains-search-bar input{background-color:#fff;border:2px solid #4caf50;border-radius:.5rem;color:#333;flex:1 1;font-size:1rem;padding:.75rem}body.dark-mode .track-domains-search-bar input{background-color:#555;border-color:#2f855a;color:#fff}.track-domains-search-bar input::placeholder{color:#aaa}.track-domains-add-btn{background-color:#2f855a;border:none;border-radius:.5rem;color:#fff;cursor:pointer;font-size:1rem;padding:.75rem 1.5rem;transition:background-color .3s ease,transform .3s ease}.track-domains-add-btn:hover{background-color:#276749;transform:translateY(-2px)}.track-domains-empty-state{color:#666;padding:3rem;text-align:center}body.dark-mode .track-domains-empty-state{color:#aaa}.track-domains-domains-table{background-color:#f9f9f9;border-collapse:collapse;margin-top:10px;table-layout:fixed;width:100%}body.dark-mode .track-domains-domains-table{background-color:#333}.track-domains-domains-table td,.track-domains-domains-table th{border:1px solid #ddd;font-size:14px;padding:.75rem;text-align:center}body.dark-mode .track-domains-domains-table td,body.dark-mode .track-domains-domains-table th{border:1px solid #555}.track-domains-domains-table th{background-color:#4caf50;color:#fff;font-weight:400}body.dark-mode .track-domains-domains-table th{background-color:#2f855a}.track-domains-domains-table td:first-child,.track-domains-domains-table th:first-child{width:25%}.track-domains-domains-table td:nth-child(2),.track-domains-domains-table td:nth-child(3),.track-domains-domains-table td:nth-child(4),.track-domains-domains-table th:nth-child(2),.track-domains-domains-table th:nth-child(3),.track-domains-domains-table th:nth-child(4){width:15%}.track-domains-domains-table td:nth-child(5),.track-domains-domains-table th:nth-child(5){width:10%}.track-domains-domains-table td:nth-child(6),.track-domains-domains-table th:nth-child(6){width:20%}.track-domains-setup-badge{align-items:center;border-radius:1rem;display:inline-flex;font-size:.875rem;font-weight:500;gap:.25rem;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}.track-domains-status.verified{color:#4caf50}.track-domains-status.pending{color:#ff9800}.track-domains-status.failed{color:#f44336}.track-domains-toggle-button{background:none;border:none;color:#666;cursor:pointer;font-size:1.5rem;padding:.25rem;transition:all .3s ease}.track-domains-toggle-button.enabled{color:#4caf50}.track-domains-toggle-button.disabled{color:#999}.track-domains-toggle-button:hover:not(:disabled){transform:scale(1.1)}.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:100%;justify-content:center}.track-domains-action-btn{background:none;border:none;cursor:pointer;font-size:16px;padding:.25rem;transition:all .3s ease}.track-domains-refresh-btn{color:#2196f3}.track-domains-refresh-btn:hover{color:#1976d2;transform:rotate(180deg)}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;transform:scale(1.1)}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;transform:scale(1.1)}body.dark-mode .track-domains-delete-btn{color:#ef5350}body.dark-mode .track-domains-delete-btn:hover{color:#e53935}.track-domains-error-message{background-color:#ffebee;border-radius:.5rem;color:#f44336;font-size:14px;margin-bottom:20px;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;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;padding:8px;width:100%}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;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;padding:1rem;transition:all .3s 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{font-size:2rem}.track-domains-option-icon.cloudflare{color:#f6821f}.track-domains-option-icon.direct{color:#4caf50}.track-domains-option-content p{color:#666;font-size:.875rem;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;margin-bottom:1rem}body.dark-mode .track-domains-instructions h4{color:#66bb6a}.track-domains-instructions ol{padding-left:1.5rem}.track-domains-instructions li{margin-bottom:1.5rem}.track-domains-instructions li strong{color:#333;display:block;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;padding:1rem}body.dark-mode .track-domains-dns-record{background-color:#2a2a2a;border-color:#555}.track-domains-dns-record div{color:#333;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-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;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}.track-domains-save-btn{background-color:#4caf50;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:14px;padding:8px 16px;transition:background-color .3s}.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;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:14px;padding:8px 16px;transition:background-color .3s}.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}@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}.track-domains-search-bar{flex-direction:column;gap:.5rem}.track-domains-add-btn,.track-domains-search-bar input{width:100%}.track-domains-domains-table{display:block;font-size:.875rem;overflow-x:auto;white-space:nowrap}.track-domains-domains-table td,.track-domains-domains-table th{font-size:.875rem;padding:.5rem}.track-domains-setup-badge{font-size:.75rem;padding:.2rem .5rem}.track-domains-actions-cell{gap:5px}.track-domains-action-btn{font-size:14px}.track-domains-toggle-button{font-size:1.25rem}}@media screen and (max-width:480px){.track-domains-tracking-domains-container{margin:calc(var(--topbar-height) + 5px) auto 0;padding:.5rem}.track-domains-tracking-domains-container h2{font-size:1.25rem}.track-domains-domains-table td,.track-domains-domains-table th{font-size:.75rem;padding:.4rem}.track-domains-action-btn{font-size:12px}.track-domains-toggle-button{font-size:1rem}.track-domains-info-box{flex-direction:column;font-size:.875rem;text-align:center}.track-domains-setup-option{padding:.75rem}.track-domains-option-icon{font-size:1.5rem}.track-domains-option-content{flex-direction:column;text-align:center}.track-domains-dns-record{font-size:.75rem;padding:.75rem}.track-domains-domains-table td:nth-child(2),.track-domains-domains-table th:nth-child(2){display:none}}.track-domains-refresh-btn:active{animation:spin .5s linear}.ReactModal__Overlay{opacity:0;transition:opacity .2s ease-in-out}.ReactModal__Overlay--after-open{opacity:1}.ReactModal__Overlay--before-close{opacity:0}.ReactModal__Content{transform:scale(.9);transition:transform .2s ease-in-out}.ReactModal__Content--after-open{transform:scale(1)}.ReactModal__Content--before-close{transform:scale(.9)}.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}body{font-family:sans-serif;margin:0}.pm-wrapper{align-items:flex-start;background:#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;background-color:#444;border-radius:.75rem;box-shadow:0 4px 8px #ffffff1a;color:#fff;display:flex;flex-direction:column;margin:0 auto;max-width:900px;overflow:visible;padding:3rem;position:relative;transition:all .3s ease;width:100%}body:not(.dark-mode) .pm-container{background-color:#fff;box-shadow:0 4px 8px #0000001a;color:#333}.pm-header{border-bottom:2px solid #4caf50;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,.pm-title{color:#2f855a}.pm-title{font-size:2rem;font-weight:700;line-height:1.2;margin:0}.pm-subtitle{color:#ccc;font-size:1rem;margin:.25rem 0 0}body:not(.dark-mode) .pm-subtitle{color:#666}.pm-add-btn{align-items:center;background-color:#2f855a;border:none;border-radius:.5rem;color:#fff;cursor:pointer;display:flex;font-weight:500;gap:.5rem;padding:.75rem 1.5rem;transition:all .3s ease}.pm-add-btn:hover{background-color:#276749;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;background-color:#ffffff0d;border:1px solid #4caf50;border-radius:.5rem;display:flex;padding:1.5rem;position:relative;transition:all .3s ease}body:not(.dark-mode) .pm-item{background-color:#4caf500d;border-color:#4caf50}.pm-item:hover{background-color:#ffffff1a;transform:translateY(-2px)}body:not(.dark-mode) .pm-item:hover{background-color:#4caf501a}.pm-item-icon{align-items:center;background:linear-gradient(135deg,#2f855a,#4caf50);border-radius:50%;color:#fff;display:flex;flex-shrink:0;height:60px;justify-content:center;margin-right:1.5rem;width:60px}.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{color:#fff;font-size:1.125rem;font-weight:600;margin:0}body:not(.dark-mode) .pm-item-title{color:#333}.pm-item-badge{background:#4caf5033;border-radius:9999px;color:#2f855a;font-size:.75rem;font-weight:600;letter-spacing:.05em;padding:.25rem .75rem;text-transform:uppercase}.pm-item-detail{color:#ccc;font-size:.875rem;margin:0;word-break:break-all}body:not(.dark-mode) .pm-item-detail{color:#666}.pm-item-actions{display:flex;gap:.5rem}.pm-action-btn{align-items:center;background:#0000;border:none;border-radius:.25rem;cursor:pointer;display:flex;height:40px;justify-content:center;transition:all .3s ease;width:40px}.pm-action-btn--edit{color:#4caf50}.pm-action-btn--edit:hover{background-color:#4caf501a;color:#2f855a}.pm-action-btn--delete{color:#f44336}.pm-action-btn--delete:hover{background-color:#f443361a;color:#d32f2f}.pm-empty-state{color:#ccc;padding:4rem 2rem;text-align:center}body:not(.dark-mode) .pm-empty-state{color:#666}.pm-empty-icon{color:#2f855a;margin-bottom:1.5rem;opacity:.3}.pm-empty-state h3{color:#fff;font-size:1.25rem;margin:0 0 .5rem}body:not(.dark-mode) .pm-empty-state h3{color:#333}.pm-empty-state p{font-size:1rem;margin:0 0 2rem}.pm-empty-btn{align-items:center;background-color:#2f855a;border:none;border-radius:.5rem;color:#fff;cursor:pointer;display:inline-flex;font-weight:500;gap:.5rem;padding:.75rem 1.5rem;transition:all .3s ease}.pm-empty-btn:hover{background-color:#276749;transform:translateY(-2px)}.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{background:none;border:1px solid #4caf50;border-radius:.25rem;color:#fff;cursor:pointer;gap:.5rem;padding:.5rem 1rem;transition:all .3s ease}body:not(.dark-mode) .pm-back-btn{color:#333}.pm-back-btn:hover{background-color:#4caf501a;border-color:#2f855a}.pm-type-header h3{color:#fff;font-size:1.5rem;margin:0}body:not(.dark-mode) .pm-type-header h3{color:#333}.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;background-color:#ffffff0d;border:2px solid #4caf50;border-radius:.5rem;cursor:pointer;display:flex;flex-direction:column;padding:2rem;text-align:center;transition:all .3s ease}body:not(.dark-mode) .pm-type-card{background-color:#4caf500d}.pm-type-card:hover{background-color:#ffffff1a;border-color:#2f855a;transform:translateY(-4px)}body:not(.dark-mode) .pm-type-card:hover{background-color:#4caf501a}.pm-type-icon{margin-bottom:1rem}.pm-type-title{color:#fff;font-size:1.125rem;font-weight:600;margin:0 0 .5rem}body:not(.dark-mode) .pm-type-title{color:#333}.pm-type-description{color:#ccc;font-size:.875rem;margin:0}body:not(.dark-mode) .pm-type-description{color:#666}.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{position:relative;width:100%}.pm-custom-select-trigger{align-items:center;background-color:initial;border:2px solid #4caf50;border-radius:.5rem;box-sizing:border-box;color:#fff;cursor:pointer;display:flex;justify-content:space-between;padding:.875rem 1rem;transition:all .3s ease;width:100%}body:not(.dark-mode) .pm-custom-select-trigger{color:#333}.pm-custom-select-trigger:hover{border-color:#2f855a}.pm-custom-select-content{align-items:center;display:flex;flex:1 1;gap:.75rem}.pm-custom-select-icon{align-items:center;background:#ffffff1a;border-radius:50%;display:flex;flex-shrink:0;height:24px;justify-content:center;width:24px}body:not(.dark-mode) .pm-custom-select-icon{background:#0000000d}.pm-custom-select-text{font-size:1rem;font-weight:500}.pm-custom-select-arrow{color:#4caf50;flex-shrink:0;transition:transform .3s ease}.pm-custom-select-arrow.rotated{transform:rotate(180deg)}.pm-custom-select-dropdown{background-color:#333;border:2px solid #4caf50;border-radius:0 0 .5rem .5rem;border-top:none;box-shadow:0 4px 8px #0003;left:0;max-height:300px;overflow-y:auto;position:absolute;right:0;top:100%;z-index:1000}body:not(.dark-mode) .pm-custom-select-dropdown{background-color:#fff;box-shadow:0 4px 8px #0000001a}.pm-custom-select-option{align-items:center;border-bottom:1px solid #4caf5033;cursor:pointer;display:flex;gap:.75rem;padding:.875rem 1rem;transition:all .3s ease}.pm-custom-select-option:last-child{border-bottom:none}.pm-custom-select-option:hover{background-color:#4caf501a}.pm-custom-select-option.selected{background-color:#4caf5033;color:#2f855a;font-weight:600}.pm-custom-select-option-icon{align-items:center;background:#ffffff1a;border-radius:50%;display:flex;flex-shrink:0;height:20px;justify-content:center;width:20px}body:not(.dark-mode) .pm-custom-select-option-icon{background:#0000000d}.pm-custom-select-option-content{display:flex;flex:1 1;flex-direction:column;gap:.25rem}.pm-custom-select-option-label{color:#fff;font-size:1rem;font-weight:500}body:not(.dark-mode) .pm-custom-select-option-label{color:#333}.pm-custom-select-option.selected .pm-custom-select-option-label{color:#2f855a}.pm-custom-select-option-network{color:#ccc;font-size:.75rem;letter-spacing:.05em;text-transform:uppercase}body:not(.dark-mode) .pm-custom-select-option-network{color:#666}.pm-custom-select-option.selected .pm-custom-select-option-network{color:#2f855a;opacity:.8}.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}}.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 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)}.msg-wrapper{align-items:flex-start;background:#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{background:#0000;border-radius:.75rem;color:#fff;margin:0 auto;max-width:1200px;min-height:600px;overflow:visible;transition:all .3s ease;width:100%}body:not(.dark-mode) .msg-container{background:#0000;color:#333}.msg-layout{display:flex;gap:30px;height:600px}.msg-sidebar{background-color:#ffffff14;border-radius:.75rem;display:flex;flex-direction:column;padding:2rem;width:280px}body:not(.dark-mode) .msg-sidebar{background-color:#00000014}.msg-title{color:#fff;display:flex;flex-direction:column;font-size:1.5rem;font-weight:600;gap:.25rem;margin:0 0 1.5rem}body:not(.dark-mode) .msg-title{color:#333}.msg-subtitle{color:#ccc;font-size:.875rem;font-weight:400;letter-spacing:.05em;text-transform:uppercase}body:not(.dark-mode) .msg-subtitle{color:#666}.msg-new-btn{align-items:center;background-color:#4caf50;border:none;border-radius:.5rem;color:#fff;cursor:pointer;display:flex;font-size:1rem;font-weight:500;gap:.5rem;justify-content:center;margin-bottom:2rem;padding:.875rem;transition:all .3s ease;width:100%}.msg-new-btn:hover{background-color:#2f855a;transform:translateY(-2px)}.msg-nav{display:flex;flex-direction:column;gap:.5rem}.msg-nav-item{align-items:center;background:none;border:none;border-radius:.5rem;color:#ccc;cursor:pointer;display:flex;font-size:1rem;font-weight:500;padding:.875rem 1rem;position:relative;text-align:left;transition:all .3s ease}body:not(.dark-mode) .msg-nav-item{color:#666}.msg-nav-item.active,.msg-nav-item:hover{background-color:#4caf501a;color:#4caf50}.msg-nav-item.active:before{background-color:#4caf50;border-radius:0 2px 2px 0;content:"";height:60%;left:0;position:absolute;top:50%;transform:translateY(-50%);width:3px}.msg-content{background-color:#ffffff0a;border-radius:.75rem;display:flex;flex:1 1;flex-direction:column;overflow:hidden}body:not(.dark-mode) .msg-content{background-color:#0000000a}.msg-content-header{background-color:#ffffff0f;border-bottom:1px solid #4caf504d;border-radius:.75rem .75rem 0 0;padding:1.5rem 2rem}body:not(.dark-mode) .msg-content-header{background-color:#0000000f;border-bottom-color:#4caf5066}.msg-content-title{color:#fff;font-size:1.25rem;font-weight:600;margin:0 0 1rem}body:not(.dark-mode) .msg-content-title{color:#333}.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}.alignment-option.active{background-color:#fff3;font-weight:500}body:not(.dark-mode) .alignment-option.active{background-color:#0000001a}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.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}.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}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.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:fadeSlideIn .8s ease-out;background:linear-gradient(90deg,#2dbb5c,#4ecdc4);border-bottom:2px solid #b0bec533;box-shadow:0 4px 15px #00000026;color:#fff;display:flex;height:clamp(45px,6vh,60px);justify-content:space-between;left:0;padding:clamp(8px,1.5vw,12px) clamp(10px,2vw,20px);position:fixed;right:0;top:0;transition:all .5s cubic-bezier(.4,0,.2,1);user-select:none;-moz-user-select:none;-webkit-user-select:none;-ms-user-select:none;z-index:1000}body.dark-mode .topbar{background:linear-gradient(90deg,#1a4d2e,#1e5b53);border-bottom:2px solid #b0bec51a;box-shadow:0 4px 15px #0006}.topbar-left{color:#fff;font-size:clamp(10px,1.6vw,16px);font-weight:500;text-shadow:1px 1px 2px #0000001a;user-select:none;-moz-user-select:none;-webkit-user-select:none;-ms-user-select:none;white-space:nowrap}.topbar-right{gap:clamp(5px,1.5vw,15px)}.topbar-right,.user-dropdown{align-items:center;display:flex}.user-dropdown{background:linear-gradient(135deg,#f8f9f9,#fff);border:2px solid #0000;border-radius:12px;box-shadow:0 2px 10px #0003;cursor:pointer;gap:clamp(5px,.8vw,8px);padding:clamp(6px,1vw,8px) clamp(8px,1.5vw,12px);transition:all .5s 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(135deg,#2a2a2a,#3a3a3a);color:#fff}.user-dropdown:hover{background-color:#e8ecef;border:2px solid #2dbb5c;box-shadow:0 4px 15px #2dbb5c33;color:#666;transform:translateY(-2px) scale(1.02)}body.dark-mode .user-dropdown:hover{background:linear-gradient(135deg,#3a3a3a,#4a4a4a);box-shadow:0 4px 15px #34c7594d;color:#fff}.avatar-topbar{border:2px solid #333;border-radius:50%;height:clamp(20px,3vw,32px);object-fit:cover;width:clamp(20px,3vw,32px)}.username{color:#333;font-size:clamp(10px,1.4vw,16px);font-weight:500;text-shadow:1px 1px 2px #0000000d;user-select:none;-moz-user-select:none;-webkit-user-select:none;-ms-user-select:none}body.dark-mode .username{color:#fff}.dropdown-arrow{border-left:clamp(4px,.5vw,5px) solid #0000;border-right:clamp(4px,.5vw,5px) solid #0000;border-top:clamp(4px,.5vw,5px) solid #000;display:inline-block;height:0;transition:transform .3s ease;width:0}.dropdown-arrow.open{transform:rotate(180deg)}body.dark-mode .dropdown-arrow{border-top-color:#fff}.dropdown-menu{background:linear-gradient(135deg,#f8f9f9,#fff);border-radius:12px;box-shadow:0 4px 15px #00000026;height:auto;max-width:90vw;opacity:1;overflow:hidden;position:absolute;right:clamp(6px,2vw,20px);top:clamp(45px,7vh,70px);transform:translateY(0);transition:opacity .3s ease,height .3s ease,transform .3s ease;user-select:none;-moz-user-select:none;-webkit-user-select:none;-ms-user-select:none;width:clamp(130px,20vw,200px);z-index:1001}.dropdown-menu.closing{height:0;opacity:0;transform:translateY(-10px)}body.dark-mode .dropdown-menu{background:linear-gradient(135deg,#1a1a1a,#2a2a2a);box-shadow:0 4px 15px #0006}.dropdown-menu ul{list-style:none;margin:0;padding:0}.dropdown-menu li{align-items:center;border:2px solid #0000;border-radius:10px;color:#333;cursor:pointer;display:flex;font-size:clamp(12px,1.4vw,14px);gap:clamp(8px,1vw,10px);padding:clamp(8px,1.5vw,10px) clamp(10px,2vw,15px);position:relative;transition:all .5s cubic-bezier(.4,0,.2,1);user-select:none;-moz-user-select:none;-webkit-user-select:none;-ms-user-select:none}.dropdown-menu li:not(:last-child):after{background:linear-gradient(90deg,#0000,#b0bec533 20%,#b0bec54d 50%,#b0bec533 80%,#0000);bottom:-1px;content:"";height:1px;left:50%;position:absolute;transform:translateX(-50%);width:85%}body.dark-mode .dropdown-menu li:not(:last-child):after{background:linear-gradient(90deg,#0000,#ffffff1a 20%,#ffffff26 50%,#ffffff1a 80%,#0000)}.dropdown-menu li:hover{background-color:#e8ecef;border:2px solid #2dbb5c;box-shadow:0 2px 10px #2dbb5c33;color:#666}body.dark-mode .dropdown-menu li{color:#fff}body.dark-mode .dropdown-menu li:hover{background:linear-gradient(135deg,#1e5b53,#2a3a3a);box-shadow:0 2px 10px #2dbb5c4d;color:#2dbb5c}.menu-icon{color:#b0bec5;height:clamp(14px,1.5vw,16px);transition:transform .3s ease,opacity .3s ease;width:clamp(14px,1.5vw,16px)}body.dark-mode .menu-icon{color:#fff;opacity:.7}.dropdown-menu li:hover .menu-icon{opacity:.9;transform:scale(1.1)}@keyframes fadeSlideIn{0%{opacity:0;transform:translateY(-20px)}50%{opacity:.5;transform:translateY(0)}to{opacity:1;transform:translateY(0)}}@media screen and (max-width:480px){.topbar{height:clamp(40px,5vh,45px);padding:clamp(4px,1vw,6px) clamp(6px,1.5vw,10px)}.topbar-left{font-size:clamp(9px,3vw,12px)}.topbar-right{gap:clamp(4px,1vw,8px)}.user-dropdown{padding:clamp(4px,.8vw,6px) clamp(6px,1vw,8px)}.username{font-size:clamp(9px,2.5vw,12px)}.avatar-topbar{height:clamp(18px,5vw,24px);width:clamp(18px,5vw,24px)}.dropdown-menu{right:clamp(4px,1.5vw,10px);top:clamp(40px,6vh,55px);width:clamp(120px,40vw,160px)}.dropdown-menu li{font-size:clamp(10px,2.5vw,12px);padding:clamp(6px,1vw,8px) clamp(8px,1.5vw,12px)}}@media screen and (min-width:481px) and (max-width:768px){.topbar{height:clamp(45px,5.5vh,50px);padding:clamp(6px,1.2vw,8px) clamp(8px,2vw,15px)}.topbar-left{font-size:clamp(12px,2vw,14px)}.topbar-right{gap:clamp(6px,1.2vw,10px)}.user-dropdown{padding:clamp(6px,1vw,8px) clamp(8px,1.5vw,10px)}.username{font-size:clamp(12px,1.8vw,14px)}.avatar-topbar{height:clamp(24px,4vw,28px);width:clamp(24px,4vw,28px)}.dropdown-menu{right:clamp(8px,2vw,15px);top:clamp(50px,6.5vh,60px);width:clamp(160px,25vw,180px)}}@media screen and (min-width:769px) and (max-width:1200px){.topbar{height:clamp(50px,6vh,55px);padding:clamp(8px,1.5vw,10px) clamp(15px,2.5vw,18px)}.topbar-left{font-size:clamp(14px,1.8vw,15px)}.topbar-right{gap:clamp(10px,1.5vw,12px)}.username{font-size:clamp(13px,1.6vw,15px)}.avatar-topbar{height:clamp(28px,3.5vw,30px);width:clamp(28px,3.5vw,30px)}.dropdown-menu{right:clamp(10px,2vw,18px);top:clamp(55px,7vh,65px);width:clamp(180px,20vw,190px)}}@media screen and (min-width:1201px) and (max-width:1920px){.topbar{height:clamp(55px,6vh,60px);padding:clamp(10px,1.5vw,12px) clamp(18px,2vw,20px)}.topbar-left{font-size:clamp(15px,1.5vw,16px)}.topbar-right{gap:clamp(12px,1.5vw,15px)}.username{font-size:clamp(15px,1.5vw,16px)}.avatar-topbar{height:clamp(30px,3vw,32px);width:clamp(30px,3vw,32px)}.dropdown-menu{right:clamp(15px,2vw,20px);top:clamp(60px,7vh,70px);width:clamp(190px,15vw,200px)}}@media screen and (min-width:1921px){.topbar{height:clamp(60px,5vh,65px);padding:clamp(12px,1vw,14px) clamp(20px,1.5vw,25px)}.topbar-left{font-size:clamp(16px,1.2vw,18px)}.topbar-right{gap:clamp(15px,1.2vw,18px)}.user-dropdown{padding:clamp(8px,.8vw,10px) clamp(10px,1vw,14px)}.username{font-size:clamp(16px,1.2vw,18px)}.avatar-topbar{height:clamp(32px,2.5vw,36px);width:clamp(32px,2.5vw,36px)}.dropdown-menu{right:clamp(20px,1.5vw,25px);top:clamp(65px,6vh,75px);width:clamp(200px,12vw,220px)}.dropdown-menu li{font-size:clamp(14px,1.2vw,16px);padding:clamp(10px,1vw,12px) clamp(12px,1.5vw,16px)}}@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi){.topbar{border-bottom-width:1px}.avatar-topbar,.dropdown-menu li,.user-dropdown{border-width:1px}}.sidebar{animation:slideInLeft .8s ease-out;background:linear-gradient(180deg,#f8f9f9,#fff);border-right:2px solid #b0bec533;box-shadow:2px 0 15px #00000026;color:#333;height:calc(100vh - clamp(45px, 6vh, 60px));left:0;overflow-x:hidden;overflow-y:auto;padding:clamp(8px,1.5vw,15px);position:fixed;top:clamp(45px,6vh,60px);transition:all .5s cubic-bezier(.4,0,.2,1);user-select:none;-moz-user-select:none;-webkit-user-select:none;-ms-user-select:none;width:clamp(120px,15vw,250px);z-index:900}.sidebar::-webkit-scrollbar{width:8px}.sidebar::-webkit-scrollbar-track{background:#34c7591a;border-radius:10px;margin:10px 0}.sidebar::-webkit-scrollbar-thumb{background:linear-gradient(180deg,#34c759,#2f855a);border-radius:10px;-webkit-transition:all .3s ease;transition:all .3s ease}.sidebar::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,#2f855a,#22543d);transform:scale(1.1)}.sidebar::-webkit-scrollbar-corner{background:#0000}body.dark-mode .sidebar{background:linear-gradient(180deg,#1a1a1a,#2a2a2a);border-right:2px solid #b0bec51a;box-shadow:2px 0 15px #0006;color:#fff}body.dark-mode .sidebar::-webkit-scrollbar-track{background:#34c75926;border-radius:10px}body.dark-mode .sidebar::-webkit-scrollbar-thumb{background:linear-gradient(180deg,#34c759,#2f855a);border-radius:10px;box-shadow:0 2px 6px #34c7594d}body.dark-mode .sidebar::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,#4caf50,#34c759);box-shadow:0 4px 12px #34c75980}.sidebar h2{background:inherit;color:#34c759;font-size:clamp(11px,1.6vw,16px);font-weight:600;letter-spacing:.5px;margin:clamp(10px,1.5vw,15px) 0 clamp(6px,1.2vw,12px);padding:clamp(4px,.8vw,8px) 0;position:static;text-shadow:1px 1px 2px #0000000d;text-transform:uppercase;top:0;user-select:none;-moz-user-select:none;-webkit-user-select:none;-ms-user-select:none;z-index:1}body.dark-mode .sidebar h2{color:#4caf50;text-shadow:1px 1px 2px #0000004d}.sidebar ul{list-style:none;margin:0 0 clamp(15px,2vw,20px);padding:0;-webkit-user-select:none;user-select:none}.sidebar li{align-items:center;border:2px solid #0000;border-radius:12px;box-shadow:0 2px 8px #0000000d;color:#333;cursor:pointer;display:flex;font-size:clamp(9px,1.4vw,14px);margin-bottom:clamp(4px,.8vw,8px);overflow:hidden;padding:clamp(8px,1.2vw,12px) clamp(6px,1vw,10px);position:relative;transition:all .4s cubic-bezier(.4,0,.2,1);user-select:none;-moz-user-select:none;-webkit-user-select:none;-ms-user-select:none}.sidebar li:before{background:linear-gradient(90deg,#0000,#34c7591a,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s ease;width:100%}.sidebar li:hover:before{left:100%}body.dark-mode .sidebar li{box-shadow:0 2px 8px #0003;color:#fff}.sidebar li:hover{background:linear-gradient(135deg,#34c7591a,#34c7590d);border:2px solid #34c759;border-radius:12px;box-shadow:0 6px 20px #34c75940;color:#34c759;transform:translateX(4px) scale(1.02)}body.dark-mode .sidebar li:hover{background:linear-gradient(135deg,#34c75933,#34c7591a);border:2px solid #4caf50;box-shadow:0 6px 20px #4caf504d;color:#4caf50}.sidebar-icon{color:#b0bec5;filter:drop-shadow(0 1px 2px rgba(0,0,0,.1));font-size:clamp(12px,1.8vw,18px);margin-right:clamp(6px,1vw,10px);transition:all .4s ease}body.dark-mode .sidebar-icon{color:#4caf50;filter:drop-shadow(0 1px 2px rgba(0,0,0,.3))}.sidebar li:hover .sidebar-icon{color:#34c759;filter:drop-shadow(0 2px 4px rgba(52,199,89,.3));transform:scale(1.2) rotate(5deg)}body.dark-mode .sidebar li:hover .sidebar-icon{color:#4caf50;filter:drop-shadow(0 2px 4px rgba(76,175,80,.4))}@supports (-moz-appearance:none){.sidebar{scrollbar-color:#34c759 #34c7591a;scrollbar-width:thin}body.dark-mode .sidebar{scrollbar-color:#4caf50 #34c75926}}@media screen and (max-width:480px){.sidebar{height:calc(100vh - clamp(40px,5vh,45px));padding:clamp(6px,1.5vw,8px);top:clamp(40px,px,45px);transform:translateX(-100%);transition:transform .3s ease-in-out;width:clamp(100px,35vw,150px)}.sidebar.active{transform:translateX(0)}.sidebar h2{font-size:clamp(10px,3vw,12px);margin:clamp(6px,1.5vw,8px) 0 clamp(4px,1vw,6px)}.sidebar li{font-size:clamp(8px,2.5vw,10px);margin-bottom:clamp(3px,.6vw,5px);padding:clamp(6px,1.2vw,8px) clamp(4px,1vw,6px)}.sidebar-icon{font-size:clamp(10px,2.5vw,12px);margin-right:clamp(4px,1vw,6px)}.sidebar::-webkit-scrollbar{width:6px}}@media screen and (min-width:481px) and (max-width:768px){.sidebar{height:calc(100vh - clamp(45px,5.5vh,50px));padding:clamp(8px,1.5vw,10px);top:clamp(45px,5.5vh,50px);transform:translateX(-100%);transition:transform .3s ease-in-out;width:clamp(150px,25vw,180px)}.sidebar.active{transform:translateX(0)}.sidebar h2{font-size:clamp(12px,2vw,14px);margin:clamp(8px,1.5vw,10px) 0 clamp(6px,1.2vw,8px)}.sidebar li{font-size:clamp(10px,1.8vw,12px);margin-bottom:clamp(4px,.8vw,6px);padding:clamp(6px,1.2vw,8px) clamp(4px,1vw,6px)}.sidebar-icon{font-size:clamp(12px,2vw,14px);margin-right:clamp(5px,1vw,7px)}.sidebar::-webkit-scrollbar{width:7px}}@media screen and (min-width:769px) and (max-width:1200px){.sidebar{height:calc(100vh - clamp(50px,6vh,55px));padding:clamp(10px,1.5vw,12px);top:clamp(50px,6vh,55px);transform:translateX(0);width:clamp(180px,20vw,220px)}.sidebar h2{font-size:clamp(13px,1.8vw,15px);margin:clamp(10px,1.5vw,12px) 0 clamp(8px,1.2vw,10px)}.sidebar li{font-size:clamp(12px,1.6vw,13px);margin-bottom:clamp(5px,1vw,7px);padding:clamp(8px,1.2vw,10px) clamp(6px,1vw,8px)}.sidebar-icon{font-size:clamp(13px,1.8vw,15px);margin-right:clamp(6px,1vw,8px)}}@media screen and (min-width:1201px) and (max-width:1920px){.sidebar{height:calc(100vh - clamp(55px,6vh,60px));padding:clamp(12px,1.5vw,15px);top:clamp(55px,6vh,60px);transform:translateX(0);width:clamp(220px,15vw,250px)}.sidebar h2{font-size:clamp(14px,1.5vw,16px);margin:clamp(12px,1.5vw,15px) 0 clamp(10px,1.2vw,12px)}.sidebar li{font-size:clamp(13px,1.5vw,14px);margin-bottom:clamp(6px,1vw,8px);padding:clamp(10px,1.2vw,12px) clamp(8px,1vw,10px)}.sidebar-icon{font-size:clamp(14px,1.5vw,16px);margin-right:clamp(7px,1vw,9px)}}@media screen and (min-width:1921px){.sidebar{height:calc(100vh - clamp(60px,5vh,65px));padding:clamp(15px,1.2vw,18px);top:clamp(60px,5vh,65px);transform:translateX(0);width:clamp(250px,12vw,280px)}.sidebar h2{font-size:clamp(16px,1.2vw,18px);margin:clamp(15px,1.2vw,18px) 0 clamp(12px,1vw,14px)}.sidebar li{font-size:clamp(14px,1.2vw,16px);margin-bottom:clamp(7px,1vw,9px);padding:clamp(12px,1vw,14px) clamp(10px,.8vw,12px)}.sidebar-icon{font-size:clamp(16px,1.2vw,18px);margin-right:clamp(8px,1vw,10px)}.sidebar::-webkit-scrollbar{width:10px}}@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi){.sidebar{border-right-width:1px}.sidebar li{border-width:1px}.sidebar::-webkit-scrollbar{width:6px}}.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;padding:2rem}body.dark-mode .clients-requests-container{background-color:#444;box-shadow:0 4px 8px #ffffff1a;color:#fff}.clients-requests-title{color:#4caf50;font-size:1.75rem;margin-bottom:1.5rem;text-align:left}body.dark-mode .clients-requests-title{color:#2f855a}.clients-requests-loading{color:#666;font-size:1.1rem;padding:2rem;text-align:center}body.dark-mode .clients-requests-loading{color:#aaa}.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:2px solid #4caf50;border-radius:.5rem;color:#333;font-size:1rem;min-width:150px;padding:.75rem;transition:all .3s ease}body.dark-mode .clients-requests-filter-input,body.dark-mode .clients-requests-filter-select{background-color:#555;border-color:#2f855a;color:#fff}.clients-requests-filter-input:focus,.clients-requests-filter-select:focus{border-color:#2f855a;box-shadow:0 0 0 3px #4caf501a;outline:none}body.dark-mode .clients-requests-filter-input:focus,body.dark-mode .clients-requests-filter-select:focus{box-shadow:0 0 0 3px #2f855a33}.clients-requests-table-container{margin-bottom:20px;overflow-x:auto}.clients-requests-table{background-color:#f9f9f9;border-collapse:collapse;margin-top:10px;min-width:1200px;width:100%}body.dark-mode .clients-requests-table{background-color:#333}.clients-requests-table td,.clients-requests-table th{border:1px solid #ddd;font-size:14px;padding:12px;text-align:center}body.dark-mode .clients-requests-table td,body.dark-mode .clients-requests-table th{border:1px solid #4b5563;color:#d1d5db}.clients-requests-table th{background-color:#4caf50;color:#fff;font-weight:600}body.dark-mode .clients-requests-table th{background-color:#2f855a}.clients-requests-table-header-centered{font-weight:600;text-align:center}.clients-requests-table-row{transition:background-color .2s}.clients-requests-table-row:hover{background-color:#e9ecef}body.dark-mode .clients-requests-table-row:hover{background-color:#374151}.clients-requests-table-cell{text-align:center}.clients-requests-icon-cell{text-align:center;width:80px}.clients-requests-edit-btn,.clients-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}.clients-requests-edit-btn{color:#2196f3}.clients-requests-edit-btn:hover:not(:disabled){background-color:#2196f31a;color:#1976d2}.clients-requests-view-btn{color:#4caf50}.clients-requests-view-btn:hover{background-color:#4caf501a;color:#45a049}.clients-requests-edit-btn:disabled{color:#999;cursor:not-allowed;opacity:.5}body.dark-mode .clients-requests-edit-btn{color:#64b5f6}body.dark-mode .clients-requests-edit-btn:hover:not(:disabled){background-color:#64b5f61a;color:#42a5f5}body.dark-mode .clients-requests-view-btn{color:#66bb6a}body.dark-mode .clients-requests-view-btn:hover{background-color:#66bb6a1a;color:#4caf50}body.dark-mode .clients-requests-edit-btn:disabled{color:#666}.clients-requests-pagination{align-items:center;display:flex;gap:10px;justify-content:center}.clients-requests-pagination-btn{background-color:#2f855a;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 .clients-requests-pagination-btn{background-color:#2f855a}.clients-requests-pagination-btn:hover:not(:disabled){background-color:#276749;transform:translateY(-2px)}body.dark-mode .clients-requests-pagination-btn:hover:not(:disabled){background-color:#276749}.clients-requests-pagination-btn:disabled{background-color:#999;cursor:not-allowed;opacity:.5;transform:none}body.dark-mode .clients-requests-pagination-btn:disabled{background-color:#666}.clients-requests-pagination span{color:#333;font-weight:500}body.dark-mode .clients-requests-pagination span{color:#fff}.clients-requests-table td:first-child,.clients-requests-table td:nth-child(2),.clients-requests-table th:first-child,.clients-requests-table th:nth-child(2){min-width:80px;width:80px}.clients-requests-table td:nth-child(3),.clients-requests-table td:nth-child(4),.clients-requests-table td:nth-child(5),.clients-requests-table th:nth-child(3),.clients-requests-table th:nth-child(4),.clients-requests-table th:nth-child(5){min-width:120px;width:120px}.clients-requests-table td:nth-child(6),.clients-requests-table th:nth-child(6){min-width:200px;width:200px}.clients-requests-table td:nth-child(7),.clients-requests-table td:nth-child(8),.clients-requests-table th:nth-child(7),.clients-requests-table th:nth-child(8){min-width:120px;width:120px}.clients-requests-table td:nth-child(9),.clients-requests-table th:nth-child(9){min-width:150px;width:150px}.clients-requests-table td:nth-child(10),.clients-requests-table th:nth-child(10){min-width:120px;width:120px}.clients-requests-table td:nth-child(11),.clients-requests-table th:nth-child(11){min-width:100px;width:100px}@media screen and (max-width:768px){.clients-requests-container{padding:8px}.clients-requests-filters{flex-direction:column;gap:8px}.clients-requests-filter-input,.clients-requests-filter-select{min-width:auto;width:100%}.clients-requests-table{font-size:12px}.clients-requests-table td,.clients-requests-table th{padding:8px}.modal-details-grid{grid-template-columns:1fr}.custom-modal{max-height:90vh;width:95%}}.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-color:#444;box-shadow:0 4px 8px #ffffff1a;color:#fff}.offers-requests-title{color:#4caf50;font-size:1.75rem;margin-bottom:1.5rem;text-align:left}body.dark-mode .offers-requests-title{color:#2f855a}.offers-requests-loading{color:#666;font-size:1.1rem;padding:2rem;text-align:center}body.dark-mode .offers-requests-loading{color:#aaa}.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 #4caf50;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-color:#555;border-color:#2f855a;color:#fff}.offers-requests-filter-input:focus,.offers-requests-filter-select:focus{border-color:#2f855a;box-shadow:0 0 0 3px #4caf501a;outline:none}body.dark-mode .offers-requests-filter-input:focus,body.dark-mode .offers-requests-filter-select:focus{box-shadow:0 0 0 3px #2f855a33}.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-color:#333}.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 #4b5563;color:#d1d5db}.offers-requests-table th{background-color:#4caf50;color:#fff;font-weight:600}body.dark-mode .offers-requests-table th{background-color:#2f855a}.offers-requests-table-header-centered{font-weight:600;text-align:center}.offers-requests-table-row{transition:background-color .2s}.offers-requests-table-row:hover{background-color:#e9ecef}body.dark-mode .offers-requests-table-row:hover{background-color:#374151}.offers-requests-table-cell{text-align:center}.offers-requests-icon-cell{text-align:center;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:#4caf50}.offers-requests-view-btn:hover{background-color:#4caf501a;color:#45a049}.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:#66bb6a}body.dark-mode .offers-requests-view-btn:hover{background-color:#66bb6a1a;color:#4caf50}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:#2f855a;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-color:#2f855a}.offers-requests-pagination-btn:hover:not(:disabled){background-color:#276749;transform:translateY(-2px)}body.dark-mode .offers-requests-pagination-btn:hover:not(:disabled){background-color:#276749}.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:#fff}.custom-modal{max-height:80vh;max-width:600px;overflow:hidden}.modal-details-grid{max-height:calc(80vh - 120px)}.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:#374151}.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:#2f855a;color:#fff}.offers-requests-submit-btn:hover{background-color:#276749;transform:translateY(-1px)}.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-color:#4b5563;color:#e5e7eb}body.dark-mode .offers-requests-modal-close-btn:hover{background-color:#6b7280}.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%}}.smart-links-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 .smart-links-container{background-color:#444;box-shadow:0 4px 8px #ffffff1a;color:#fff}.smart-links-title{color:#4caf50;font-size:1.75rem;margin-bottom:1.5rem;text-align:left}body.dark-mode .smart-links-title{color:#2f855a}.smart-links-loading{color:#666;font-size:1.1rem;padding:2rem;text-align:center}body.dark-mode .smart-links-loading{color:#aaa}.smart-links-error-message{background-color:#fee2e2;border-radius:8px;color:#ef4444;font-size:14px;margin-bottom:16px;padding:12px}body.dark-mode .smart-links-error-message{background-color:#7f1d1d;color:#fecaca}.smart-links-filters{align-items:center;display:flex;flex-wrap:wrap;gap:12px;margin-bottom:24px}.smart-links-filter-input,.smart-links-filter-select{background-color:#fff;border:2px solid #4caf50;border-radius:.5rem;color:#333;font-size:1rem;min-width:150px;padding:.75rem;transition:all .3s ease}body.dark-mode .smart-links-filter-input,body.dark-mode .smart-links-filter-select{background-color:#555;border-color:#2f855a;color:#fff}.smart-links-filter-input:focus,.smart-links-filter-select:focus{border-color:#2f855a;box-shadow:0 0 0 3px #4caf501a;outline:none}body.dark-mode .smart-links-filter-input:focus,body.dark-mode .smart-links-filter-select:focus{box-shadow:0 0 0 3px #2f855a33}.smart-links-create-btn{align-items:center;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}.smart-links-create-btn,body.dark-mode .smart-links-create-btn{background-color:#2f855a}.smart-links-create-btn:hover{background-color:#276749;transform:translateY(-2px)}body.dark-mode .smart-links-create-btn:hover{background-color:#276749}.smart-links-table-container{margin-bottom:20px;overflow-x:auto}.smart-links-table{background-color:#f9f9f9;border-collapse:collapse;margin-top:10px;min-width:1400px;width:100%}body.dark-mode .smart-links-table{background-color:#333}.smart-links-table td,.smart-links-table th{border:1px solid #ddd;font-size:14px;padding:12px;text-align:center}body.dark-mode .smart-links-table td,body.dark-mode .smart-links-table th{border:1px solid #4b5563;color:#d1d5db}.smart-links-table th{background-color:#4caf50;color:#fff;font-weight:600}body.dark-mode .smart-links-table th{background-color:#2f855a}.table-header-centered{font-weight:600;text-align:center}.table-row{transition:background-color .2s}.table-row:hover{background-color:#e9ecef}body.dark-mode .table-row:hover{background-color:#374151}.preview-group{align-items:center;display:flex;gap:.75rem}.preview-link{background-color:#f3f4f6;color:#1f2937;cursor:text;flex:1 1;font-family:monospace;font-size:.875rem;overflow-x:auto;white-space:nowrap}body.dark-mode .preview-link{background-color:#4b5563;color:#f3f4f6}.preview-copy-btn,.preview-test-btn{align-items:center;background-color:#4caf50;border:none;border-radius:.5rem;color:#fff;cursor:pointer;display:inline-flex;font-size:.875rem;font-weight:500;gap:.5rem;padding:.625rem 1rem;transition:all .3s ease;white-space:nowrap}.preview-copy-btn:hover,.preview-test-btn:hover{background-color:#45a049}body.dark-mode .preview-copy-btn,body.dark-mode .preview-test-btn{background-color:#2f855a}body.dark-mode .preview-copy-btn:hover,body.dark-mode .preview-test-btn:hover{background-color:#276749}.preview-test-btn{text-decoration:none}.preview-section{margin-top:1.5rem}.icon-cell,.table-cell{text-align:center}.icon-cell{width:80px}.smart-links-delete-btn,.smart-links-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}.smart-links-view-btn{color:#4caf50}.smart-links-view-btn:hover{background-color:#4caf501a;color:#45a049}.smart-links-delete-btn{color:#ef4444}.smart-links-delete-btn:hover{background-color:#ef44441a;color:#dc2626}body.dark-mode .smart-links-view-btn{color:#66bb6a}body.dark-mode .smart-links-view-btn:hover{background-color:#66bb6a1a;color:#4caf50}body.dark-mode .smart-links-delete-btn{color:#f87171}body.dark-mode .smart-links-delete-btn:hover{background-color:#f871711a;color:#ef4444}.table-link{color:#2196f3;font-weight:500;text-decoration:none;transition:color .3s ease}.table-link:hover{color:#1976d2;text-decoration:underline}body.dark-mode .table-link{color:#64b5f6}body.dark-mode .table-link:hover{color:#42a5f5}.smart-links-pagination{align-items:center;display:flex;gap:10px;justify-content:center}.smart-links-pagination-btn{background-color:#2f855a;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 .smart-links-pagination-btn{background-color:#2f855a}.smart-links-pagination-btn:hover:not(:disabled){background-color:#276749;transform:translateY(-2px)}body.dark-mode .smart-links-pagination-btn:hover:not(:disabled){background-color:#276749}.smart-links-pagination-btn:disabled{background-color:#999;cursor:not-allowed;opacity:.5;transform:none}body.dark-mode .smart-links-pagination-btn:disabled{background-color:#666}.smart-links-pagination span{color:#333;font-weight:500}body.dark-mode .smart-links-pagination span{color:#fff}.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:85vh;max-width:700px;overflow-y:auto;position:relative;width:90%}.custom-modal-large{max-width:900px}body.dark-mode .custom-modal{background:#1f2937;box-shadow:0 20px 25px -5px #0000004d,0 10px 10px -5px #0003}.modal-content-wrapper{display:flex;flex-direction:column;height:100%}.modal-header{align-items:center;background:linear-gradient(135deg,#4caf50,#2f855a);color:#fff;display:flex;padding:1.5rem;position:relative}body.dark-mode .modal-header{background:linear-gradient(135deg,#2f855a,#22543d)}.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;font-weight:600;margin:0}.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(85vh - 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:#374151}.modal-detail-item:hover{background:#edf2f7;transform:translateY(-2px)}body.dark-mode .modal-detail-item:hover{background:#4b5563}.modal-detail-item.full-width{grid-column:1/-1}.detail-icon{align-items:center;background:#4caf50;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:#2f855a}.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:#9ca3af}.detail-value{color:#2d3748;font-size:.875rem;font-weight:600;word-break:break-word}body.dark-mode .detail-value{color:#f3f4f6}.detail-link{color:#2196f3;font-size:.875rem;font-weight:600;text-decoration:none;transition:color .3s ease;word-break:break-word}.detail-link:hover{color:#1976d2;text-decoration:underline}body.dark-mode .detail-link{color:#64b5f6}body.dark-mode .detail-link:hover{color:#42a5f5}.modal-create-content{display:flex;gap:2rem;max-height:calc(85vh - 180px);overflow-y:auto;padding:1.5rem}.modal-section{flex:1 1;min-width:0}.modal-section-title{border-bottom:2px solid #e2e8f0;color:#4caf50;font-size:1.125rem;font-weight:600;margin-bottom:1rem;padding-bottom:.5rem}body.dark-mode .modal-section-title{border-bottom-color:#4b5563;color:#4caf50}.form-group{margin-bottom:1rem}.form-label{color:#374151;display:block;font-size:.875rem;font-weight:500;margin-bottom:.25rem}body.dark-mode .form-label{color:#d1d5db}.form-input,.form-select{background-color:#fff;border:2px solid #e5e7eb;border-radius:.5rem;color:#111827;font-size:.875rem;padding:.625rem .875rem;transition:all .3s ease;width:100%}body.dark-mode .form-input,body.dark-mode .form-select{background-color:#374151;border-color:#4b5563;color:#f3f4f6}.form-input:focus,.form-select:focus{border-color:#4caf50;box-shadow:0 0 0 3px #4caf501a;outline:none}body.dark-mode .form-input:focus,body.dark-mode .form-select:focus{box-shadow:0 0 0 3px #4caf5033}.form-input-weight{max-width:100px}.form-error{color:#ef4444;font-size:.75rem;margin-top:.25rem}.landing-page-row{align-items:center;display:flex;gap:.75rem;margin-bottom:.75rem}.btn-remove-landing{align-items:center;background:#ef4444;border:none;border-radius:.375rem;color:#fff;cursor:pointer;display:flex;justify-content:center;padding:.5rem;transition:all .3s ease}.btn-remove-landing:hover{background:#dc2626}.btn-add-landing{align-items:center;background:#4caf50;border:none;border-radius:.5rem;color:#fff;cursor:pointer;display:inline-flex;font-size:.875rem;font-weight:500;gap:.5rem;padding:.625rem 1rem;transition:all .3s ease}.btn-add-landing:hover:not(:disabled){background:#45a049}.btn-add-landing:disabled{background:#9ca3af;cursor:not-allowed}.tracking-params-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:1fr 1fr}.postback-fields{display:flex;flex-direction:column;gap:1rem}.modal-footer{background-color:#f9fafb;border-top:1px solid #e5e7eb;display:flex;gap:.75rem;justify-content:flex-end;padding:1.5rem}body.dark-mode .modal-footer{background-color:#111827;border-top-color:#374151}.btn-submit{background:#4caf50;border:none;border-radius:.5rem;color:#fff;cursor:pointer;font-size:1rem;font-weight:500;padding:.75rem 2rem;transition:all .3s ease}.btn-submit:hover:not(:disabled){background:#45a049;transform:translateY(-2px)}.btn-submit:disabled{background:#9ca3af;cursor:not-allowed;transform:none}.btn-cancel{background:#ef4444;border:none;border-radius:.5rem;color:#fff;cursor:pointer;font-size:1rem;font-weight:500;padding:.75rem 2rem;transition:all .3s ease}.btn-cancel:hover{background:#dc2626;transform:translateY(-2px)}.smart-links-table td:first-child,.smart-links-table td:nth-child(2),.smart-links-table th:first-child,.smart-links-table th:nth-child(2){min-width:80px;width:80px}.smart-links-table td:nth-child(3),.smart-links-table td:nth-child(4),.smart-links-table th:nth-child(3),.smart-links-table th:nth-child(4){min-width:150px;width:150px}.smart-links-table td:nth-child(5),.smart-links-table th:nth-child(5){min-width:250px;width:250px}.smart-links-table td:nth-child(6),.smart-links-table th:nth-child(6){min-width:180px;width:180px}.smart-links-table td:nth-child(7),.smart-links-table th:nth-child(7){min-width:200px;width:200px}.smart-links-table td:nth-child(8),.smart-links-table th:nth-child(8){min-width:150px;width:150px}.smart-links-table td:nth-child(10),.smart-links-table td:nth-child(9),.smart-links-table th:nth-child(10),.smart-links-table th:nth-child(9){min-width:120px;width:120px}@media screen and (max-width:768px){.smart-links-container{margin-top:calc(var(--topbar-height) + 10px);padding:1rem}.smart-links-filters{flex-direction:column;gap:.75rem}.smart-links-filter-input,.smart-links-filter-select{min-width:auto;width:100%}.smart-links-table{font-size:12px}.smart-links-table td,.smart-links-table th{padding:8px}.modal-details-grid{grid-template-columns:1fr}.custom-modal{max-height:90vh;width:95%}.modal-create-content{flex-direction:column}.tracking-params-grid{grid-template-columns:1fr}.landing-page-row{flex-wrap:wrap}.form-input-weight{max-width:none;width:100%}}.smart-links-loading{align-items:center;color:#6b7280;display:flex;justify-content:center;padding:3rem}body.dark-mode .smart-links-loading{color:#9ca3af}.modal-create-content::-webkit-scrollbar,.modal-details-grid::-webkit-scrollbar{width:8px}.modal-create-content::-webkit-scrollbar-track,.modal-details-grid::-webkit-scrollbar-track{background:#f1f1f1}body.dark-mode .modal-create-content::-webkit-scrollbar-track,body.dark-mode .modal-details-grid::-webkit-scrollbar-track{background:#2d3748}.modal-create-content::-webkit-scrollbar-thumb,.modal-details-grid::-webkit-scrollbar-thumb{background:#4caf50;border-radius:4px}.modal-create-content::-webkit-scrollbar-thumb:hover,.modal-details-grid::-webkit-scrollbar-thumb:hover{background:#45a049}.reports-container{background-color:#f5f7fa;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-color:#1a1a1a}.reports-header{align-items:center;display:flex;flex-wrap:wrap;gap:1rem;justify-content:space-between;margin-bottom:2rem}.reports-title{color:#2d3748;font-size:2rem;font-weight:700;margin:0}body.dark-mode .reports-title{color:#f3f4f6}.reports-loading{align-items:center;color:#666;display:flex;font-size:1.1rem;justify-content:center;min-height:400px}body.dark-mode .reports-loading{color:#aaa}.reports-filter-bar{align-items:center;display:flex;flex-wrap:wrap;gap:1rem}.reports-filter-group{align-items:center;background:#fff;border-radius:12px;box-shadow:0 2px 4px #0000000d;display:flex;gap:.5rem;padding:.5rem 1rem}body.dark-mode .reports-filter-group{background:#2d2d2d;box-shadow:0 2px 4px #0003}.reports-filter-group svg{color:#4caf50}.reports-filter-select{background:none;border:none;color:#2d3748;cursor:pointer;font-size:.95rem;min-width:120px;outline:none}body.dark-mode .reports-filter-select{color:#f3f4f6}body.dark-mode .reports-filter-select option{background:#2d2d2d;color:#f3f4f6}.reports-export-button{align-items:center;background:#4caf50;border:none;border-radius:12px;box-shadow:0 2px 4px #4caf5033;color:#fff;cursor:pointer;display:flex;font-size:.95rem;font-weight:500;gap:.5rem;padding:.75rem 1.5rem;transition:all .3s ease}.reports-export-button:hover{background:#45a049;box-shadow:0 4px 8px #4caf504d;transform:translateY(-2px)}.reports-export-button:active{box-shadow:0 2px 4px #4caf5033;transform:translateY(0)}body.dark-mode .reports-export-button{background:#2f855a}body.dark-mode .reports-export-button:hover{background:#276749}.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{background:#fff;border-radius:16px;box-shadow:0 2px 8px #0000000d;padding:1.5rem;transition:all .3s ease}body.dark-mode .reports-metric-card{background:#2d2d2d;box-shadow:0 2px 8px #0003}.reports-metric-card:hover{box-shadow:0 4px 16px #0000001a;transform:translateY(-4px)}body.dark-mode .reports-metric-card:hover{box-shadow:0 4px 16px #0000004d}.reports-metric-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:1rem}.reports-metric-icon{align-items:center;border-radius:12px;display:flex;height:48px;justify-content:center;width:48px}.reports-metric-change{align-items:center;display:flex;font-size:.875rem;font-weight:600;gap:.25rem}.reports-metric-change[data-positive=true]{color:#48bb78}.reports-metric-change[data-positive=false]{color:#f56565}.reports-metric-change[data-positive=false] svg{transform:rotate(180deg)}.reports-metric-content{display:flex;flex-direction:column;gap:.5rem}.reports-metric-title{color:#718096;font-size:.875rem;font-weight:500;letter-spacing:.05em;margin:0;text-transform:uppercase}body.dark-mode .reports-metric-title{color:#a0aec0}.reports-metric-value{color:#2d3748;font-size:2rem;font-weight:700;line-height:1}body.dark-mode .reports-metric-value{color:#f3f4f6}.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{background:#fff;border-radius:16px;box-shadow:0 2px 8px #0000000d;padding:1.5rem}body.dark-mode .reports-chart-card{background:#2d2d2d;box-shadow:0 2px 8px #0003}.reports-chart-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:1.5rem}.reports-chart-title{color:#2d3748;font-size:1.25rem;font-weight:600;margin:0}body.dark-mode .reports-chart-title{color:#f3f4f6}.reports-chart-legend{display:flex;gap:1.5rem}.reports-legend-item{align-items:center;color:#718096;display:flex;font-size:.875rem;gap:.5rem}body.dark-mode .reports-legend-item{color:#a0aec0}.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{background:#fff;border-radius:16px;box-shadow:0 2px 8px #0000000d;padding:1.5rem}body.dark-mode .reports-stats-card{background:#2d2d2d;box-shadow:0 2px 8px #0003}.reports-stats-title{color:#2d3748;font-size:1.25rem;font-weight:600;margin:0 0 1.5rem}body.dark-mode .reports-stats-title{color:#f3f4f6}.reports-device-stats{display:flex;flex-direction:column;gap:.75rem;margin-top:1.5rem}.reports-device-item{align-items:center;background:#f7fafc;border-radius:8px;color:#2d3748;display:flex;font-size:.95rem;gap:.75rem;padding:.75rem}body.dark-mode .reports-device-item{background:#1a1a1a;color:#f3f4f6}.reports-device-item svg{color:#718096}.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:#f7fafc;border-radius:8px;color:#718096;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:#1a1a1a;color:#a0aec0}.reports-table-row{grid-gap:1rem;border-radius:8px;color:#2d3748;display:grid;font-size:.95rem;gap:1rem;grid-template-columns:2fr 1fr 1fr 1fr;padding:.75rem 1rem;transition:all .2s ease}body.dark-mode .reports-table-row{color:#f3f4f6}.reports-table-row:hover{background:#f7fafc}body.dark-mode .reports-table-row:hover{background:#1a1a1a}.reports-country-name{align-items:center;display:flex;font-weight:500;gap:.5rem}.reports-country-name svg{color:#4caf50}.reports-campaigns-section{background:#fff;border-radius:16px;box-shadow:0 2px 8px #0000000d;padding:2rem}body.dark-mode .reports-campaigns-section{background:#2d2d2d;box-shadow:0 2px 8px #0003}.reports-section-title{color:#2d3748;font-size:1.5rem;font-weight:600;margin:0 0 1.5rem}body.dark-mode .reports-section-title{color:#f3f4f6}.reports-campaigns-table-container{overflow-x:auto}.reports-campaigns-table{border-collapse:collapse;min-width:800px;width:100%}.reports-campaigns-table th{border-bottom:2px solid #e2e8f0;color:#718096;font-size:.875rem;font-weight:600;letter-spacing:.05em;padding:1rem;text-align:left;text-transform:uppercase}body.dark-mode .reports-campaigns-table th{border-bottom-color:#4a5568;color:#a0aec0}.reports-campaigns-table td{border-bottom:1px solid #e2e8f0;color:#2d3748;font-size:.95rem;padding:1rem}body.dark-mode .reports-campaigns-table td{border-bottom-color:#4a5568;color:#f3f4f6}.reports-campaigns-table tr:hover td{background:#f7fafc}body.dark-mode .reports-campaigns-table tr:hover td{background:#1a1a1a}.reports-campaign-type{border-radius:20px;display:inline-block;font-size:.75rem;font-weight:600;letter-spacing:.05em;padding:.25rem .75rem;text-transform:uppercase}.reports-campaign-type-casino{background:#e6f3ff;color:#2196f3}.reports-campaign-type-sports{background:#fff3e0;color:#ff9800}.reports-campaign-type-poker{background:#f3e5f5;color:#9c27b0}body.dark-mode .reports-campaign-type-casino{background:#2196f333}body.dark-mode .reports-campaign-type-sports{background:#ff980033}body.dark-mode .reports-campaign-type-poker{background:#9c27b033}.reports-status{border-radius:20px;display:inline-block;font-size:.75rem;font-weight:600;letter-spacing:.05em;padding:.25rem .75rem;text-transform:uppercase}.reports-status-active{background:#d4edda;color:#155724}.reports-status-paused{background:#fff3cd;color:#856404}body.dark-mode .reports-status-active{background:#4caf5033;color:#4caf50}body.dark-mode .reports-status-paused{background:#ffc10733;color:#ffc107}@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}.reports-campaigns-table{font-size:.875rem}.reports-campaigns-table td,.reports-campaigns-table th{padding:.75rem .5rem}.reports-campaign-type,.reports-status{font-size:.625rem;padding:.2rem .5rem}}@media screen and (max-width:480px){.reports-metrics-grid{gap:.75rem}.reports-metric-card{padding:1rem}.reports-metric-icon{height:40px;width:40px}.reports-metric-value{font-size:1.25rem}.reports-device-item,.reports-table-header,.reports-table-row{font-size:.875rem;padding:.5rem}}.reports-campaigns-section,.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}.reports-campaigns-table-container::-webkit-scrollbar{height:8px}.reports-campaigns-table-container::-webkit-scrollbar-track{background:#f1f1f1;border-radius:10px}.reports-campaigns-table-container::-webkit-scrollbar-thumb{background:#4caf50;border-radius:10px}.reports-campaigns-table-container::-webkit-scrollbar-thumb:hover{background:#45a049}body.dark-mode .reports-campaigns-table-container::-webkit-scrollbar-track{background:#1a1a1a}body.dark-mode .reports-campaigns-table-container::-webkit-scrollbar-thumb{background:#2f855a}body.dark-mode .reports-campaigns-table-container::-webkit-scrollbar-thumb:hover{background:#276749}.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}.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{animation:pulse 3s infinite;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}@keyframes pulse{0%,to{box-shadow:0 0 0 0 #4caf5066}50%{box-shadow:0 0 0 8px #4caf5000}}.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-container{background:linear-gradient(135deg,#667eea,#764ba2);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);overflow:hidden;padding:2rem;position:relative}.customer-container:before{animation:backgroundPulse 20s ease-in-out infinite;background:radial-gradient(circle at 20% 80%,#7877c64d 0,#0000 50%),radial-gradient(circle at 80% 20%,#ff77c626 0,#0000 50%),radial-gradient(circle at 40% 40%,#78c8ff1a 0,#0000 50%);bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0}@keyframes backgroundPulse{0%,to{opacity:1}50%{opacity:.7}}body.dark-mode .customer-container{background:linear-gradient(135deg,#0c0c0c,#1a1a2e 50%,#16213e)}body.dark-mode .customer-container:before{background:radial-gradient(circle at 20% 80%,#4caf501a 0,#0000 50%),radial-gradient(circle at 80% 20%,#ffc1070d 0,#0000 50%),radial-gradient(circle at 40% 40%,#2196f314 0,#0000 50%)}.customer-header{margin-bottom:4rem;position:relative;text-align:center;z-index:1}.customer-title{-webkit-text-fill-color:#0000;animation:titleGlow 3s ease-in-out infinite alternate;background:linear-gradient(135deg,#fff,#f0f8ff 50%,#e6f3ff);-webkit-background-clip:text;background-clip:text;font-size:3.5rem;font-weight:800;letter-spacing:-.02em;margin:0 0 1rem;text-shadow:0 0 30px #ffffff1a}@keyframes titleGlow{0%{filter:drop-shadow(0 0 20px rgba(255,255,255,.3));transform:scale(1)}to{filter:drop-shadow(0 0 40px rgba(255,255,255,.5));transform:scale(1.02)}}body.dark-mode .customer-title{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#4caf50,#81c784 50%,#a5d6a7);-webkit-background-clip:text;background-clip:text}.customer-columns-section{animation:slideInUp .8s cubic-bezier(.175,.885,.32,1.275);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:linear-gradient(135deg,#fffffff2,#fff8e1f2);border:1px solid #ffc1074d;border-radius:20px;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a,inset 0 1px 0 #ffffff1a;margin-bottom:2rem;overflow:hidden;padding:2rem;position:relative}body.dark-mode .customer-columns-section{background:linear-gradient(135deg,#2d2d2df2,#1a1a1af2);border-color:#ffc10733;box-shadow:0 20px 25px -5px #0006,0 10px 10px -5px #0003,inset 0 1px 0 #ffffff0d}.customer-section-title{align-items:center;color:#2d3748;display:flex;font-size:1.5rem;font-weight:600;gap:.5rem;margin:0 0 1.5rem}body.dark-mode .customer-section-title{color:#f3f4f6}.customer-columns-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:1.5rem}.customer-column-item{align-items:center;background:linear-gradient(135deg,#fffc,#f7fafccc);border:1px solid #e2e8f080;border-radius:12px;cursor:pointer;display:flex;gap:.75rem;overflow:hidden;padding:.75rem;position:relative;transition:all .3s cubic-bezier(.175,.885,.32,1.275)}.customer-column-item:before{background:linear-gradient(90deg,#0000,#4caf501a,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .6s;width:100%}.customer-column-item:hover:before{left:100%}.customer-column-item:hover{border-color:#4caf50;box-shadow:0 8px 25px #4caf5033;transform:translateY(-2px) scale(1.02)}body.dark-mode .customer-column-item{background:linear-gradient(135deg,#1a1a1acc,#2d2d2dcc);border-color:#4a556880}body.dark-mode .customer-column-item:hover{box-shadow:0 8px 25px #4caf504d}.customer-checkbox-wrapper{align-items:center;cursor:pointer;display:flex;justify-content:center;transition:all .3s ease}.customer-checkbox-icon{color:#718096;transition:all .3s cubic-bezier(.175,.885,.32,1.275)}.customer-checkbox-icon.checked{color:#4caf50;filter:drop-shadow(0 0 8px rgba(76,175,80,.4));transform:scale(1.1)}.customer-checkbox-icon:hover{color:#4caf50;transform:scale(1.15)}body.dark-mode .customer-checkbox-icon{color:#a0aec0}.customer-column-label{color:#2d3748;font-size:.95rem;font-weight:500;position:relative;z-index:1}body.dark-mode .customer-column-label{color:#f3f4f6}.customer-bulk-section{background:linear-gradient(135deg,#4caf501a,#4caf500d);border:1px solid #4caf5033;border-radius:12px;margin-top:1rem;padding:1rem}.customer-bulk-check{align-items:center;color:#2d3748;cursor:pointer;display:flex;font-weight:500;gap:.75rem}body.dark-mode .customer-bulk-check{color:#f3f4f6}.customer-filters-section{animation:slideInUp .8s cubic-bezier(.175,.885,.32,1.275) .2s both;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:linear-gradient(135deg,#fffffff2,#f8fafcf2);border:1px solid #e2e8f04d;border-radius:20px;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a,inset 0 1px 0 #ffffff1a;margin-bottom:2rem;overflow:hidden;padding:2rem;position:relative}body.dark-mode .customer-filters-section{background:linear-gradient(135deg,#2d2d2df2,#1a1a1af2);border-color:#4a55684d;box-shadow:0 20px 25px -5px #0006,0 10px 10px -5px #0003,inset 0 1px 0 #ffffff0d}.customer-filters-header{align-items:center;display:flex;flex-wrap:wrap;gap:1rem;justify-content:space-between;margin-bottom:1.5rem}.customer-filters-title{align-items:center;color:#2d3748;display:flex;font-size:1.5rem;font-weight:600;gap:.5rem;margin:0}body.dark-mode .customer-filters-title{color:#f3f4f6}.customer-clear-filters-btn{align-items:center;background:linear-gradient(135deg,#f56565,#e53e3e);border:none;border-radius:12px;box-shadow:0 4px 15px #f565654d;color:#fff;cursor:pointer;display:flex;font-size:.875rem;font-weight:600;gap:.5rem;overflow:hidden;padding:.75rem 1.5rem;position:relative;transition:all .3s cubic-bezier(.175,.885,.32,1.275)}.customer-clear-filters-btn:before{background:linear-gradient(90deg,#0000,#fff3,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .6s;width:100%}.customer-clear-filters-btn:hover:before{left:100%}.customer-clear-filters-btn:hover{box-shadow:0 8px 25px #f5656566;transform:translateY(-3px) scale(1.05)}.customer-filters-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:1rem}.customer-filter-group{display:flex;flex-direction:column;gap:.5rem}.customer-filter-label{align-items:center;color:#4a5568;display:flex;font-size:.875rem;font-weight:600;gap:.5rem;letter-spacing:.05em;text-transform:uppercase}body.dark-mode .customer-filter-label{color:#a0aec0}.customer-filter-input,.customer-filter-select{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#ffffffe6,#f7fafce6);border:2px solid #e2e8f0;border-radius:12px;box-sizing:border-box;color:#2d3748;font-size:.95rem;padding:.875rem 1rem;transition:all .3s cubic-bezier(.175,.885,.32,1.275);width:100%}.customer-filter-input:focus,.customer-filter-select:focus{background:#fffffff2;border-color:#4caf50;box-shadow:0 0 0 4px #4caf501a,0 8px 25px #4caf501a;outline:none;transform:translateY(-2px)}.customer-filter-input::placeholder{color:#a0aec0}body.dark-mode .customer-filter-input,body.dark-mode .customer-filter-select{background:linear-gradient(135deg,#1a1a1ae6,#2d2d2de6);border-color:#4a5568;color:#f3f4f6}body.dark-mode .customer-filter-input:focus,body.dark-mode .customer-filter-select:focus{background:#2d2d2df2;box-shadow:0 0 0 4px #4caf5033,0 8px 25px #4caf5033}.customer-search-section{border-top:1px solid #e2e8f080;margin-top:1.5rem;padding-top:1.5rem}body.dark-mode .customer-search-section{border-top-color:#4a556880}.customer-search-input{max-width:400px}.customer-export-section{background:linear-gradient(135deg,#f7fafccc,#f1f5f9cc);border:1px solid #e2e8f080;border-radius:12px;margin-top:1.5rem;padding:1rem}body.dark-mode .customer-export-section{background:linear-gradient(135deg,#1a1a1acc,#2d2d2dcc);border-color:#4a556880}.customer-export-label{color:#4a5568;font-size:.875rem;font-weight:600;letter-spacing:.05em;margin-bottom:.75rem;text-transform:uppercase}body.dark-mode .customer-export-label{color:#a0aec0}.customer-export-buttons{display:flex;flex-wrap:wrap;gap:.5rem}.customer-export-btn{background:linear-gradient(135deg,#4a5568,#2d3748);border:none;border-radius:8px;box-shadow:0 2px 8px #4a55684d;color:#fff;cursor:pointer;font-size:.875rem;font-weight:600;overflow:hidden;padding:.5rem 1rem;position:relative;transition:all .3s cubic-bezier(.175,.885,.32,1.275)}.customer-export-btn:before{background:linear-gradient(90deg,#0000,#fff3,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .6s;width:100%}.customer-export-btn:hover:before{left:100%}.customer-export-btn:hover{box-shadow:0 4px 15px #4a556866;transform:translateY(-2px) scale(1.05)}.customer-data-section{animation:slideInUp .8s cubic-bezier(.175,.885,.32,1.275) .4s both;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:linear-gradient(135deg,#fffffff2,#f8fafcf2);border:1px solid #e2e8f04d;border-radius:20px;box-shadow:0 25px 50px -12px #00000040,inset 0 1px 0 #ffffff1a;overflow:hidden;padding:2rem;position:relative}body.dark-mode .customer-data-section{background:linear-gradient(135deg,#2d2d2df2,#1a1a1af2);border-color:#4a55684d;box-shadow:0 25px 50px -12px #00000080,inset 0 1px 0 #ffffff0d}.customer-data-header{align-items:center;display:flex;flex-wrap:wrap;gap:1rem;justify-content:space-between;margin-bottom:1.5rem}.customer-records-info{align-items:center;color:#4a5568;display:flex;font-size:.95rem;font-weight:500;gap:.5rem}body.dark-mode .customer-records-info{color:#a0aec0}.customer-records-select{background:#fff;border:1px solid #e2e8f0;border-radius:8px;color:#2d3748;cursor:pointer;font-size:.875rem;padding:.5rem;transition:all .3s ease}.customer-records-select:focus{border-color:#4caf50;box-shadow:0 0 0 3px #4caf501a;outline:none}body.dark-mode .customer-records-select{background:#2d2d2d;border-color:#4a5568;color:#f3f4f6}.customer-search-box{align-items:center;background:linear-gradient(135deg,#f7fafce6,#f1f5f9e6);border:1px solid #e2e8f0;border-radius:12px;display:flex;gap:.5rem;padding:.75rem 1rem;transition:all .3s ease}.customer-search-box:focus-within{border-color:#4caf50;box-shadow:0 0 0 3px #4caf501a}body.dark-mode .customer-search-box{background:linear-gradient(135deg,#1a1a1ae6,#2d2d2de6);border-color:#4a5568}.customer-search-input-small{background:none;border:none;color:#2d3748;font-size:.875rem;outline:none;width:200px}.customer-search-input-small::placeholder{color:#a0aec0}body.dark-mode .customer-search-input-small{color:#f3f4f6}.customer-table-container{animation:fadeIn .8s ease-out .6s both;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#ffffffe6,#f7fafce6);border:2px solid #4caf501a;border-radius:16px;box-shadow:inset 0 1px 0 #ffffff1a;overflow-x:auto}body.dark-mode .customer-table-container{background:linear-gradient(135deg,#1a1a1ae6,#2d2d2de6);border-color:#4caf5033}@keyframes slideInUp{0%{opacity:0;transform:translateY(60px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.customer-table{border-collapse:collapse;border-radius:16px;min-width:1400px;overflow:hidden;width:100%}.customer-table thead{position:sticky;top:0;z-index:10}.customer-table th{background:linear-gradient(135deg,#4caf501a,#4caf500d);border-bottom:2px solid #4caf5033;border-right:1px solid #e2e8f04d;box-shadow:0 2px 4px #0000001a;color:#2d3748;font-size:.875rem;font-weight:700;letter-spacing:.05em;padding:1.5rem 1rem;position:relative;text-align:left;text-transform:uppercase;transition:all .3s ease}.customer-table th:first-child{text-align:center;width:60px}.customer-table th:last-child{border-right:none}.customer-table th.customer-sortable{cursor:pointer}.customer-table th.customer-sortable:after{background:#4caf50;bottom:-2px;content:"";height:2px;left:0;position:absolute;transition:width .4s cubic-bezier(.4,0,.2,1);width:0}.customer-table th.customer-sortable:hover:after{width:100%}body.dark-mode .customer-table th{background:linear-gradient(135deg,#1a1a1ae6,#2d2d2de6);border-bottom-color:#4caf504d;border-right-color:#4a55684d;box-shadow:0 2px 4px #0000004d;color:#f3f4f6}.customer-table td{border-bottom:1px solid #e2e8f04d;border-right:1px solid #e2e8f04d;color:#2d3748;font-size:.95rem;padding:1rem;position:relative;transition:all .4s cubic-bezier(.4,0,.2,1);vertical-align:middle}.customer-table td:first-child{text-align:center}.customer-table td:last-child{border-right:none}body.dark-mode .customer-table td{border-bottom-color:#4a55684d;border-right-color:#4a55684d;color:#f3f4f6}.customer-table tbody tr{animation:slideInRow .6s ease-out both;transition:all .3s cubic-bezier(.4,0,.2,1)}.customer-table tbody tr:first-child{animation-delay:.8s}.customer-table tbody tr:nth-child(2){animation-delay:.9s}.customer-table tbody tr:nth-child(3){animation-delay:1s}.customer-table tbody tr:nth-child(4){animation-delay:1.1s}.customer-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)}}.customer-table tbody tr:hover{box-shadow:0 8px 25px #4caf501a;transform:translateY(-2px)}.customer-table tbody tr:hover td{background:linear-gradient(135deg,#4caf500d,#4caf5005);border-bottom-color:#4caf5033;border-right-color:#4caf5033}body.dark-mode .customer-table tbody tr:hover{box-shadow:0 8px 25px #4caf5033}.customer-table tbody tr.selected td,body.dark-mode .customer-table tbody tr:hover td{background:linear-gradient(135deg,#4caf501a,#4caf500d)}.customer-table tbody tr.selected td{border-color:#4caf504d}.customer-table tbody tr:last-child td{border-bottom:none}.customer-clickid-cell,.customer-id-cell{color:#718096;font-family:JetBrains Mono,Courier New,monospace;font-size:.8rem;max-width:150px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}body.dark-mode .customer-clickid-cell,body.dark-mode .customer-id-cell{color:#a0aec0}.customer-username-cell{color:#4caf50;font-weight:600}.customer-offer-cell{color:#4a5568;font-size:.875rem;max-width:200px}body.dark-mode .customer-offer-cell{color:#a0aec0}.customer-affiliate-cell{color:#4a5568;font-size:.875rem}body.dark-mode .customer-affiliate-cell{color:#a0aec0}.customer-risk-badge{border-radius:20px;box-shadow:0 2px 8px #0000001a;display:inline-block;font-size:.75rem;font-weight:700;letter-spacing:.05em;padding:.4rem .8rem;text-transform:uppercase;transition:all .3s cubic-bezier(.175,.885,.32,1.275)}.customer-risk-low{background:linear-gradient(135deg,#d4edda,#c3e6cb);color:#155724}.customer-risk-medium{background:linear-gradient(135d,#fff3cd,#ffeaa7);color:#856404}.customer-risk-high{background:linear-gradient(135deg,#f8d7da,#f1aeb5);color:#721c24}body.dark-mode .customer-risk-low{background:#4caf5033;color:#4caf50}body.dark-mode .customer-risk-medium{background:#ffc10733;color:#ffc107}body.dark-mode .customer-risk-high{background:#f4433633;color:#f44336}.customer-check-btn{background:linear-gradient(135deg,#2196f3,#1976d2);border:none;border-radius:8px;box-shadow:0 2px 8px #2196f34d;color:#fff;cursor:pointer;font-size:.75rem;font-weight:600;padding:.5rem 1rem;text-transform:uppercase;transition:all .3s cubic-bezier(.175,.885,.32,1.275)}.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:#ef4444;color:#fff}.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-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}.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;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.Marketplace-input-container input,.Marketplace-input-container select,.Marketplace-input-container textarea{background:#f7fafc;border:2px solid #e2e8f0;border-radius:12px;font-size:1rem;padding:1rem 1.25rem;transition:all .3s ease;width:100%}.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{align-items:center;background:#f7fafc;border:2px solid #e2e8f0;border-radius:12px;display:flex;flex-wrap:wrap;gap:.5rem;grid-column:1/-1;min-height:60px;padding:1rem}body.dark-mode .selected-devices{background:#2d3748;border-color:#4a5568}.selected-devices strong{color:#4a5568;font-size:.9rem;margin-right:.5rem}body.dark-mode .selected-devices strong{color:#cbd5e0}.selected-device{align-items:center;animation:scaleIn .3s ease;background:linear-gradient(135deg,#4caf50,#2f855a);border-radius:20px;box-shadow:0 2px 10px #4caf504d;color:#fff;display:inline-flex;font-size:.875rem;font-weight:600;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)}.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}}@media (prefers-color-scheme:dark){body:not(.light-mode) .Marketplace-container{background:linear-gradient(135deg,#1a1a2e,#16213e)}}.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}::-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.bc3e5a11.css.map*/