@font-face{font-family:Dana;src:url(/fonts/dana-fanum-light.woff2) format("woff2");font-weight:300;font-style:normal;font-display:swap}@font-face{font-family:Dana;src:url(/fonts/dana-fanum-regular.woff2) format("woff2");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Dana;src:url(/fonts/dana-fanum-medium.woff2) format("woff2");font-weight:500;font-style:normal;font-display:swap}@font-face{font-family:Dana;src:url(/fonts/dana-fanum-demibold.woff2) format("woff2");font-weight:600;font-style:normal;font-display:swap}*{margin:0;padding:0;box-sizing:border-box;font-family:Dana,sans-serif}html{direction:rtl;font-size:16px}body{margin:0;min-height:100vh;background:#f8f9fa;color:#333;line-height:1.6;font-size:14px}.min-h-screen{min-height:100vh}.text-center{text-align:center}.text-right{text-align:right}.text-left{text-align:left}.w-full{width:100%}.max-w-md{max-width:28rem}.max-w-7xl{max-width:80rem}.mx-auto{margin-left:auto;margin-right:auto}.p-4{padding:1rem}.p-6{padding:1.5rem}.px-4{padding-left:1rem;padding-right:1rem}.px-6{padding-left:1.5rem;padding-right:1.5rem}.py-3{padding-top:.75rem;padding-bottom:.75rem}.py-4{padding-top:1rem;padding-bottom:1rem}.px-1{padding-left:.25rem;padding-right:.25rem}.mb-2{margin-bottom:.5rem}.mb-4{margin-bottom:1rem}.mb-6{margin-bottom:1.5rem}.mb-8{margin-bottom:2rem}.mr-3{margin-right:.75rem}.mr-4{margin-right:1rem}.ml-2{margin-left:.5rem}.spacing-y-6>*+*{margin-top:1.5rem}.spacing-y-4>*+*{margin-top:1rem}.spacing-y-3>*+*{margin-top:.75rem}.spacing-x-4>*+*{margin-right:1rem}.spacing-x-2>*+*{margin-right:.5rem}.spacing-x-8>*+*{margin-right:2rem}.spacing-x-reverse{direction:ltr}.spacing-x-reverse>*+*{margin-left:.5rem;margin-right:0}.spacing-x-reverse.spacing-x-4>*+*{margin-left:1rem;margin-right:0}.spacing-x-reverse.spacing-x-2>*+*{margin-left:.5rem;margin-right:0}.spacing-x-reverse.spacing-x-8>*+*{margin-left:2rem;margin-right:0}.text-sm{font-size:.875rem}.text-lg{font-size:1.125rem}.text-xl{font-size:1.25rem}.text-2xl{font-size:1.5rem}.text-3xl{font-size:1.875rem}.text-4xl{font-size:2.25rem}.font-light{font-weight:300}.font-normal{font-weight:400}.font-medium{font-weight:500}.font-semibold{font-weight:600}.font-bold{font-weight:700}.font-extrabold{font-weight:800}.font-black{font-weight:900}.text-white{color:#fff}.text-gray-600{color:#6b7280}.text-gray-700{color:#374151}.text-gray-800{color:#1f2937}.text-green-600{color:#059669}.text-green-700{color:#047857}.text-green-800{color:#065f46}.text-red-600{color:#dc2626}.text-red-700{color:#b91c1c}.text-red-800{color:#991b1b}.text-yellow-600{color:#d97706}.text-yellow-700{color:#b45309}.text-blue-600{color:#2563eb}.text-purple-600{color:#9333ea}.text-gray-500{color:#6b7280}.bg-white{background-color:#fff}.bg-gray-50{background-color:#f9fafb}.bg-gray-100{background-color:#f3f4f6}.bg-gray-200{background-color:#e5e7eb}.bg-green-50{background-color:#f0fdf4}.bg-green-100{background-color:#dcfce7}.bg-red-50{background-color:#fef2f2}.bg-red-100{background-color:#fee2e2}.bg-yellow-50{background-color:#fefce8}.bg-yellow-100{background-color:#fef3c7}.bg-blue-50{background-color:#eff6ff}.bg-blue-100{background-color:#dbeafe}.bg-purple-50{background-color:#faf5ff}.bg-purple-100{background-color:#e9d5ff}.bg-gradient-to-r{background-image:linear-gradient(to right,var(--tw-gradient-stops))}.from-yellow-500{--tw-gradient-from: #eab308;--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(234, 179, 8, 0))}.to-yellow-600{--tw-gradient-to: #ca8a04}.from-green-500{--tw-gradient-from: #22c55e;--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(34, 197, 94, 0))}.to-green-600{--tw-gradient-to: #16a34a}.from-red-500{--tw-gradient-from: #ef4444;--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(239, 68, 68, 0))}.to-red-600{--tw-gradient-to: #dc2626}.border{border-width:1px}.border-2{border-width:2px}.border-b{border-bottom-width:1px}.border-b-2{border-bottom-width:2px}.border-r-4{border-right-width:4px}.border-gray-100{border-color:#f3f4f6}.border-gray-200{border-color:#e5e7eb}.border-gray-300{border-color:#d1d5db}.border-green-500{border-color:#22c55e}.border-red-500{border-color:#ef4444}.border-yellow-500{border-color:#eab308}.border-transparent{border-color:transparent}.rounded-lg{border-radius:.5rem}.rounded-xl{border-radius:.75rem}.rounded-full{border-radius:9999px}.shadow-sm{box-shadow:0 1px 2px #0000000d}.shadow-lg{box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d}.btn-primary{background-color:#007bff;color:#fff;font-weight:500;padding:12px 24px;border-radius:8px;border:none;cursor:pointer;transition:all .2s ease;font-size:14px;width:100%;margin-bottom:8px}.btn-primary:hover{background-color:#0056b3}.btn-primary:active{background-color:#004085;transform:translateY(1px)}.btn-primary:disabled{opacity:.6;cursor:not-allowed;background-color:#6c757d}.btn-secondary{background-color:#fff;color:#6c757d;font-weight:500;padding:12px 24px;border-radius:8px;border:1px solid #dee2e6;cursor:pointer;transition:all .2s ease;font-size:14px;width:100%;margin-bottom:8px}.btn-secondary:hover{background-color:#f8f9fa;border-color:#adb5bd}.btn-success{background-color:#28a745;color:#fff;font-weight:500;padding:12px 24px;border-radius:8px;border:none;cursor:pointer;transition:all .2s ease;font-size:14px;width:100%;margin-bottom:8px}.btn-success:hover{background-color:#1e7e34}.btn-danger{background-color:#dc3545;color:#fff;font-weight:500;padding:12px 24px;border-radius:8px;border:none;cursor:pointer;transition:all .2s ease;font-size:14px;width:100%;margin-bottom:8px}.btn-danger:hover{background-color:#c82333}.card{background-color:#fff;border-radius:12px;box-shadow:0 2px 8px #0000001a;padding:16px;border:1px solid #e9ecef;margin-bottom:16px}.card-header{background-color:#f8f9fa;border-bottom:1px solid #e9ecef;padding:12px 16px;margin:-16px -16px 16px;border-radius:12px 12px 0 0}.card-title{font-size:16px;font-weight:600;color:#212529;margin:0}.input-field{width:100%;padding:12px 16px;border:1px solid #ced4da;border-radius:8px;transition:all .2s ease;font-size:14px;background-color:#fff;margin-bottom:12px}.input-field:focus{outline:none;border-color:#007bff;box-shadow:0 0 0 2px #007bff40}.input-field::placeholder{color:#6c757d}.form-group{margin-bottom:16px}.form-label{display:block;font-size:14px;font-weight:500;color:#495057;margin-bottom:6px}.form-control{width:100%;padding:12px 16px;border:1px solid #ced4da;border-radius:8px;font-size:14px;background-color:#fff;transition:all .2s ease}.form-control:focus{outline:none;border-color:#007bff;box-shadow:0 0 0 2px #007bff40}.flex{display:flex}.flex-col{flex-direction:column}.flex-row{flex-direction:row}.flex-wrap{flex-wrap:wrap}.flex-1{flex:1 1 0%}.flex-auto{flex:1 1 auto}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.justify-around{justify-content:space-around}.items-center{align-items:center}.items-start{align-items:flex-start}.items-end{align-items:flex-end}.items-stretch{align-items:stretch}.gap-3{gap:.75rem}.gap-4{gap:1rem}.gap-6{gap:1.5rem}@media (min-width: 768px){.md\:flex-row{flex-direction:row}.md\:flex-col{flex-direction:column}}@media (min-width: 1024px){.lg\:flex-row{flex-direction:row}.lg\:flex-col{flex-direction:column}}.container{max-width:100%;margin:0 auto;padding:0 16px}header{background-color:#fff;box-shadow:0 2px 4px #0000001a;border-bottom:1px solid #dee2e6;position:sticky;top:0;z-index:1000}.header-content{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;min-height:56px}.header-title{font-size:18px;font-weight:600;color:#212529;margin:0}.header-user{display:flex;align-items:center;gap:8px}.user-info{text-align:right}.user-name{font-size:14px;font-weight:500;color:#212529;margin:0}.user-welcome{font-size:12px;color:#6c757d;margin:0}nav{background-color:#fff;border-bottom:1px solid #dee2e6;overflow-x:auto;-webkit-overflow-scrolling:touch}.nav-tabs{display:flex;gap:0;padding:0 16px}.nav-tab{display:flex;align-items:center;padding:12px 16px;border-bottom:2px solid transparent;font-size:14px;font-weight:500;color:#6c757d;text-decoration:none;white-space:nowrap;transition:all .2s ease;min-width:fit-content}.nav-tab.active{color:#007bff;border-bottom-color:#007bff}.nav-tab:hover{color:#007bff}.nav-tab-icon{width:16px;height:16px;margin-left:6px}main{padding:16px;min-height:calc(100vh - 120px)}@media (max-width: 768px){.container{padding:0 12px}main{padding:12px}.header-content{padding:8px 12px}.header-title{font-size:16px}.nav-tabs{padding:0 12px}.nav-tab{padding:10px 12px;font-size:13px}}.status-connected{width:.5rem;height:.5rem;border-radius:50%;background-color:#10b981}.status-disconnected{width:.5rem;height:.5rem;border-radius:50%;background-color:#ef4444}@keyframes spin{to{transform:rotate(360deg)}}.animate-spin{animation:spin 1s linear infinite}.transition-colors{transition-property:color,background-color,border-color;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-all{transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.hover-bg-light:hover{background-color:#f9fafb}.hover-bg-gray:hover{background-color:#e5e7eb}.hover-text-muted:hover{color:#6b7280}.hover-text-dark:hover{color:#374151}.hover-border-gray:hover{border-color:#d1d5db}.hover-scale:hover{transform:scale(1.05)}.focus-ring:focus{box-shadow:0 0 0 2px #007bff40}.focus-border-transparent:focus{border-color:transparent}.overflow-x-auto{overflow-x:auto}.relative{position:relative}.absolute{position:absolute}.z-10{z-index:10}.hidden{display:none}.block{display:block}.inline-flex{display:inline-flex}.w-5{width:1.25rem}.h-5{height:1.25rem}.w-6{width:1.5rem}.w-8{width:2rem}.h-8{height:2rem}.w-11{width:2.75rem}.h-6{height:1.5rem}.w-12{width:3rem}.h-12{height:3rem}.price-change-positive{color:#059669}.price-change-negative{color:#dc2626}.transaction-buy{background-color:#f0fdf4;border-right:4px solid #22c55e}.transaction-sell{background-color:#fef2f2;border-right:4px solid #ef4444}.status-completed{color:#059669;background-color:#dcfce7}.status-pending{color:#d97706;background-color:#fef3c7}.status-cancelled{color:#dc2626;background-color:#fee2e2}.toggle-switch{position:relative;display:inline-flex;align-items:center;cursor:pointer}.toggle-switch input{position:absolute;opacity:0;cursor:pointer}.toggle-slider{width:2.75rem;height:1.5rem;background-color:#e5e7eb;border-radius:9999px;position:relative;transition:background-color .2s}.toggle-slider:before{content:"";position:absolute;top:2px;left:2px;width:1.25rem;height:1.25rem;background-color:#fff;border-radius:50%;transition:transform .2s}.toggle-switch input:checked+.toggle-slider{background-color:#eab308}.toggle-switch input:checked+.toggle-slider:before{transform:translate(1.25rem)}table{width:100%;border-collapse:collapse}th,td{padding:.5rem .75rem;text-align:right;border-bottom:1px solid #e5e7eb}th{font-weight:500;color:#374151;background-color:#f9fafb}tbody tr:hover{background-color:#f9fafb}.table-compact th,.table-compact td{padding:.375rem .5rem;font-size:.8125rem}.table-nowrap th,.table-nowrap td{white-space:nowrap}@media (max-width: 640px){.col-price,.col-total,.col-profit,.col-tpsl{display:none}.table-compact th,.table-compact td{padding:.25rem .375rem;font-size:.75rem}}.col-date{font-size:.75rem}@media (max-width: 640px){.col-date{font-size:.6875rem}}.badge{display:inline-flex;align-items:center;padding:.125rem .625rem;border-radius:9999px;font-size:.75rem;font-weight:500}.badge-green{background-color:#dcfce7;color:#065f46}.badge-red{background-color:#fee2e2;color:#991b1b}.badge-yellow{background-color:#fef3c7;color:#92400e}.badge-blue{background-color:#dbeafe;color:#1e40af}.badge-purple{background-color:#e9d5ff;color:#6b21a8}.badge-gray{background-color:#f3f4f6;color:#374151}.mobile-card{background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000001a;margin-bottom:16px;overflow:hidden}.mobile-card-header{background:#f8f9fa;padding:12px 16px;border-bottom:1px solid #e9ecef}.mobile-card-body{padding:16px}.mobile-list{list-style:none;padding:0;margin:0}.mobile-list-item{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;border-bottom:1px solid #f1f3f4}.mobile-list-item:last-child{border-bottom:none}.mobile-list-item-content{flex:1}.mobile-list-item-title{font-size:14px;font-weight:500;color:#212529;margin:0 0 2px}.mobile-list-item-subtitle{font-size:12px;color:#6c757d;margin:0}.mobile-list-item-action{margin-left:12px}.price-display{background:linear-gradient(135deg,#007bff,#0056b3);color:#fff;padding:20px;border-radius:12px;text-align:center;margin-bottom:16px}.price-value{font-size:28px;font-weight:700;margin:0 0 8px}.price-change{font-size:14px;opacity:.9}.price-change.positive{color:#28a745}.price-change.negative{color:#dc3545}.status-indicator{display:inline-flex;align-items:center;gap:6px;font-size:12px;padding:4px 8px;border-radius:12px;background:#f8f9fa}.status-indicator.online{color:#28a745;background:#d4edda}.status-indicator.offline{color:#dc3545;background:#f8d7da}.status-dot{width:6px;height:6px;border-radius:50%;background:currentColor}.font-persian-title{font-family:Dana,sans-serif;font-weight:600;letter-spacing:-.025em;line-height:1.2}.font-persian-body{font-family:Dana,sans-serif;font-weight:400;line-height:1.6}.font-persian-caption{font-family:Dana,sans-serif;font-weight:500;line-height:1.4}.persian-text{font-family:Dana,sans-serif;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-feature-settings:"liga" 1,"kern" 1}.persian-numbers{font-variant-numeric:tabular-nums;font-feature-settings:"tnum" 1}.login-container{background:#fff;min-height:100vh}.login-header{background:#f8f9fa;padding:1rem;border-bottom:1px solid #e9ecef}.login-price-bar{background:#f8f9fa;padding:.75rem 1rem;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #e9ecef}.login-price-value{font-size:1.25rem;font-weight:700;color:#1e3a8a}.login-price-label{font-size:.875rem;color:#1e3a8a;display:flex;align-items:center;gap:.5rem}.login-price-label .highlight{color:#fbbf24;font-weight:600}.login-warning-banner{background:#fef3c7;padding:.75rem 1rem;display:flex;align-items:center;gap:.5rem;border-bottom:1px solid #f59e0b}.login-warning-text{color:#92400e;font-size:.875rem}.login-warning-icon{color:#f59e0b;width:1rem;height:1rem}.login-card{background:#fff;padding:2rem 1rem;max-width:400px;margin:0 auto}.login-title{font-size:1.5rem;font-weight:700;color:#374151;text-align:center;margin-bottom:2rem}.login-form-group{margin-bottom:1rem}.login-form-input{width:100%;padding:.875rem 1rem;border:1px solid #d1d5db;border-radius:6px;font-size:1rem;background:#fff;transition:border-color .2s ease}.login-form-input:focus{outline:none;border-color:#3b82f6}.login-form-input::placeholder{color:#9ca3af}.login-checkbox-group{display:flex;align-items:center;gap:.5rem;margin:.75rem 0}.login-checkbox{width:1rem;height:1rem;border:1px solid #d1d5db;border-radius:3px;background:#fff}.login-checkbox-label{font-size:.875rem;color:#374151;cursor:pointer}.login-forgot-link{color:#3b82f6;font-size:.875rem;text-decoration:none;margin:.75rem 0;display:block}.login-forgot-link:hover{text-decoration:underline}.login-button{width:100%;background:#f3f4f6;color:#374151;border:none;padding:.875rem 1rem;border-radius:6px;font-size:1rem;font-weight:500;cursor:pointer;transition:background-color .2s ease;margin-top:1rem}.login-button:hover{background:#e5e7eb}.login-button:disabled{opacity:.6;cursor:not-allowed}.login-register-section{text-align:center;margin-top:2rem;padding-top:1rem;border-top:1px solid #e5e7eb}.login-register-text{color:#374151;font-size:.875rem;margin-bottom:.5rem}.login-register-link{color:#3b82f6;font-size:.875rem;text-decoration:none}.login-register-link:hover{text-decoration:underline}.login-error{background:#fee2e2;border:1px solid #fca5a5;color:#dc2626;padding:.75rem 1rem;border-radius:6px;margin-bottom:1rem;font-size:.875rem}.login-test-info{background:#f0f9ff;border:1px solid #bae6fd;color:#0369a1;padding:.75rem 1rem;border-radius:6px;margin-top:1rem;font-size:.8rem;text-align:center}.app-container{background:#f8fafc;min-height:100vh}.app-header{background:#fff;padding:1rem;display:flex;justify-content:space-between;align-items:center;box-shadow:0 1px 3px #0000001a}.app-logo{display:flex;align-items:center;gap:.75rem}.app-logo-icon{background:#1e3a8a;padding:.5rem;border-radius:8px;color:#fff}.app-title{font-size:1.25rem;font-weight:700;color:#1e3a8a}.app-user-info{display:flex;align-items:center;gap:1rem}.app-user-details{text-align:right}.app-user-welcome{font-size:.75rem;color:#6b7280;margin-bottom:.25rem}.app-user-name{font-size:.875rem;font-weight:600;color:#374151}.app-logout-btn{background:none;border:none;color:#6b7280;padding:.5rem;border-radius:6px;cursor:pointer;transition:all .2s ease}.app-logout-btn:hover{background:#f3f4f6;color:#374151}.app-nav{background:#fff;border-bottom:1px solid #e5e7eb;padding:0}.app-nav-tabs{display:flex;background:#f8f9fa;border-radius:8px;margin:.75rem 1rem;padding:.25rem}.app-nav-tab{flex:1;background:none;border:none;padding:.75rem 1rem;border-radius:6px;font-size:.875rem;font-weight:500;color:#6b7280;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;gap:.5rem}.app-nav-tab.active{background:#fff;color:#1e3a8a;box-shadow:0 1px 3px #0000001a}.app-nav-tab:hover:not(.active){color:#374151}.app-nav-tab-icon{width:1rem;height:1rem}.app-main{padding:1rem;background:#f8fafc;min-height:calc(100vh - 140px)}.account-card{background:linear-gradient(135deg,#1e3a8a,#3b82f6);border-radius:16px;padding:1.5rem;margin-bottom:1.5rem;color:#fff;position:relative;overflow:hidden}.account-card:before{content:"";position:absolute;top:-50%;right:-50%;width:100%;height:100%;background:radial-gradient(circle,rgba(255,255,255,.1) 0%,transparent 70%);pointer-events:none}.account-info{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1rem}.account-number{display:flex;align-items:center;gap:.5rem;font-size:.875rem;opacity:.9}.account-balance{text-align:right}.balance-label{display:flex;align-items:center;gap:.5rem;font-size:.875rem;opacity:.9;margin-bottom:.5rem}.balance-amount{font-size:1.5rem;font-weight:700;margin-bottom:.25rem}.balance-equivalent{font-size:.875rem;opacity:.8}.quick-actions{display:flex;flex-wrap:wrap;gap:1rem;margin-bottom:1.5rem}.quick-action{display:flex;flex-direction:column;align-items:center;gap:.5rem;background:#fff;border-radius:12px;padding:1rem .5rem;box-shadow:0 2px 8px #0000001a;cursor:pointer;transition:all .2s ease}.quick-action:hover{transform:translateY(-2px);box-shadow:0 4px 12px #00000026}.quick-action-icon{width:2.5rem;height:2.5rem;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.25rem;font-weight:700;color:#fff}.quick-action-icon.buy{background:linear-gradient(135deg,#10b981,#059669)}.quick-action-icon.sell{background:linear-gradient(135deg,#ef4444,#dc2626)}.quick-action-icon.requests{background:linear-gradient(135deg,#f59e0b,#d97706)}.quick-action-icon.more{background:linear-gradient(135deg,#8b5cf6,#7c3aed)}.quick-action-label{font-size:.75rem;font-weight:500;color:#374151;text-align:center}.promo-banner{background:linear-gradient(135deg,#1e3a8a,#3b82f6);border-radius:16px;padding:1.5rem;margin-bottom:1.5rem;color:#fff;position:relative;overflow:hidden}.promo-content{display:flex;align-items:center;gap:1rem}.promo-text{flex:1}.promo-title{font-size:1.25rem;font-weight:700;margin-bottom:.5rem}.promo-subtitle{font-size:.875rem;opacity:.9}.promo-image{width:80px;height:80px;background:#ffffff1a;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:2rem}.gold-chart-section{background:#fff;border-radius:16px;padding:1.5rem;margin-bottom:1.5rem;box-shadow:0 2px 8px #0000001a}.chart-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.chart-title{display:flex;align-items:center;gap:.5rem;font-size:1rem;font-weight:600;color:#374151}.chart-status{width:8px;height:8px;border-radius:50%;background:#10b981}.chart-price{display:flex;align-items:center;gap:.5rem;margin-bottom:1rem}.price-value{font-size:1.5rem;font-weight:700;color:#374151}.price-change{display:flex;align-items:center;gap:.25rem;font-size:.875rem;font-weight:500;color:#10b981}.chart-container{height:200px;background:#f8fafc;border-radius:8px;margin-bottom:1rem;position:relative;overflow:hidden}.chart-placeholder{width:100%;height:100%;background:linear-gradient(45deg,#e5e7eb 25%,transparent 25%),linear-gradient(-45deg,#e5e7eb 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#e5e7eb 75%),linear-gradient(-45deg,transparent 75%,#e5e7eb 75%);background-size:20px 20px;background-position:0 0,0 10px,10px -10px,-10px 0px;display:flex;align-items:center;justify-content:center;color:#6b7280;font-size:.875rem}.chart-timeframe{display:flex;gap:.5rem}.timeframe-btn{padding:.5rem 1rem;border-radius:8px;border:none;background:#f3f4f6;color:#6b7280;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s ease}.timeframe-btn.active{background:#1e3a8a;color:#fff}.timeframe-btn:hover:not(.active){background:#e5e7eb;color:#374151}.classic-card{background:#fff;border:none;border-radius:16px;padding:1.5rem;margin-bottom:1.5rem;box-shadow:0 4px 12px #00000014}.classic-card-header{border-bottom:none;padding-bottom:0;margin-bottom:1.5rem}.classic-card-title{font-size:1.25rem;font-weight:700;color:#1e3a8a;margin:0}.classic-card-subtitle{font-size:.875rem;color:#6b7280;margin-top:.25rem}.classic-form-group{margin-bottom:1.5rem}.classic-form-label{display:block;font-size:.875rem;font-weight:600;color:#374151;margin-bottom:.75rem}.classic-form-input{width:100%;padding:1rem 1.25rem;border:2px solid #e5e7eb;border-radius:12px;font-size:1rem;background:#fff;transition:all .3s ease;font-weight:500}.classic-form-input:focus{outline:none;border-color:#1e3a8a;box-shadow:0 0 0 3px #1e3a8a1a}.classic-form-input::placeholder{color:#9ca3af;font-weight:400}.classic-button{background:linear-gradient(135deg,#1e3a8a,#3b82f6);color:#fff;border:none;padding:.75rem 1.5rem;border-radius:12px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 12px #1e3a8a4d}.classic-button:hover{transform:translateY(-2px);box-shadow:0 6px 20px #1e3a8a66}.classic-button:active{transform:translateY(0)}.classic-button:disabled{background:#9ca3af;cursor:not-allowed;transform:none;box-shadow:none}.classic-button-secondary{background:#f8fafc;color:#374151;border:2px solid #e5e7eb}.classic-button-secondary:hover{background:#f1f5f9;border-color:#cbd5e1}.classic-button-success{background:linear-gradient(135deg,#10b981,#059669);box-shadow:0 4px 12px #10b9814d}.classic-button-success:hover{box-shadow:0 6px 20px #10b98166}.classic-button-danger{background:linear-gradient(135deg,#ef4444,#dc2626);box-shadow:0 4px 12px #ef44444d}.classic-button-danger:hover{box-shadow:0 6px 20px #ef444466}.classic-list{list-style:none;padding:0;margin:0}.classic-list-item{padding:1rem;border-bottom:1px solid #e5e7eb;display:flex;justify-content:space-between;align-items:center}.classic-list-item:last-child{border-bottom:none}.classic-list-item-content{flex:1}.classic-list-item-title{font-size:.875rem;font-weight:600;color:#374151;margin-bottom:.5rem;display:flex;align-items:center;gap:.75rem;flex-wrap:wrap}.classic-list-item-subtitle{font-size:.75rem;color:#6b7280;margin-bottom:.25rem}.classic-list-item-action{margin-left:1rem;display:flex;flex-direction:column;gap:.25rem;text-align:right}.classic-price-display{background:#f8f9fa;border:1px solid #e5e7eb;border-radius:8px;padding:1.5rem;text-align:center;margin-bottom:1rem}.classic-price-value{font-size:2rem;font-weight:700;color:#1e3a8a;margin-bottom:.5rem;text-align:center}.price-timestamp{text-align:center}.classic-price-change{font-size:.875rem;font-weight:500}.classic-price-change.positive{color:#10b981}.classic-price-change.negative{color:#ef4444}.classic-status-indicator{display:inline-flex;align-items:center;gap:.5rem;font-size:.75rem;padding:.25rem .75rem;border-radius:12px;background:#f3f4f6}.classic-status-indicator.online{color:#10b981;background:#d1fae5}.classic-status-indicator.offline{color:#ef4444;background:#fee2e2}.classic-status-dot{width:6px;height:6px;border-radius:50%;background:currentColor}.market-price-card{background:#fff;border:1px solid #e5e7eb;border-radius:6px;padding:1rem;margin-bottom:1rem;box-shadow:0 1px 3px #0000001a}.market-price-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.75rem}.market-price-title{font-size:.875rem;font-weight:600;color:#374151}.market-status-badge{display:inline-flex;align-items:center;gap:.25rem;background:#10b981;color:#fff;padding:.25rem .5rem;border-radius:4px;font-size:.75rem;font-weight:500}.market-status-dot{width:4px;height:4px;border-radius:50%;background:#fff}.market-price-loading{text-align:center;color:#6b7280;font-size:.875rem;font-weight:400;padding:1rem 0}.market-trading-card{background:#fff;border-radius:6px;padding:1rem;margin-bottom:1rem;box-shadow:0 1px 3px #0000001a;border:1px solid #e5e7eb}.market-trading-title{font-size:.875rem;font-weight:600;color:#374151;margin-bottom:1rem}.market-transaction-type{margin-bottom:1rem}.market-transaction-buttons{display:flex;gap:.5rem}.market-transaction-btn{display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.5rem .75rem;border:2px solid #e5e7eb;border-radius:8px;background:#fff;cursor:pointer;transition:all .2s ease;font-weight:500;font-size:.875rem;flex:1}.market-transaction-btn:hover{background:#f9fafb;border-color:#d1d5db;transform:translateY(-1px)}.market-transaction-btn.active{border-color:#10b981;background:#10b981;color:#fff;box-shadow:0 2px 4px #10b98133}.market-transaction-btn.active.sell{border-color:#ef4444;background:#ef4444;box-shadow:0 2px 4px #ef444433}.market-transaction-label{font-size:.875rem;font-weight:500}.market-input-group{margin-bottom:.75rem}.market-input-label{font-size:.75rem;font-weight:500;color:#6b7280;margin-bottom:.25rem;display:flex;align-items:center;gap:.25rem}.market-input-field{width:100%;padding:.5rem .75rem;border:1px solid #e5e7eb;border-radius:4px;font-size:.875rem;font-weight:500;background:#fff;transition:all .2s ease;text-align:center}.market-input-field:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 2px #3b82f61a}.market-dual-input-container{display:flex;flex-direction:column;gap:.75rem}.market-price-summary{background:#f9fafb;border:1px solid #e5e7eb;border-radius:4px;padding:.75rem;margin:.75rem 0}.market-price-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem;font-size:.75rem;text-align:center}.market-price-row:last-child{margin-bottom:0}.market-price-label{font-weight:500;color:#6b7280}.market-price-value{font-weight:600;color:#374151}.market-price-total{font-weight:700;color:#1f2937}.market-submit-btn{width:100%;background:#3b82f6;color:#fff;border:none;padding:.5rem .75rem;border-radius:4px;font-size:.875rem;font-weight:600;cursor:pointer;transition:all .2s ease;margin-top:.75rem}.market-submit-btn:hover{background:#2563eb}.market-submit-btn:disabled{background:#9ca3af;cursor:not-allowed}.market-submit-btn.xs{padding:.25rem .375rem;font-size:.6875rem;line-height:1}@media (max-width: 640px){.market-submit-btn.xs{padding:.1875rem .3125rem;font-size:.625rem}}.market-submit-btn.success{background:#10b981}.market-submit-btn.success:hover{background:#059669}.market-submit-btn.danger{background:#ef4444}.market-submit-btn.danger:hover{background:#dc2626}.market-transactions-card{background:#fff;border-radius:6px;padding:1rem;margin-bottom:1rem;box-shadow:0 1px 3px #0000001a;border:1px solid #e5e7eb}.market-transactions-title{font-size:.875rem;font-weight:600;color:#374151;margin-bottom:1rem}.market-empty-state{text-align:center;padding:1.5rem 1rem;color:#6b7280}.market-empty-icon{width:2rem;height:2rem;margin:0 auto .5rem;background:#f3f4f6;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.875rem}.market-empty-text{font-size:.75rem;font-weight:500;color:#6b7280}.market-conversion-info{background:#f9fafb;border:1px solid #e5e7eb;border-radius:4px;padding:.75rem;margin:.75rem 0;text-align:center}.market-conversion-text{font-size:.75rem;font-weight:500;color:#374151;margin-bottom:.25rem}.market-conversion-text:last-child{margin-bottom:0}.transactions-filter-card{background:#fff;border-radius:20px;padding:2rem;margin-bottom:1.5rem;box-shadow:0 8px 25px #00000014;border:2px solid #e5e7eb}.transactions-filter-header{display:flex;align-items:center;gap:.75rem;margin-bottom:1.5rem}.transactions-filter-icon{width:2rem;height:2rem;padding:.5rem;background:linear-gradient(135deg,#1e3a8a,#3b82f6);border-radius:50%;color:#fff;display:flex;align-items:center;justify-content:center}.transactions-filter-title{font-size:1.25rem;font-weight:700;color:#1e3a8a}.transactions-filter-section{margin-bottom:1.5rem}.transactions-filter-section:last-child{margin-bottom:0}.transactions-filter-label{display:flex;align-items:center;gap:.5rem;font-size:.875rem;font-weight:600;color:#374151;margin-bottom:1rem}.transactions-filter-label-icon{width:1.25rem;height:1.25rem;color:#6b7280}.transactions-filter-buttons{display:flex;gap:.75rem;flex-wrap:wrap}.transactions-filter-btn{padding:.5rem 1rem;border:2px solid #e5e7eb;border-radius:12px;background:#fff;color:#6b7280;font-size:.875rem;font-weight:600;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:.5rem}.transactions-filter-btn:hover{border-color:#1e3a8a;color:#1e3a8a;transform:translateY(-1px)}.transactions-filter-btn.active{background:linear-gradient(135deg,#1e3a8a,#3b82f6);border-color:#1e3a8a;color:#fff;box-shadow:0 4px 12px #1e3a8a4d}.transactions-filter-btn.active:hover{transform:translateY(-2px);box-shadow:0 6px 20px #1e3a8a66}.transactions-filter-select{width:100%;padding:.75rem 1rem;border:2px solid #e5e7eb;border-radius:12px;background:#fff;color:#374151;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .3s ease}.transactions-filter-select:focus{outline:none;border-color:#1e3a8a;box-shadow:0 0 0 3px #1e3a8a1a}.transactions-filter-select:hover{border-color:#cbd5e1}.transactions-filter-actions{display:flex;gap:1rem;margin-top:1.5rem;padding-top:1.5rem;border-top:2px solid #f1f5f9}.transactions-filter-action-btn{padding:.5rem 1rem;border:2px solid #e5e7eb;border-radius:12px;background:#fff;color:#6b7280;font-size:.875rem;font-weight:600;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:.5rem}.transactions-filter-action-btn:hover{border-color:#1e3a8a;color:#1e3a8a;background:#f8fafc}.transactions-filter-action-btn.primary{background:linear-gradient(135deg,#1e3a8a,#3b82f6);border-color:#1e3a8a;color:#fff}.transactions-filter-action-btn.primary:hover{box-shadow:0 4px 12px #1e3a8a4d;transform:translateY(-1px)}.profile-header-card{background:linear-gradient(135deg,#fff,#f8fafc);border:2px solid #e5e7eb;border-radius:20px;padding:2rem;margin-bottom:1.5rem;box-shadow:0 8px 25px #00000014;position:relative;overflow:hidden}.profile-header-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,#1e3a8a,#3b82f6)}.profile-user-info{display:flex;align-items:center;justify-content:center;gap:1rem;flex-direction:column;text-align:center}.profile-avatar{width:3.5rem;height:3.5rem;background:linear-gradient(135deg,#1e3a8a,#3b82f6);border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-size:1.25rem;font-weight:700;box-shadow:0 4px 12px #1e3a8a4d;order:2}.profile-user-details{order:1}.profile-user-details h2{font-size:1.5rem;font-weight:700;color:#1e3a8a;margin:0 0 .5rem}.profile-user-balance{font-size:1rem;font-weight:600;color:#10b981}.profile-tabs-card{background:#fff;border-radius:20px;padding:1rem;margin-bottom:1.5rem;box-shadow:0 8px 25px #00000014;border:2px solid #e5e7eb}.profile-tabs-nav{display:flex;gap:.25rem;background:#f8fafc;border-radius:12px;padding:.25rem;border:2px solid #e5e7eb;overflow:hidden;width:100%}.profile-tab-btn{flex:1;padding:.5rem;border:none;background:transparent;border-radius:8px;font-size:.75rem;font-weight:600;color:#6b7280;cursor:pointer;transition:all .3s ease;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.25rem;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.profile-tab-btn:hover{color:#1e3a8a;background:#1e3a8a1a}.profile-tab-btn.active{background:#fff;color:#1e3a8a;box-shadow:0 2px 8px #0000001a}.profile-tab-icon{width:1rem;height:1rem;flex-shrink:0}.profile-content-card{background:#fff;border-radius:20px;padding:2rem;margin-bottom:1.5rem;box-shadow:0 8px 25px #00000014;border:2px solid #e5e7eb}.profile-content-header{display:flex;align-items:center;gap:.75rem;margin-bottom:2rem;padding-bottom:1rem;border-bottom:2px solid #f1f5f9}.profile-content-icon{width:2rem;height:2rem;padding:.5rem;background:linear-gradient(135deg,#1e3a8a,#3b82f6);border-radius:50%;color:#fff;display:flex;align-items:center;justify-content:center}.profile-content-title{font-size:1.25rem;font-weight:700;color:#1e3a8a}.profile-form-grid{display:flex;flex-wrap:wrap;gap:1.5rem}.profile-form-group{margin-bottom:1.5rem}.profile-form-label{display:flex;align-items:center;font-size:.75rem;font-weight:500;color:#6b7280;margin-bottom:.5rem;gap:.375rem;justify-content:flex-start}.profile-form-input{width:100%;padding:1rem 1.25rem;border:2px solid #e5e7eb;border-radius:12px;font-size:1rem;background:#fff;transition:all .3s ease;font-weight:500}.profile-form-input:focus{outline:none;border-color:#1e3a8a;box-shadow:0 0 0 3px #1e3a8a1a}.profile-form-input:disabled{background:#f8fafc;color:#6b7280;cursor:not-allowed}.profile-toggle-group{display:flex;align-items:center;justify-content:space-between;padding:1rem;background:#f8fafc;border-radius:12px;margin-bottom:1rem}.profile-toggle-label{font-size:.875rem;font-weight:600;color:#374151}.profile-toggle{position:relative;width:3rem;height:1.5rem;background:#e5e7eb;border-radius:1rem;cursor:pointer;transition:all .3s ease}.profile-toggle.active{background:#1e3a8a}.profile-toggle-thumb{position:absolute;top:.125rem;left:.125rem;width:1.25rem;height:1.25rem;background:#fff;border-radius:50%;transition:all .3s ease;box-shadow:0 2px 4px #0003}.profile-toggle.active .profile-toggle-thumb{transform:translate(1.5rem)}.profile-payment-card{background:linear-gradient(135deg,#f8fafc,#e2e8f0);border:2px solid #e5e7eb;border-radius:16px;padding:1.5rem;margin-bottom:1rem}.profile-payment-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1rem}.profile-payment-type{font-size:1rem;font-weight:600;color:#374151}.profile-payment-edit{color:#1e3a8a;font-size:.875rem;font-weight:600;cursor:pointer;transition:color .3s ease}.profile-payment-edit:hover{color:#3b82f6}.profile-payment-details{font-size:.875rem;color:#6b7280;margin-bottom:.5rem}.profile-payment-limit{font-size:1rem;font-weight:700;color:#1e3a8a}.profile-action-btn{background:linear-gradient(135deg,#1e3a8a,#3b82f6);color:#fff;border:none;padding:.75rem 1.5rem;border-radius:12px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 12px #1e3a8a4d;margin-top:1rem}.profile-action-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px #1e3a8a66}.profile-action-btn:disabled{background:#9ca3af;cursor:not-allowed;transform:none;box-shadow:none}.transactions-list{display:flex;flex-direction:column;gap:0}.transaction-item{display:flex;justify-content:space-between;align-items:flex-start;padding:1.5rem;border-bottom:1px solid #e5e7eb;background:#fff;transition:all .3s ease}.transaction-item:last-child{border-bottom:none}.transaction-item:hover{background:#f8fafc}.transaction-content{flex:1;display:flex;flex-direction:column;gap:.75rem}.transaction-header{display:flex;align-items:center;gap:1rem;flex-wrap:wrap}.transaction-type{display:flex;align-items:center;gap:.5rem}.transaction-type-badge{padding:.25rem .75rem;border-radius:6px;font-size:.75rem;font-weight:600;text-transform:uppercase}.transaction-type-badge.buy{background:#dcfce7;color:#166534}.transaction-type-badge.sell{background:#fef2f2;color:#dc2626}.transaction-amount{font-size:.875rem;font-weight:600;color:#374151}.transaction-status{padding:.25rem .75rem;border-radius:12px;font-size:.75rem;font-weight:600}.transaction-status.completed{background:#dcfce7;color:#166534}.transaction-status.open{background:#dbeafe;color:#1e40af}.transaction-details{display:flex;flex-direction:column;gap:.5rem}.transaction-date{font-size:.75rem;color:#6b7280}.profit-loss{font-size:.75rem;font-weight:600;padding:.125rem .5rem;border-radius:4px}.current-price{font-size:.75rem;color:#374151;font-weight:500}.transaction-values{display:flex;flex-direction:column;align-items:flex-end;gap:.5rem;text-align:right}.transaction-total{font-size:1rem;font-weight:700;color:#111827}.transaction-unit-price{font-size:.875rem;color:#6b7280}.transaction-targets{display:flex;flex-direction:column;gap:.25rem;align-items:flex-end}.target-item{font-size:.75rem;font-weight:500;padding:.125rem .5rem;border-radius:4px}.target-item.tp{color:#059669;background:#ecfdf5}.target-item.sl{color:#dc2626;background:#fef2f2}.close-trade-btn{background:#f3f4f6;color:#6b7280;border:1px solid #d1d5db;padding:.5rem 1rem;border-radius:8px;font-size:.75rem;font-weight:500;cursor:pointer;transition:all .3s ease;margin-top:.5rem}.close-trade-btn:hover{background:#e5e7eb;color:#374151;border-color:#9ca3af}.transaction-item-minimal{display:flex;justify-content:space-between;align-items:flex-start;padding:1rem;border-bottom:1px solid #f3f4f6;background:#fff}.transaction-item-minimal:last-child{border-bottom:none}.transaction-left{flex:1}.transaction-type-minimal{display:flex;align-items:center;gap:.5rem;margin-bottom:.5rem}.type-badge{padding:.125rem .5rem;border-radius:4px;font-size:.75rem;font-weight:500}.type-badge.buy{background:#dcfce7;color:#166534}.type-badge.sell{background:#fef2f2;color:#dc2626}.amount{font-size:.875rem;font-weight:500;color:#374151}.status{padding:.125rem .5rem;border-radius:4px;font-size:.75rem;font-weight:500}.status.completed{background:#dcfce7;color:#166534}.status.open{background:#dbeafe;color:#1e40af}.transaction-info{display:flex;flex-direction:column;gap:.25rem}.date{font-size:.75rem;color:#6b7280}.profit-loss{font-size:.75rem;font-weight:500;padding:.125rem .375rem;border-radius:3px}.profit-loss.positive{color:#059669;background:#ecfdf5}.profit-loss.negative{color:#dc2626;background:#fef2f2}.current-price{font-size:.75rem;color:#374151}.transaction-right{display:flex;flex-direction:column;align-items:flex-end;gap:.25rem;text-align:right}.total{font-size:.875rem;font-weight:600;color:#111827}.unit-price{font-size:.75rem;color:#6b7280}.tp{font-size:.75rem;color:#059669;background:#ecfdf5;padding:.125rem .375rem;border-radius:3px}.sl{font-size:.75rem;color:#dc2626;background:#fef2f2;padding:.125rem .375rem;border-radius:3px}.close-btn{background:#f9fafb;color:#6b7280;border:1px solid #e5e7eb;padding:.375rem .75rem;border-radius:6px;font-size:.75rem;font-weight:500;cursor:pointer;transition:all .2s ease;margin-top:.25rem}.close-btn:hover{background:#f3f4f6;color:#374151}.transaction-card{background:linear-gradient(135deg,#fff,#f8fafc);border-radius:12px;padding:1rem;margin-bottom:.75rem;border:1px solid #e2e8f0;box-shadow:0 2px 4px -1px #0000001a,0 1px 2px -1px #0000000f;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.transaction-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,#e2e8f0,#cbd5e1);transition:all .3s ease}.transaction-card.buy:before{background:linear-gradient(90deg,#10b981,#059669)}.transaction-card.sell:before{background:linear-gradient(90deg,#ef4444,#dc2626)}.transaction-card:hover{transform:translateY(-2px);box-shadow:0 10px 25px -3px #0000001a,0 4px 6px -2px #0000000d}.transaction-card.open{border-left:4px solid #3b82f6}.transaction-card.completed{border-left:4px solid #10b981}.transaction-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.75rem}.transaction-badge,.badge-content{display:flex;align-items:center;gap:.5rem}.badge-text{font-size:.75rem;font-weight:600;color:#1f2937}.badge-amount{font-size:.75rem;color:#6b7280;font-weight:500}.status-indicator{display:flex;align-items:center;gap:.375rem;padding:.375rem .75rem;border-radius:16px;font-size:.625rem;font-weight:500}.status-indicator.open{background:linear-gradient(135deg,#dbeafe,#bfdbfe);color:#1e40af}.status-indicator.completed{background:linear-gradient(135deg,#dcfce7,#bbf7d0);color:#166534}.status-dot{width:6px;height:6px;border-radius:50%;background:currentColor;animation:pulse 2s infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.transaction-body{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:.75rem}.transaction-main{flex:1}.value-section{margin-bottom:.5rem}.main-value{font-size:1.25rem;font-weight:700;color:#111827;margin-bottom:.125rem}.sub-value{font-size:.75rem;color:#6b7280;font-weight:500}.info-section{display:flex;flex-direction:column;gap:.25rem}.transaction-date{font-size:.625rem;color:#6b7280}.current-price{font-size:.625rem;color:#374151;font-weight:500}.profit-section{display:flex;align-items:center;gap:.375rem;padding:.5rem .75rem;border-radius:8px;font-weight:600;font-size:.75rem}.profit-section.positive{background:linear-gradient(135deg,#ecfdf5,#d1fae5);color:#059669}.profit-section.negative{background:linear-gradient(135deg,#fef2f2,#fecaca);color:#dc2626}.profit-icon{font-size:.875rem}.transaction-footer{display:flex;justify-content:space-between;align-items:center;padding-top:.75rem;border-top:1px solid #e5e7eb}.targets{display:flex;gap:.5rem}.target-item{display:flex;flex-direction:column;align-items:center;padding:.375rem .5rem;border-radius:6px;font-size:.625rem;font-weight:500;min-width:3rem}.target-item.tp{background:linear-gradient(135deg,#ecfdf5,#d1fae5);color:#059669}.target-item.sl{background:linear-gradient(135deg,#fef2f2,#fecaca);color:#dc2626}.target-label{font-weight:600;margin-bottom:.0625rem}.target-value{font-size:.5rem}.close-button{display:flex;align-items:center;gap:.375rem;background:linear-gradient(135deg,#f3f4f6,#e5e7eb);color:#6b7280;border:none;padding:.5rem .75rem;border-radius:8px;font-size:.625rem;font-weight:500;cursor:pointer;transition:all .3s ease;box-shadow:0 1px 2px #0000001a}.close-button:hover{background:linear-gradient(135deg,#e5e7eb,#d1d5db);color:#374151;transform:translateY(-1px);box-shadow:0 4px 8px #00000026}.close-icon{font-size:.75rem;font-weight:700}.close-text{font-weight:500}.modern-app-container{min-height:100vh;background:#f8fafc;padding-bottom:0}.modern-app-header{background:#fff;border-bottom:2px solid #e5e7eb;padding:1rem 1.5rem;box-shadow:0 4px 12px #0000000d;position:sticky;top:0;z-index:100}.modern-app-logo{display:flex;align-items:center;gap:.75rem}.modern-app-logo-icon{width:2.5rem;height:2.5rem;background:linear-gradient(135deg,#1e3a8a,#3b82f6);border-radius:12px;display:flex;align-items:center;justify-content:center;color:#fff;box-shadow:0 4px 12px #1e3a8a4d}.modern-app-title{font-size:1.5rem;font-weight:700;color:#1e3a8a;margin:0}.modern-app-user-info{display:flex;align-items:center;gap:1rem}.modern-app-user-details{text-align:right}.modern-app-user-welcome{font-size:.875rem;color:#6b7280;margin:0}.modern-app-user-name{font-size:1rem;font-weight:600;color:#374151;margin:0}.modern-app-logout-btn{padding:.5rem;background:#f8fafc;border:2px solid #e5e7eb;border-radius:8px;color:#6b7280;cursor:pointer;transition:all .3s ease}.modern-app-logout-btn:hover{background:#f1f5f9;border-color:#cbd5e1;color:#374151}.modern-app-nav{background:#fff;border-bottom:2px solid #e5e7eb;padding:.5rem 1.5rem;box-shadow:0 2px 8px #0000000d}.modern-app-nav-tabs{display:flex;gap:.5rem;background:#f8fafc;border-radius:12px;padding:.25rem;border:2px solid #e5e7eb}.modern-app-nav-tab{flex:1;padding:.5rem .75rem;border:none;background:transparent;border-radius:8px;font-size:.875rem;font-weight:600;color:#6b7280;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;gap:.5rem}.modern-app-nav-tab:hover{color:#1e3a8a;background:#1e3a8a1a}.modern-app-nav-tab.active{background:#fff;color:#1e3a8a;box-shadow:0 2px 8px #0000001a}.modern-app-nav-tab-icon{width:1.25rem;height:1.25rem}.modern-app-main{padding:1.5rem;min-height:calc(100vh - 140px)}.xau-chart-container{background:#fff;border-radius:12px;padding:20px;box-shadow:0 2px 8px #0000001a;margin-bottom:20px}.xau-chart-container .chart-header{margin-bottom:20px;text-align:right}.xau-chart-container .chart-title{font-size:18px;font-weight:600;color:#1f2937;margin:0}.tradingview-widget-container{height:100%;width:100%;background:#fff}.tradingview-widget-container iframe{width:100%;background:#fff;border:none}.tradingview-widget-copyright{text-align:center;padding:8px 0;background:#fff}.tradingview-widget-copyright a{text-decoration:none;color:#2962ff;font-size:12px}.tradingview-widget-copyright .blue-text{color:#2962ff}.skeleton{background:linear-gradient(90deg,#f8fafc 25%,#f1f5f9,#f8fafc 75%);background-size:200% 100%;animation:skeleton-loading 1.5s infinite;border-radius:4px}@keyframes skeleton-loading{0%{background-position:200% 0}to{background-position:-200% 0}}.skeleton-text{height:1rem;margin-bottom:.5rem}.skeleton-text:last-child{margin-bottom:0}.skeleton-text-sm{height:.75rem;width:60%}.skeleton-text-md{height:1.25rem;width:80%}.skeleton-text-lg{height:1.5rem;width:100%}.skeleton-button{height:2.5rem;width:100%}.skeleton-input{height:2rem;width:100%}.skeleton-price{height:2rem;width:8rem;margin:0 auto}.skeleton-status{height:1.25rem;width:4rem;border-radius:12px}.skeleton-chart{height:200px;width:100%;border-radius:8px}.market-price-skeleton{background:#fff;border:1px solid #e5e7eb;border-radius:6px;padding:1rem;margin-bottom:1rem;box-shadow:0 1px 3px #0000001a}.market-price-skeleton-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.75rem}.market-price-skeleton-title{height:.875rem;width:6rem}.market-price-skeleton-status{height:1.25rem;width:3rem;border-radius:4px}.market-price-skeleton-value{height:1.5rem;width:8rem;margin:0 auto .5rem}.market-price-skeleton-timestamp{height:.75rem;width:10rem;margin:0 auto}.market-trading-skeleton{background:#fff;border-radius:6px;padding:1rem;margin-bottom:1rem;box-shadow:0 1px 3px #0000001a;border:1px solid #e5e7eb}.market-trading-skeleton-title{height:.875rem;width:4rem;margin-bottom:1rem}.market-trading-skeleton-section{margin-bottom:.75rem}.market-trading-skeleton-label{height:.75rem;width:5rem;margin-bottom:.25rem}.market-trading-skeleton-buttons{display:flex;gap:.5rem}.market-trading-skeleton-button{height:2rem;flex:1}.market-trading-skeleton-input{height:2rem;width:100%}.market-trading-skeleton-dual{display:flex;flex-direction:column;gap:.75rem}.market-trading-skeleton-submit{height:2rem;width:100%;margin-top:.75rem}.market-chart-skeleton{background:#fff;border-radius:12px;padding:20px;box-shadow:0 2px 8px #0000001a;margin-bottom:20px}.market-chart-skeleton-header{height:1.25rem;width:8rem;margin-bottom:1rem}.market-chart-skeleton-content{height:200px;width:100%;border-radius:8px}.market-toggle-skeleton{height:2rem;width:100%;margin-bottom:.75rem;border-radius:4px}.market-conversion-skeleton{background:#f9fafb;border:1px solid #e5e7eb;border-radius:4px;padding:.75rem;margin:.75rem 0;text-align:center}.market-conversion-skeleton-text{height:.75rem;width:12rem;margin:0 auto}.market-price-summary-skeleton{background:#f9fafb;border:1px solid #e5e7eb;border-radius:4px;padding:.75rem;margin:.75rem 0}.market-price-summary-skeleton-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem}.market-price-summary-skeleton-row:last-child{margin-bottom:0}.market-price-summary-skeleton-label{height:.75rem;width:4rem}.market-price-summary-skeleton-value{height:.75rem;width:5rem}.market-price-summary-skeleton-total{height:.875rem;width:6rem}.market-balance-skeleton{background:#f9fafb;border:1px solid #e5e7eb;border-radius:4px;padding:.75rem;margin:.75rem 0;text-align:center}.market-balance-skeleton-text{height:.75rem;width:10rem;margin:0 auto .25rem}.market-balance-skeleton-button{height:1.5rem;width:6rem;margin:0 auto;border-radius:4px}.profile-header-skeleton{background:#fff;border:1px solid #e5e7eb;border-radius:6px;padding:1rem;margin-bottom:1rem;box-shadow:0 1px 3px #0000001a}.profile-header-skeleton-content{display:flex;align-items:center;gap:1rem}.profile-avatar-skeleton{width:3rem;height:3rem;border-radius:50%}.profile-info-skeleton{flex:1}.profile-name-skeleton{height:1.25rem;width:8rem;margin-bottom:.5rem}.profile-balance-skeleton{height:.875rem;width:6rem}.profile-tabs-skeleton{background:#fff;border-radius:6px;padding:1rem;margin-bottom:1rem;box-shadow:0 1px 3px #0000001a;border:1px solid #e5e7eb}.profile-tabs-skeleton-buttons{display:flex;gap:.5rem}.profile-tab-skeleton{height:2.5rem;flex:1;border-radius:8px}.profile-content-skeleton{background:#fff;border-radius:6px;padding:1rem;margin-bottom:1rem;box-shadow:0 1px 3px #0000001a;border:1px solid #e5e7eb}.profile-form-skeleton{margin-bottom:1rem}.profile-form-skeleton:last-child{margin-bottom:0}.profile-form-label-skeleton{height:.75rem;width:5rem;margin-bottom:.5rem}.profile-form-input-skeleton{height:2rem;width:100%;border-radius:4px}.profile-stats-skeleton{display:flex;flex-direction:column;gap:1rem}.profile-stat-skeleton{background:#f9fafb;border:1px solid #e5e7eb;border-radius:4px;padding:1rem;text-align:center}.profile-stat-value-skeleton{height:1.5rem;width:4rem;margin:0 auto .5rem}.profile-stat-label-skeleton{height:.75rem;width:6rem;margin:0 auto}.charge-request-skeleton{background:#fff;border-radius:6px;padding:1rem;margin-bottom:1rem;box-shadow:0 1px 3px #0000001a;border:1px solid #e5e7eb}.charge-form-skeleton{margin-bottom:1rem}.charge-form-skeleton:last-child{margin-bottom:0}.charge-form-label-skeleton{height:.75rem;width:6rem;margin-bottom:.5rem}.charge-form-input-skeleton{height:2rem;width:100%;border-radius:4px}.charge-button-skeleton{height:2.5rem;width:100%;border-radius:4px;margin-top:1rem}.charge-history-skeleton{background:#fff;border-radius:6px;padding:1rem;margin-bottom:1rem;box-shadow:0 1px 3px #0000001a;border:1px solid #e5e7eb}.charge-history-item-skeleton{background:#f9fafb;border:1px solid #e5e7eb;border-radius:4px;padding:.75rem;margin-bottom:.5rem;display:flex;justify-content:space-between;align-items:center}.charge-history-item-skeleton:last-child{margin-bottom:0}.charge-history-content-skeleton{display:flex;align-items:center;gap:.75rem}.charge-history-icon-skeleton{width:1rem;height:1rem;border-radius:50%}.charge-history-info-skeleton{flex:1}.charge-history-amount-skeleton{height:1rem;width:4rem;margin-bottom:.25rem}.charge-history-date-skeleton{height:.75rem;width:6rem}.charge-history-status-skeleton{height:1rem;width:3rem;border-radius:4px}.login-form-skeleton{background:#fff;border-radius:6px;padding:1rem;margin-bottom:1rem;box-shadow:0 1px 3px #0000001a;border:1px solid #e5e7eb}.login-form-group-skeleton{margin-bottom:1rem}.login-form-group-skeleton:last-child{margin-bottom:0}.login-form-label-skeleton{height:.75rem;width:4rem;margin-bottom:.5rem}.login-form-input-skeleton{height:2rem;width:100%;border-radius:4px}.login-button-skeleton{height:2.5rem;width:100%;border-radius:4px;margin-top:1rem}.nav-skeleton{background:#fff;border-bottom:1px solid #e5e7eb;padding:.75rem 1rem;box-shadow:0 1px 3px #0000001a}.nav-tabs-skeleton{display:flex;gap:.5rem;background:#f8fafc;border-radius:8px;padding:.25rem;border:1px solid #e5e7eb}.nav-tab-skeleton{height:2rem;flex:1;border-radius:6px}.header-skeleton{background:#fff;border-bottom:1px solid #e5e7eb;padding:1rem;box-shadow:0 1px 3px #0000001a;display:flex;justify-content:space-between;align-items:center}.header-logo-skeleton{display:flex;align-items:center;gap:.75rem}.header-logo-icon-skeleton{width:2rem;height:2rem;border-radius:6px}.header-title-skeleton{height:1.25rem;width:8rem}.header-user-skeleton{display:flex;align-items:center;gap:.75rem}.header-user-info-skeleton{text-align:right}.header-user-name-skeleton{height:1rem;width:6rem;margin-bottom:.25rem}.header-user-welcome-skeleton{height:.75rem;width:4rem}.header-logout-skeleton{width:2rem;height:2rem;border-radius:4px}.table-skeleton{background:#fff;border-radius:6px;padding:1rem;margin-bottom:1rem;box-shadow:0 1px 3px #0000001a;border:1px solid #e5e7eb;overflow-x:auto}.table-header-skeleton{display:flex;gap:1rem;margin-bottom:1rem;padding-bottom:.75rem;border-bottom:1px solid #e5e7eb}.table-header-cell-skeleton{height:1rem;flex:1;min-width:4rem}.table-row-skeleton{display:flex;gap:1rem;padding:.75rem 0;border-bottom:1px solid #f3f4f6}.table-row-skeleton:last-child{border-bottom:none}.table-cell-skeleton{height:1rem;flex:1;min-width:4rem}.table-cell-skeleton.small{flex:.5;min-width:2rem}.table-cell-skeleton.large{flex:1.5;min-width:6rem}.summary-cards-skeleton{display:flex;gap:.75rem;margin-bottom:1rem;flex-wrap:wrap}.summary-card-skeleton{background:#fff;border:1px solid #e5e7eb;border-radius:6px;padding:1rem;flex:1;min-width:8rem;text-align:center;box-shadow:0 1px 3px #0000001a}.summary-card-label-skeleton{height:.75rem;width:4rem;margin:0 auto .5rem}.summary-card-value-skeleton{height:1.25rem;width:6rem;margin:0 auto}.filter-skeleton{background:#fff;border-radius:6px;padding:1rem;margin-bottom:1rem;box-shadow:0 1px 3px #0000001a;border:1px solid #e5e7eb}.filter-title-skeleton{height:1rem;width:6rem;margin-bottom:1rem}.filter-buttons-skeleton{display:flex;gap:.5rem;margin-bottom:1rem}.filter-button-skeleton{height:2rem;flex:1;border-radius:4px}.filter-action-skeleton{height:2rem;width:6rem;border-radius:4px}.empty-state-skeleton{background:#fff;border-radius:6px;padding:2rem;text-align:center;margin-bottom:1rem;box-shadow:0 1px 3px #0000001a;border:1px solid #e5e7eb}.empty-state-icon-skeleton{width:3rem;height:3rem;border-radius:50%;margin:0 auto 1rem}.empty-state-text-skeleton{height:1rem;width:8rem;margin:0 auto}.loading-spinner-skeleton{display:flex;justify-content:center;align-items:center;padding:2rem}.loading-spinner-skeleton-content{text-align:center}.loading-spinner-skeleton-icon{width:2rem;height:2rem;border-radius:50%;margin:0 auto .75rem}.loading-spinner-skeleton-text{height:1rem;width:6rem;margin:0 auto}@media (max-width: 640px){.summary-cards-skeleton{flex-direction:column}.summary-card-skeleton{min-width:100%}.table-header-skeleton,.table-row-skeleton{gap:.5rem}.table-cell-skeleton{min-width:3rem}.profile-header-skeleton-content{flex-direction:column;text-align:center}.profile-avatar-skeleton{margin:0 auto}}@media (prefers-color-scheme: dark){.skeleton{background:linear-gradient(90deg,#f8fafc 25%,#f1f5f9,#f8fafc 75%);background-size:200% 100%}.market-price-skeleton,.market-trading-skeleton,.market-chart-skeleton{background:#fff;border-color:#e5e7eb}.market-conversion-skeleton,.market-price-summary-skeleton,.market-balance-skeleton{background:#f9fafb;border-color:#e5e7eb}}.chart-toggle-container{margin-bottom:.75rem}.chart-toggle-btn{display:flex;align-items:center;gap:.5rem;padding:.5rem .75rem;background:#f8fafc;border:1px solid #e5e7eb;border-radius:4px;color:#374151;font-size:.75rem;font-weight:500;cursor:pointer;transition:all .2s ease;width:100%;justify-content:center}.chart-toggle-btn:hover{background:#e5e7eb;border-color:#d1d5db}.Toastify__toast-container{font-family:Dana,Vazir,Tahoma,sans-serif}.Toastify__toast{border-radius:12px;box-shadow:0 4px 12px #00000026;border:1px solid rgba(0,0,0,.1);min-height:60px;padding:16px}.Toastify__toast--success{background:linear-gradient(135deg,#f0fdf4,#dcfce7);color:#166534;border-left:4px solid #22c55e}.Toastify__toast--error{background:linear-gradient(135deg,#fef2f2,#fee2e2);color:#991b1b;border-left:4px solid #ef4444}.Toastify__toast--warning{background:linear-gradient(135deg,#fffbeb,#fef3c7);color:#92400e;border-left:4px solid #f59e0b}.Toastify__toast--info{background:linear-gradient(135deg,#eff6ff,#dbeafe);color:#1e40af;border-left:4px solid #3b82f6}.Toastify__toast-body{font-size:14px;font-weight:500;line-height:1.5;padding:0;margin:0}.Toastify__progress-bar{background:linear-gradient(90deg,#ffffff4d,#fff9)}.Toastify__progress-bar--success{background:linear-gradient(90deg,#22c55e,#16a34a)}.Toastify__progress-bar--error{background:linear-gradient(90deg,#ef4444,#dc2626)}.Toastify__progress-bar--warning{background:linear-gradient(90deg,#f59e0b,#d97706)}.Toastify__progress-bar--info{background:linear-gradient(90deg,#3b82f6,#2563eb)}.Toastify__close-button{color:#00000080;opacity:.7;transition:opacity .2s ease}.Toastify__close-button:hover{opacity:1}.Toastify__toast-container--top-right{right:1rem;left:auto}.Toastify__toast-container--top-left{left:1rem;right:auto}.Toastify__toast-container--bottom-right{right:1rem;left:auto}.Toastify__toast-container--bottom-left{left:1rem;right:auto}.mobile-view-container{max-width:600px;margin:0 auto;min-height:100vh;background:#f8f9fa;box-shadow:0 0 20px #0000001a;position:relative}@media (max-width: 600px){.mobile-view-container{max-width:100%;margin:0;box-shadow:none}}:root{--toastify-color-light: #fff;--toastify-color-dark: #121212;--toastify-color-info: #3498db;--toastify-color-success: #07bc0c;--toastify-color-warning: #f1c40f;--toastify-color-error: hsl(6, 78%, 57%);--toastify-color-transparent: rgba(255, 255, 255, .7);--toastify-icon-color-info: var(--toastify-color-info);--toastify-icon-color-success: var(--toastify-color-success);--toastify-icon-color-warning: var(--toastify-color-warning);--toastify-icon-color-error: var(--toastify-color-error);--toastify-container-width: fit-content;--toastify-toast-width: 320px;--toastify-toast-offset: 16px;--toastify-toast-top: max(var(--toastify-toast-offset), env(safe-area-inset-top));--toastify-toast-right: max(var(--toastify-toast-offset), env(safe-area-inset-right));--toastify-toast-left: max(var(--toastify-toast-offset), env(safe-area-inset-left));--toastify-toast-bottom: max(var(--toastify-toast-offset), env(safe-area-inset-bottom));--toastify-toast-background: #fff;--toastify-toast-padding: 14px;--toastify-toast-min-height: 64px;--toastify-toast-max-height: 800px;--toastify-toast-bd-radius: 6px;--toastify-toast-shadow: 0px 4px 12px rgba(0, 0, 0, .1);--toastify-font-family: sans-serif;--toastify-z-index: 9999;--toastify-text-color-light: #757575;--toastify-text-color-dark: #fff;--toastify-text-color-info: #fff;--toastify-text-color-success: #fff;--toastify-text-color-warning: #fff;--toastify-text-color-error: #fff;--toastify-spinner-color: #616161;--toastify-spinner-color-empty-area: #e0e0e0;--toastify-color-progress-light: linear-gradient(to right, #4cd964, #5ac8fa, #007aff, #34aadc, #5856d6, #ff2d55);--toastify-color-progress-dark: #bb86fc;--toastify-color-progress-info: var(--toastify-color-info);--toastify-color-progress-success: var(--toastify-color-success);--toastify-color-progress-warning: var(--toastify-color-warning);--toastify-color-progress-error: var(--toastify-color-error);--toastify-color-progress-bgo: .2}.Toastify__toast-container{z-index:var(--toastify-z-index);-webkit-transform:translate3d(0,0,var(--toastify-z-index));position:fixed;width:var(--toastify-container-width);box-sizing:border-box;color:#fff;display:flex;flex-direction:column}.Toastify__toast-container--top-left{top:var(--toastify-toast-top);left:var(--toastify-toast-left)}.Toastify__toast-container--top-center{top:var(--toastify-toast-top);left:50%;transform:translate(-50%);align-items:center}.Toastify__toast-container--top-right{top:var(--toastify-toast-top);right:var(--toastify-toast-right);align-items:end}.Toastify__toast-container--bottom-left{bottom:var(--toastify-toast-bottom);left:var(--toastify-toast-left)}.Toastify__toast-container--bottom-center{bottom:var(--toastify-toast-bottom);left:50%;transform:translate(-50%);align-items:center}.Toastify__toast-container--bottom-right{bottom:var(--toastify-toast-bottom);right:var(--toastify-toast-right);align-items:end}.Toastify__toast{--y: 0;position:relative;touch-action:none;width:var(--toastify-toast-width);min-height:var(--toastify-toast-min-height);box-sizing:border-box;margin-bottom:1rem;padding:var(--toastify-toast-padding);border-radius:var(--toastify-toast-bd-radius);box-shadow:var(--toastify-toast-shadow);max-height:var(--toastify-toast-max-height);font-family:var(--toastify-font-family);z-index:0;display:flex;flex:1 auto;align-items:center;word-break:break-word}@media only screen and (max-width: 480px){.Toastify__toast-container{width:100vw;left:env(safe-area-inset-left);margin:0}.Toastify__toast-container--top-left,.Toastify__toast-container--top-center,.Toastify__toast-container--top-right{top:env(safe-area-inset-top);transform:translate(0)}.Toastify__toast-container--bottom-left,.Toastify__toast-container--bottom-center,.Toastify__toast-container--bottom-right{bottom:env(safe-area-inset-bottom);transform:translate(0)}.Toastify__toast-container--rtl{right:env(safe-area-inset-right);left:initial}.Toastify__toast{--toastify-toast-width: 100%;margin-bottom:0;border-radius:0}}.Toastify__toast-container[data-stacked=true]{width:var(--toastify-toast-width)}.Toastify__toast--stacked{position:absolute;width:100%;transform:translate3d(0,var(--y),0) scale(var(--s));transition:transform .3s}.Toastify__toast--stacked[data-collapsed] .Toastify__toast-body,.Toastify__toast--stacked[data-collapsed] .Toastify__close-button{transition:opacity .1s}.Toastify__toast--stacked[data-collapsed=false]{overflow:visible}.Toastify__toast--stacked[data-collapsed=true]:not(:last-child)>*{opacity:0}.Toastify__toast--stacked:after{content:"";position:absolute;left:0;right:0;height:calc(var(--g) * 1px);bottom:100%}.Toastify__toast--stacked[data-pos=top]{top:0}.Toastify__toast--stacked[data-pos=bot]{bottom:0}.Toastify__toast--stacked[data-pos=bot].Toastify__toast--stacked:before{transform-origin:top}.Toastify__toast--stacked[data-pos=top].Toastify__toast--stacked:before{transform-origin:bottom}.Toastify__toast--stacked:before{content:"";position:absolute;left:0;right:0;bottom:0;height:100%;transform:scaleY(3);z-index:-1}.Toastify__toast--rtl{direction:rtl}.Toastify__toast--close-on-click{cursor:pointer}.Toastify__toast-icon{margin-inline-end:10px;width:22px;flex-shrink:0;display:flex}.Toastify--animate{animation-fill-mode:both;animation-duration:.5s}.Toastify--animate-icon{animation-fill-mode:both;animation-duration:.3s}.Toastify__toast-theme--dark{background:var(--toastify-color-dark);color:var(--toastify-text-color-dark)}.Toastify__toast-theme--light,.Toastify__toast-theme--colored.Toastify__toast--default{background:var(--toastify-color-light);color:var(--toastify-text-color-light)}.Toastify__toast-theme--colored.Toastify__toast--info{color:var(--toastify-text-color-info);background:var(--toastify-color-info)}.Toastify__toast-theme--colored.Toastify__toast--success{color:var(--toastify-text-color-success);background:var(--toastify-color-success)}.Toastify__toast-theme--colored.Toastify__toast--warning{color:var(--toastify-text-color-warning);background:var(--toastify-color-warning)}.Toastify__toast-theme--colored.Toastify__toast--error{color:var(--toastify-text-color-error);background:var(--toastify-color-error)}.Toastify__progress-bar-theme--light{background:var(--toastify-color-progress-light)}.Toastify__progress-bar-theme--dark{background:var(--toastify-color-progress-dark)}.Toastify__progress-bar--info{background:var(--toastify-color-progress-info)}.Toastify__progress-bar--success{background:var(--toastify-color-progress-success)}.Toastify__progress-bar--warning{background:var(--toastify-color-progress-warning)}.Toastify__progress-bar--error{background:var(--toastify-color-progress-error)}.Toastify__progress-bar-theme--colored.Toastify__progress-bar--info,.Toastify__progress-bar-theme--colored.Toastify__progress-bar--success,.Toastify__progress-bar-theme--colored.Toastify__progress-bar--warning,.Toastify__progress-bar-theme--colored.Toastify__progress-bar--error{background:var(--toastify-color-transparent)}.Toastify__close-button{color:#fff;position:absolute;top:6px;right:6px;background:transparent;outline:none;border:none;padding:0;cursor:pointer;opacity:.7;transition:.3s ease;z-index:1}.Toastify__toast--rtl .Toastify__close-button{left:6px;right:unset}.Toastify__close-button--light{color:#000;opacity:.3}.Toastify__close-button>svg{fill:currentColor;height:16px;width:14px}.Toastify__close-button:hover,.Toastify__close-button:focus{opacity:1}@keyframes Toastify__trackProgress{0%{transform:scaleX(1)}to{transform:scaleX(0)}}.Toastify__progress-bar{position:absolute;bottom:0;left:0;width:100%;height:100%;z-index:1;opacity:.7;transform-origin:left}.Toastify__progress-bar--animated{animation:Toastify__trackProgress linear 1 forwards}.Toastify__progress-bar--controlled{transition:transform .2s}.Toastify__progress-bar--rtl{right:0;left:initial;transform-origin:right;border-bottom-left-radius:initial}.Toastify__progress-bar--wrp{position:absolute;overflow:hidden;bottom:0;left:0;width:100%;height:5px;border-bottom-left-radius:var(--toastify-toast-bd-radius);border-bottom-right-radius:var(--toastify-toast-bd-radius)}.Toastify__progress-bar--wrp[data-hidden=true]{opacity:0}.Toastify__progress-bar--bg{opacity:var(--toastify-color-progress-bgo);width:100%;height:100%}.Toastify__spinner{width:20px;height:20px;box-sizing:border-box;border:2px solid;border-radius:100%;border-color:var(--toastify-spinner-color-empty-area);border-right-color:var(--toastify-spinner-color);animation:Toastify__spin .65s linear infinite}@keyframes Toastify__bounceInRight{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(3000px,0,0)}60%{opacity:1;transform:translate3d(-25px,0,0)}75%{transform:translate3d(10px,0,0)}90%{transform:translate3d(-5px,0,0)}to{transform:none}}@keyframes Toastify__bounceOutRight{20%{opacity:1;transform:translate3d(-20px,var(--y),0)}to{opacity:0;transform:translate3d(2000px,var(--y),0)}}@keyframes Toastify__bounceInLeft{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(-3000px,0,0)}60%{opacity:1;transform:translate3d(25px,0,0)}75%{transform:translate3d(-10px,0,0)}90%{transform:translate3d(5px,0,0)}to{transform:none}}@keyframes Toastify__bounceOutLeft{20%{opacity:1;transform:translate3d(20px,var(--y),0)}to{opacity:0;transform:translate3d(-2000px,var(--y),0)}}@keyframes Toastify__bounceInUp{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(0,3000px,0)}60%{opacity:1;transform:translate3d(0,-20px,0)}75%{transform:translate3d(0,10px,0)}90%{transform:translate3d(0,-5px,0)}to{transform:translateZ(0)}}@keyframes Toastify__bounceOutUp{20%{transform:translate3d(0,calc(var(--y) - 10px),0)}40%,45%{opacity:1;transform:translate3d(0,calc(var(--y) + 20px),0)}to{opacity:0;transform:translate3d(0,-2000px,0)}}@keyframes Toastify__bounceInDown{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(0,-3000px,0)}60%{opacity:1;transform:translate3d(0,25px,0)}75%{transform:translate3d(0,-10px,0)}90%{transform:translate3d(0,5px,0)}to{transform:none}}@keyframes Toastify__bounceOutDown{20%{transform:translate3d(0,calc(var(--y) - 10px),0)}40%,45%{opacity:1;transform:translate3d(0,calc(var(--y) + 20px),0)}to{opacity:0;transform:translate3d(0,2000px,0)}}.Toastify__bounce-enter--top-left,.Toastify__bounce-enter--bottom-left{animation-name:Toastify__bounceInLeft}.Toastify__bounce-enter--top-right,.Toastify__bounce-enter--bottom-right{animation-name:Toastify__bounceInRight}.Toastify__bounce-enter--top-center{animation-name:Toastify__bounceInDown}.Toastify__bounce-enter--bottom-center{animation-name:Toastify__bounceInUp}.Toastify__bounce-exit--top-left,.Toastify__bounce-exit--bottom-left{animation-name:Toastify__bounceOutLeft}.Toastify__bounce-exit--top-right,.Toastify__bounce-exit--bottom-right{animation-name:Toastify__bounceOutRight}.Toastify__bounce-exit--top-center{animation-name:Toastify__bounceOutUp}.Toastify__bounce-exit--bottom-center{animation-name:Toastify__bounceOutDown}@keyframes Toastify__zoomIn{0%{opacity:0;transform:scale3d(.3,.3,.3)}50%{opacity:1}}@keyframes Toastify__zoomOut{0%{opacity:1}50%{opacity:0;transform:translate3d(0,var(--y),0) scale3d(.3,.3,.3)}to{opacity:0}}.Toastify__zoom-enter{animation-name:Toastify__zoomIn}.Toastify__zoom-exit{animation-name:Toastify__zoomOut}@keyframes Toastify__flipIn{0%{transform:perspective(400px) rotateX(90deg);animation-timing-function:ease-in;opacity:0}40%{transform:perspective(400px) rotateX(-20deg);animation-timing-function:ease-in}60%{transform:perspective(400px) rotateX(10deg);opacity:1}80%{transform:perspective(400px) rotateX(-5deg)}to{transform:perspective(400px)}}@keyframes Toastify__flipOut{0%{transform:translate3d(0,var(--y),0) perspective(400px)}30%{transform:translate3d(0,var(--y),0) perspective(400px) rotateX(-20deg);opacity:1}to{transform:translate3d(0,var(--y),0) perspective(400px) rotateX(90deg);opacity:0}}.Toastify__flip-enter{animation-name:Toastify__flipIn}.Toastify__flip-exit{animation-name:Toastify__flipOut}@keyframes Toastify__slideInRight{0%{transform:translate3d(110%,0,0);visibility:visible}to{transform:translate3d(0,var(--y),0)}}@keyframes Toastify__slideInLeft{0%{transform:translate3d(-110%,0,0);visibility:visible}to{transform:translate3d(0,var(--y),0)}}@keyframes Toastify__slideInUp{0%{transform:translate3d(0,110%,0);visibility:visible}to{transform:translate3d(0,var(--y),0)}}@keyframes Toastify__slideInDown{0%{transform:translate3d(0,-110%,0);visibility:visible}to{transform:translate3d(0,var(--y),0)}}@keyframes Toastify__slideOutRight{0%{transform:translate3d(0,var(--y),0)}to{visibility:hidden;transform:translate3d(110%,var(--y),0)}}@keyframes Toastify__slideOutLeft{0%{transform:translate3d(0,var(--y),0)}to{visibility:hidden;transform:translate3d(-110%,var(--y),0)}}@keyframes Toastify__slideOutDown{0%{transform:translate3d(0,var(--y),0)}to{visibility:hidden;transform:translate3d(0,500px,0)}}@keyframes Toastify__slideOutUp{0%{transform:translate3d(0,var(--y),0)}to{visibility:hidden;transform:translate3d(0,-500px,0)}}.Toastify__slide-enter--top-left,.Toastify__slide-enter--bottom-left{animation-name:Toastify__slideInLeft}.Toastify__slide-enter--top-right,.Toastify__slide-enter--bottom-right{animation-name:Toastify__slideInRight}.Toastify__slide-enter--top-center{animation-name:Toastify__slideInDown}.Toastify__slide-enter--bottom-center{animation-name:Toastify__slideInUp}.Toastify__slide-exit--top-left,.Toastify__slide-exit--bottom-left{animation-name:Toastify__slideOutLeft;animation-timing-function:ease-in;animation-duration:.3s}.Toastify__slide-exit--top-right,.Toastify__slide-exit--bottom-right{animation-name:Toastify__slideOutRight;animation-timing-function:ease-in;animation-duration:.3s}.Toastify__slide-exit--top-center{animation-name:Toastify__slideOutUp;animation-timing-function:ease-in;animation-duration:.3s}.Toastify__slide-exit--bottom-center{animation-name:Toastify__slideOutDown;animation-timing-function:ease-in;animation-duration:.3s}@keyframes Toastify__spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}