body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#0f1419;color:#fff;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.loading{color:#fff;height:100vh}:root{--nav-bg-dark:#0f0f23f2;--nav-bg-dark-solid:#0f0f23;--nav-bg-light:#fffffff2;--nav-bg-light-solid:#fff;--text-dark:#fff;--text-light:#333;--accent-color:#667eea;--accent-hover:#764ba2;--border-dark:#ffffff1a;--border-light:#0000001a;--shadow:0 8px 32px #0000004d;--shadow-light:0 4px 16px #0000001a;--bg-primary:#1a1a1a;--bg-secondary:#2d2d2d;--bg-tertiary:#3d3d3d;--text-secondary:#ccc;--text-muted:#888;--border-color:#404040;--success-color:#34d399;--error-color:#f87171;--warning-color:#fbbf24;--own-message-bg:#7c93ff;--own-message-text:#fff;--other-message-bg:#2d2d2d;--other-message-text:#fff}.light-theme{--bg-primary:#fff;--bg-secondary:#f8f9fa;--bg-tertiary:#e9ecef;--text-primary:#333;--text-secondary:#666;--text-muted:#999;--border-color:#e0e0e0;--own-message-bg:#667eea;--own-message-text:#fff;--other-message-bg:#fff;--other-message-text:#333}.footer-nav-icon svg,.nav-icon svg{height:20px;transition:all .3s ease;width:20px}.footer-nav-item.active .footer-nav-icon svg,.footer-nav-item:hover .footer-nav-icon svg,.nav-link.active .nav-icon svg,.nav-link:hover .nav-icon svg{color:#667eea;transform:scale(1.1)}.footer-nav-item,.nav-link{align-items:center;display:flex;gap:12px}.footer-nav-icon,.nav-icon{align-items:center;display:flex;height:24px;justify-content:center;width:24px}.logout-btn{gap:8px}.logout-btn .nav-icon{height:18px;width:18px}body.nav-open{overflow:hidden}.main-navigation{display:none}.compact-nav-container{position:fixed;right:20px;top:20px;transition:all .3s ease;z-index:1000}.compact-nav-container.scrolled{top:10px}.compact-nav-toggle{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);background:linear-gradient(135deg,var(--accent-color),var(--accent-hover));border:none;border-radius:50%;box-shadow:0 8px 32px #0000004d;box-shadow:var(--shadow);cursor:pointer;display:flex;flex-direction:column;gap:3px;height:50px;justify-content:center;padding:12px;transition:all .3s ease;width:50px;z-index:1002}.compact-nav-toggle:hover{transform:scale(1.1)}.compact-nav-toggle.active,.compact-nav-toggle:hover{background:linear-gradient(135deg,#764ba2,#667eea);background:linear-gradient(135deg,var(--accent-hover),var(--accent-color))}.compact-nav-toggle .hamburger-line{background:#fff;border-radius:1px;height:2px;transition:all .3s ease;width:20px}.compact-nav-toggle.active .hamburger-line:first-child{transform:rotate(45deg) translate(5px,5px)}.compact-nav-toggle.active .hamburger-line:nth-child(2){opacity:0}.compact-nav-toggle.active .hamburger-line:nth-child(3){transform:rotate(-45deg) translate(5px,-5px)}.compact-nav-menu{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#0f0f23f2;background:var(--nav-bg-dark);box-shadow:-8px 0 32px #0000004d;display:flex;flex-direction:column;height:100vh;position:fixed;right:-100%;top:0;transition:all .3s ease;width:320px;z-index:1001}.compact-nav-menu.active{right:0}.light-theme .compact-nav-menu{background:#fffffff2;background:var(--nav-bg-light);box-shadow:-8px 0 32px #0000001a}.compact-nav-overlay{background:#00000080;bottom:0;cursor:pointer;left:0;right:0;top:0;z-index:1000}.compact-nav-content{display:flex;flex-direction:column;height:100%;overflow-y:auto;padding:20px}.compact-nav-header{align-items:center;border-bottom:1px solid #ffffff1a;border-bottom:1px solid var(--border-dark);display:flex;justify-content:space-between;margin-bottom:20px;padding-bottom:20px}.light-theme .compact-nav-header{border-bottom-color:#0000001a;border-bottom-color:var(--border-light)}.brand-logo,.compact-nav-brand{align-items:center;display:flex}.brand-logo{font-size:20px;font-weight:700;gap:10px}.logo-icon{font-size:24px}.dark-theme .logo-text,.light-theme .logo-text{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;background-clip:text}.compact-nav-close-btn{align-items:center;background:none;border:none;border-radius:6px;color:#fff;color:var(--text-dark);cursor:pointer;display:flex;font-size:24px;height:40px;justify-content:center;padding:8px;transition:all .3s ease;width:40px}.light-theme .compact-nav-close-btn{color:#333;color:var(--text-light)}.compact-nav-close-btn:hover{background:#ffffff1a;transform:scale(1.1)}.compact-user-info{align-items:center;background:#ffffff1a;border-radius:12px;display:flex;gap:12px;margin-bottom:20px;padding:15px}.light-theme .compact-user-info{background:#0000000d}.compact-user-info .user-avatar{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);background:linear-gradient(135deg,var(--accent-color),var(--accent-hover));border-radius:50%;color:#fff;display:flex;font-size:18px;font-weight:600;height:45px;justify-content:center;width:45px}.compact-user-info .user-details{display:flex;flex-direction:column;gap:2px}.compact-user-info .user-name{color:#fff;color:var(--text-dark);font-size:16px;font-weight:600}.light-theme .compact-user-info .user-name{color:#333;color:var(--text-light)}.compact-user-info .user-role{color:#fff;color:var(--text-dark);font-size:12px;opacity:.7;text-transform:capitalize}.light-theme .compact-user-info .user-role{color:#333;color:var(--text-light)}.compact-nav-links{display:flex;flex:1 1;flex-direction:column;gap:5px;list-style:none;margin:0;padding:0}.compact-nav-links .nav-item{width:100%}.compact-nav-links .nav-link{align-items:center;background:none;border:none;border-radius:8px;color:#fff;color:var(--text-dark);cursor:pointer;display:flex;font-size:15px;font-weight:500;gap:12px;padding:15px;text-align:left;text-decoration:none;transition:all .3s ease;width:100%}.light-theme .compact-nav-links .nav-link{color:#333;color:var(--text-light)}.compact-nav-links .nav-link:hover{transform:translateY(-2px)}.dark-theme .compact-nav-links .nav-link:hover{background:#ffffff1a}.light-theme .compact-nav-links .nav-link:hover{background:#0000000a}.dark-theme .compact-nav-links .nav-link.active,.light-theme .compact-nav-links .nav-link.active{background:linear-gradient(135deg,#667eea,#764ba2);background:linear-gradient(135deg,var(--accent-color),var(--accent-hover));color:#fff}.nav-icon{text-align:center;width:20px}.nav-text{white-space:nowrap}.chat-support-btn{position:relative}.unread-badge{animation:pulse 2s infinite;background:#f44;font-size:10px;height:18px;position:absolute;right:12px;top:12px;width:18px}.admin-link{background:linear-gradient(135deg,#ff6b6b,#ee5a24)!important;color:#fff!important}.admin-link:hover{background:linear-gradient(135deg,#ff5252,#e74c3c)!important}.compact-nav-controls{border-top:1px solid #ffffff1a;border-top:1px solid var(--border-dark);display:flex;flex-direction:column;gap:15px;padding-top:20px}.light-theme .compact-nav-controls{border-top-color:#0000001a;border-top-color:var(--border-light)}.auth-buttons,.compact-auth-section{display:flex;flex-direction:column;gap:10px}.auth-btn{align-items:center;border-radius:8px;display:flex;font-size:14px;font-weight:500;gap:8px;justify-content:center;padding:12px 16px;text-align:center;text-decoration:none;transition:all .3s ease}.login-btn{background:#ffffff1a;color:#fff;color:var(--text-dark)}.light-theme .login-btn{background:#0000000d;color:#333;color:var(--text-light)}.register-btn{background:linear-gradient(135deg,#667eea,#764ba2);background:linear-gradient(135deg,var(--accent-color),var(--accent-hover));color:#fff}.register-btn:hover{background:linear-gradient(135deg,#764ba2,#667eea);background:linear-gradient(135deg,var(--accent-hover),var(--accent-color))}.login-btn:hover,.register-btn:hover{transform:translateY(-2px)}.compact-auth-section .user-actions,.logout-btn{display:flex;justify-content:center}.logout-btn{align-items:center;background:#f443361a;border:none;border-radius:8px;color:#f44336;cursor:pointer;font-size:14px;font-weight:500;gap:6px;padding:12px 16px;text-decoration:none;transition:all .3s ease;width:100%}.light-theme .logout-btn{background:#f443360d;color:#d32f2f}.logout-btn:hover{transform:translateY(-1px)}.compact-nav-controls .theme-toggle{align-items:center;align-self:center;background:#ffffff1a;border:none;border-radius:50%;cursor:pointer;display:flex;font-size:20px;height:50px;justify-content:center;padding:12px;transition:all .3s ease;width:50px}.light-theme .compact-nav-controls .theme-toggle{background:#0000001a}.compact-nav-controls .theme-toggle:hover{transform:scale(1.1)}.nav-chat-box{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#1a1a1a;background:var(--bg-primary);border:1px solid #404040;border:1px solid var(--border-color);border-radius:16px;box-shadow:0 20px 40px #0000004d;display:flex;flex-direction:column;height:520px;overflow:hidden;position:fixed;width:380px;z-index:10000}@media (min-width:1025px){.nav-chat-box{bottom:auto;left:auto;right:20px;top:80px}}@media (max-width:1024px) and (min-width:769px){.nav-chat-box{height:500px;right:15px;top:70px;width:350px}}@media (max-width:768px){.nav-chat-box{border-radius:0;bottom:0;height:100%;left:0;position:fixed;right:0;top:0;width:100%;z-index:10001}}.nav-chat-header{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);background:linear-gradient(135deg,var(--accent-color),var(--accent-hover));border-bottom:1px solid #404040;border-bottom:1px solid var(--border-color);color:#fff;display:flex;justify-content:space-between;min-height:60px;padding:15px 20px}@media (max-width:768px){.nav-chat-header{min-height:56px;padding:12px 15px}}.chat-header-info{align-items:center;display:flex;flex:1 1;gap:10px}.chat-header-info h3{color:#fff;font-size:16px;font-weight:600;margin:0}@media (max-width:480px){.chat-header-info h3{font-size:15px}}.chat-status-indicator{animation:pulse 2s infinite;background:#4cd964;border-radius:50%;height:8px;width:8px}.chat-header-actions{align-items:center;display:flex;gap:8px}.album-btn,.nav-chat-close-btn{align-items:center;background:#fff3;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:16px;height:36px;justify-content:center;padding:8px;transition:all .2s ease;width:36px}@media (max-width:480px){.album-btn,.nav-chat-close-btn{font-size:14px;height:32px;padding:6px;width:32px}}.album-btn:hover,.nav-chat-close-btn:hover{background:#ffffff4d;transform:scale(1.1)}.nav-chat-messages{background:#2d2d2d;background:var(--bg-secondary);display:flex;flex:1 1;flex-direction:column;gap:12px;overflow-y:auto;padding:15px}@media (max-width:768px){.nav-chat-messages{gap:10px;padding:12px}}@media (max-width:480px){.nav-chat-messages{gap:8px;padding:10px}}.nav-chat-message{word-wrap:break-word;animation:messageSlide .3s ease-out;border-radius:18px;max-width:85%;padding:12px 16px}@media (max-width:768px){.nav-chat-message{max-width:90%;padding:10px 14px}}@media (max-width:480px){.nav-chat-message{max-width:95%;padding:8px 12px}}.nav-own-message{align-self:flex-end;background:#7c93ff;background:var(--own-message-bg);border-bottom-right-radius:4px;color:#fff;color:var(--own-message-text)}.nav-other-message{align-self:flex-start;background:#2d2d2d;background:var(--other-message-bg);border:1px solid #404040;border:1px solid var(--border-color);border-bottom-left-radius:4px;color:#fff;color:var(--other-message-text)}.nav-message-header{align-items:center;display:flex;font-size:11px;justify-content:space-between;margin-bottom:4px;opacity:.8}@media (max-width:480px){.nav-message-header{font-size:10px;margin-bottom:2px}}.nav-sender-name{font-weight:600}.nav-message-time{font-size:10px}@media (max-width:480px){.nav-message-time{font-size:9px}}.nav-message-content{word-wrap:break-word;font-size:14px;line-height:1.4}@media (max-width:480px){.nav-message-content{font-size:13px;line-height:1.3}}.nav-message-image{margin:5px 0;max-width:100%}.nav-message-image img{border:2px solid #404040;border:2px solid var(--border-color);border-radius:12px;box-shadow:0 2px 8px #0003;cursor:pointer;max-height:200px;max-width:100%;transition:transform .2s ease}@media (max-width:768px){.nav-message-image img{max-height:180px}}@media (max-width:480px){.nav-message-image img{border-radius:8px;max-height:150px}}.nav-message-image img:hover{transform:scale(1.02)}.nav-image-caption{background:#3d3d3d;background:var(--bg-tertiary);border-radius:8px;color:#ccc;color:var(--text-secondary);font-size:12px;margin-top:8px;padding:8px 12px}@media (max-width:480px){.nav-image-caption{font-size:11px;margin-top:6px;padding:6px 10px}}.nav-message-file{align-items:center;background:#2d2d2d;background:var(--other-message-bg);border:1px solid #404040;border:1px solid var(--border-color);border-radius:12px;box-shadow:0 2px 5px #0000001a;color:#fff;color:var(--text-primary);display:flex;gap:10px;max-width:300px;padding:12px}@media (max-width:480px){.nav-message-file{gap:8px;max-width:250px;padding:10px}}.nav-file-icon{font-size:20px}@media (max-width:480px){.nav-file-icon{font-size:18px}}.nav-file-info{flex:1 1;min-width:0}.nav-file-link{color:#667eea;color:var(--accent-color);display:block;font-weight:500;overflow:hidden;text-decoration:none;text-overflow:ellipsis;white-space:nowrap}.nav-file-link:hover{text-decoration:underline}.nav-file-size{color:#888;color:var(--text-muted);display:block;font-size:11px;margin-top:2px}@media (max-width:480px){.nav-file-size{font-size:10px}}.nav-message-status{color:#888;color:var(--text-muted);font-size:10px;margin-top:4px;text-align:right}@media (max-width:480px){.nav-message-status{font-size:9px;margin-top:2px}}.nav-chat-form{background:#1a1a1a;background:var(--bg-primary);border-top:1px solid #404040;border-top:1px solid var(--border-color);padding:15px}@media (max-width:768px){.nav-chat-form{padding:12px}}@media (max-width:480px){.nav-chat-form{padding:10px}}.nav-chat-input-container{align-items:flex-end;display:flex;gap:10px}@media (max-width:480px){.nav-chat-input-container{gap:8px}}.nav-chat-input-container input{background:#2d2d2d;background:var(--bg-secondary);border:1px solid #404040;border:1px solid var(--border-color);border-radius:25px;color:#fff;color:var(--text-primary);flex:1 1;font-size:14px;min-height:44px;outline:none;padding:12px 16px;transition:all .3s ease}@media (max-width:480px){.nav-chat-input-container input{font-size:13px;min-height:40px;padding:10px 14px}}.nav-chat-input-container input:focus{border-color:#667eea;border-color:var(--accent-color);box-shadow:0 0 0 2px #667eea33}.nav-chat-input-container input:disabled{cursor:not-allowed;opacity:.6}.nav-chat-input-container input::placeholder{color:#888;color:var(--text-muted)}.nav-action-buttons{align-items:center;display:flex;gap:8px}@media (max-width:480px){.nav-action-buttons{gap:6px}}.nav-file-upload-btn{align-items:center;background:none;border:none;border-radius:50%;color:#667eea;color:var(--accent-color);cursor:pointer;display:flex;flex-shrink:0;font-size:18px;height:44px;justify-content:center;padding:10px;transition:all .2s ease;width:44px}@media (max-width:480px){.nav-file-upload-btn{font-size:16px;height:40px;padding:8px;width:40px}}.nav-file-upload-btn:hover{background:#667eea;background:var(--accent-color);color:#fff;transform:scale(1.1)}.nav-chat-send-btn{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);background:linear-gradient(135deg,var(--accent-color),var(--accent-hover));border:none;border-radius:20px;color:#fff;cursor:pointer;display:flex;flex-shrink:0;font-size:14px;font-weight:500;gap:6px;justify-content:center;min-height:44px;min-width:80px;padding:12px 20px;transition:all .3s ease}@media (max-width:480px){.nav-chat-send-btn{font-size:13px;gap:4px;min-height:40px;min-width:70px;padding:10px 16px}}.nav-chat-send-btn:hover:not(:disabled){box-shadow:0 4px 12px #667eea4d;transform:translateY(-1px)}.nav-chat-send-btn:disabled{cursor:not-allowed;opacity:.6;transform:none}.nav-chat-send-btn.sending{background:linear-gradient(135deg,#7f8c8d,#95a5a6)}.nav-sending-spinner{animation:spin 1s linear infinite;border:2px solid #0000;border-radius:50%;border-top-color:currentcolor;height:16px;width:16px}@media (max-width:480px){.nav-sending-spinner{height:14px;width:14px}}.nav-upload-progress{align-items:center;color:#ccc;color:var(--text-secondary);display:flex;font-size:12px;gap:8px;margin-top:8px}@media (max-width:480px){.nav-upload-progress{font-size:11px;gap:6px}}.nav-progress-bar{background:#404040;background:var(--border-color);border-radius:10px;flex:1 1;height:4px;overflow:hidden}.nav-progress-fill{animation:progressPulse 2s ease-in-out infinite;background:linear-gradient(90deg,#667eea,#34d399);background:linear-gradient(90deg,var(--accent-color),var(--success-color));height:100%;width:0}.nav-chat-error{align-items:center;background:#f443361a;border-bottom:1px solid #404040;border-bottom:1px solid var(--border-color);color:#f44336;display:flex;font-size:12px;justify-content:space-between;padding:12px 15px}@media (max-width:480px){.nav-chat-error{font-size:11px;padding:10px 12px}}.nav-chat-error button{background:none;border:none;border-radius:4px;color:#f44336;cursor:pointer;font-size:16px;padding:4px;transition:background .2s ease}.nav-chat-error button:hover{background:#f443361a}.nav-chat-loading,.nav-chat-no-messages{align-items:center;color:#ccc;color:var(--text-secondary);display:flex;flex-direction:column;height:100%;justify-content:center;padding:20px;text-align:center}.loading-spinner{border:2px solid #404040;border-top:2px solid #667eea;border:2px solid var(--border-color);border-top-color:var(--accent-color);margin-bottom:10px}@media (max-width:480px){.no-messages-icon{font-size:40px}}.nav-upload-hint{background:#667eea1a;border-radius:8px;color:#ccc;color:var(--text-secondary);font-size:12px;margin-top:15px;padding:10px}@media (max-width:480px){.nav-upload-hint{font-size:11px;margin-top:12px;padding:8px}}.nav-upload-hint p{margin:0}@media (max-width:768px){.nav-album-modal-content,.nav-image-modal-content,.nav-image-preview-content{height:90%;margin:0;width:95%}.nav-album-grid{gap:10px;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));padding:15px}.nav-image-modal-body{flex-direction:column;padding:15px}.nav-image-modal-body img{max-height:60%;max-width:100%}}@media (max-width:480px){.nav-album-grid{gap:8px;grid-template-columns:repeat(auto-fill,minmax(100px,1fr));padding:10px}.nav-preview-buttons{flex-direction:column}.nav-btn-cancel,.nav-btn-send{width:100%}.nav-preview-image img{max-height:300px}}@media (max-width:768px){.nav-chat-box.keyboard-open{height:100%}.nav-chat-messages.keyboard-open{flex:0.7 1}.nav-chat-form.keyboard-open{flex:0.3 1}}@media (hover:none) and (pointer:coarse){.album-btn:hover,.nav-chat-close-btn:hover,.nav-chat-input-container input:focus,.nav-chat-send-btn:hover,.nav-file-upload-btn:hover,.nav-message-image img:hover{transform:none}}@supports (padding:max(0px)){@media (max-width:768px){.nav-chat-box{padding-bottom:max(10px,env(safe-area-inset-bottom));padding-left:max(10px,env(safe-area-inset-left));padding-right:max(10px,env(safe-area-inset-right))}.nav-chat-header{padding-top:max(12px,env(safe-area-inset-top))}}}@media (prefers-contrast:high){.nav-chat-box{border:2px solid #fff}.nav-chat-message{border:1px solid #fff}}@media (prefers-reduced-motion:reduce){.album-btn,.nav-chat-close-btn,.nav-chat-message,.nav-chat-send-btn,.nav-file-upload-btn,.nav-message-image img{animation:none;transition:none}.nav-progress-fill{animation:none}}.nav-album-modal{align-items:center;background:#000c;display:flex;height:100%;justify-content:center;left:0;padding:20px;position:fixed;top:0;width:100%;z-index:10002}.nav-album-modal-content{background:#1a1a1a;background:var(--bg-primary);border-radius:16px;box-shadow:0 20px 60px #00000080;display:flex;flex-direction:column;height:90%;max-width:1200px;overflow:hidden;width:90%}.nav-album-header{align-items:center;background:#2d2d2d;background:var(--bg-secondary);border-bottom:1px solid #404040;border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;padding:20px}.nav-album-header h3{color:#fff;color:var(--text-primary);font-size:1.5rem;margin:0}.nav-album-header button{align-items:center;background:none;border:none;border-radius:50%;color:#fff;color:var(--text-primary);cursor:pointer;display:flex;font-size:24px;height:40px;justify-content:center;transition:background .3s ease;width:40px}.nav-album-header button:hover{background:#3d3d3d;background:var(--bg-tertiary)}.nav-album-grid{grid-gap:15px;display:grid;flex:1 1;gap:15px;overflow-y:auto;padding:20px}@media (min-width:1200px){.nav-album-grid{grid-template-columns:repeat(5,1fr)}}@media (min-width:992px) and (max-width:1199px){.nav-album-grid{grid-template-columns:repeat(4,1fr)}}@media (min-width:768px) and (max-width:991px){.nav-album-grid{grid-template-columns:repeat(3,1fr)}}@media (min-width:480px) and (max-width:767px){.nav-album-grid{gap:12px;grid-template-columns:repeat(2,1fr);padding:15px}}@media (max-width:479px){.nav-album-grid{gap:10px;grid-template-columns:1fr;padding:10px}}.nav-album-item{background:#2d2d2d;background:var(--bg-secondary);border:1px solid #404040;border:1px solid var(--border-color);border-radius:12px;cursor:pointer;overflow:hidden;transition:all .3s ease}.nav-album-item:hover{box-shadow:0 8px 25px #0000004d;transform:translateY(-4px)}.nav-album-item img{display:block;height:180px;object-fit:cover;width:100%}@media (max-width:768px){.nav-album-item img{height:150px}}@media (max-width:480px){.nav-album-item img{height:120px}}.nav-album-item-info{padding:12px}.nav-file-name{color:#fff;color:var(--text-primary);display:block;font-size:14px;font-weight:500;margin-bottom:4px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.nav-upload-date{color:#888;color:var(--text-muted);font-size:12px}.nav-album-loading{align-items:center;color:#ccc;color:var(--text-secondary);display:flex;flex-direction:column;grid-column:1/-1;justify-content:center;padding:40px}.nav-album-loading .loading-spinner{margin-bottom:15px}.nav-no-images{color:#888;color:var(--text-muted);font-size:16px;grid-column:1/-1;padding:60px 20px;text-align:center}.nav-image-modal{align-items:center;background:#000000e6;display:flex;height:100%;justify-content:center;left:0;padding:20px;position:fixed;top:0;width:100%;z-index:10003}.nav-image-modal-content{background:#1a1a1a;background:var(--bg-primary);border-radius:16px;display:flex;flex-direction:column;height:90%;max-width:1000px;overflow:hidden;width:90%}.nav-image-modal-header{align-items:center;background:#2d2d2d;background:var(--bg-secondary);border-bottom:1px solid #404040;border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;padding:20px}.nav-image-modal-header span{color:#fff;color:var(--text-primary);font-size:16px;font-weight:500}.nav-image-modal-header button{align-items:center;background:none;border:none;border-radius:50%;color:#fff;color:var(--text-primary);cursor:pointer;display:flex;font-size:24px;height:40px;justify-content:center;transition:background .3s ease;width:40px}.nav-image-modal-header button:hover{background:#3d3d3d;background:var(--bg-tertiary)}.nav-image-modal-body{display:flex;flex:1 1;gap:20px;overflow:hidden;padding:20px}@media (min-width:769px){.nav-image-modal-body{flex-direction:row}.nav-image-modal-body img{border-radius:8px;flex:1 1;max-width:70%;object-fit:contain}.nav-image-info{background:#2d2d2d;background:var(--bg-secondary);border-radius:8px;flex:0 0 300px;padding:20px}}@media (max-width:768px){.nav-image-modal-body{flex-direction:column;padding:15px}.nav-image-modal-body img{border-radius:8px;max-height:60%;object-fit:contain;width:100%}.nav-image-info{background:#2d2d2d;background:var(--bg-secondary);border-radius:8px;margin-top:15px;padding:15px}}.nav-image-info p{color:#fff;color:var(--text-primary);font-size:14px;margin:0 0 12px}.nav-image-info strong{color:#667eea;color:var(--accent-color)}.nav-image-preview-modal{align-items:center;background:#000c;display:flex;height:100%;justify-content:center;left:0;padding:20px;position:fixed;top:0;width:100%;z-index:10002}.nav-image-preview-content{background:#1a1a1a;background:var(--bg-primary);border-radius:16px;box-shadow:0 20px 60px #00000080;max-width:500px;overflow:hidden;width:90%}.nav-preview-header{align-items:center;background:#2d2d2d;background:var(--bg-secondary);border-bottom:1px solid #404040;border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;padding:20px}.nav-preview-header h4{color:#fff;color:var(--text-primary);margin:0}.nav-preview-header button{background:none;border:none;color:#fff;color:var(--text-primary);cursor:pointer;font-size:24px}.nav-preview-image{padding:20px;text-align:center}.nav-preview-image img{border-radius:8px;max-height:300px;max-width:100%;object-fit:contain}.nav-preview-actions{padding:0 20px 20px}.nav-preview-actions input{background:#2d2d2d;background:var(--bg-secondary);border:1px solid #404040;border:1px solid var(--border-color);border-radius:8px;color:#fff;color:var(--text-primary);font-size:14px;margin-bottom:15px;padding:12px 16px;width:100%}.nav-preview-actions input:focus{border-color:#667eea;border-color:var(--accent-color);outline:none}.nav-preview-buttons{display:flex;gap:10px}@media (max-width:480px){.nav-preview-buttons{flex-direction:column}}.nav-btn-cancel,.nav-btn-send{border:none;border-radius:8px;cursor:pointer;flex:1 1;font-weight:500;padding:12px 20px;transition:all .3s ease}.nav-btn-cancel{background:#3d3d3d;background:var(--bg-tertiary);color:#fff;color:var(--text-primary)}.nav-btn-send{background:linear-gradient(135deg,#667eea,#764ba2);background:linear-gradient(135deg,var(--accent-color),var(--accent-hover));color:#fff}.nav-btn-cancel:hover{background:#404040;background:var(--border-color)}.nav-btn-send:hover:not(:disabled){box-shadow:0 4px 12px #667eea4d;transform:translateY(-1px)}.nav-btn-send:disabled{cursor:not-allowed;opacity:.6}@media (min-width:1200px){.nav-chat-box{height:600px;width:400px}}@media (min-width:768px) and (max-width:1199px){.nav-chat-box{height:550px;width:380px}}@media (max-width:767px){.nav-chat-box{border-radius:0;bottom:0;height:100%;left:0;position:fixed;right:0;top:0;width:100%}}.album-btn:disabled:hover{background:#fff3;transform:none}.mobile-footer-nav{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#0f0f23f2;background:var(--nav-bg-dark);border-top:.3px solid #ffffff1a;border-top:.3px solid var(--border-dark);bottom:0;box-shadow:0 -4px 20px #0000004d;display:none;left:0;padding:2px 0;position:fixed;right:0;z-index:999}.light-theme .mobile-footer-nav{background:#fffffff2;background:var(--nav-bg-light);border-top-color:#0000001a;border-top-color:var(--border-light);box-shadow:0 -4px 20px #0000001a}.mobile-footer-nav{align-items:center;display:flex;justify-content:space-around}.footer-nav-item{align-items:center;background:none;border:none;border-radius:12px;color:#fff;color:var(--text-dark);cursor:pointer;display:flex;flex-direction:column;gap:4px;min-width:60px;padding:8px 12px;position:relative;text-decoration:none;transition:all .3s ease}.light-theme .footer-nav-item{color:#333;color:var(--text-light)}.footer-nav-item:hover{transform:translateY(-2px)}.dark-theme .footer-nav-item:hover{background:#ffffff1a}.light-theme .footer-nav-item:hover{background:#0000000a}.dark-theme .footer-nav-item.active,.light-theme .footer-nav-item.active{background:linear-gradient(135deg,#667eea,#764ba2);background:linear-gradient(135deg,var(--accent-color),var(--accent-hover));color:#fff}.footer-nav-icon{align-items:center;display:flex;font-size:20px;height:24px;justify-content:center;width:24px}.footer-nav-text{font-size:10px;font-weight:500;white-space:nowrap}.menu-toggle-btn .footer-nav-icon{transition:transform .3s ease}.menu-toggle-btn.active .footer-nav-icon{transform:rotate(90deg)}@media (min-width:769px){.mobile-footer-nav{display:none!important}}@media (max-width:768px){.mobile-footer-nav{display:flex}.compact-nav-container{right:10px;top:10px}.compact-nav-toggle{height:45px;width:45px}}@media (max-width:480px){.mobile-footer-nav{padding:6px 0}.footer-nav-item{min-width:50px;padding:6px 8px}.footer-nav-icon{font-size:18px;height:20px;width:20px}.footer-nav-text{font-size:9px}}@supports (padding:max(0px)){.mobile-footer-nav{padding-bottom:max(8px,env(safe-area-inset-bottom))}}@media (prefers-reduced-motion:reduce){.footer-nav-item,.footer-nav-item:hover,.menu-toggle-btn .footer-nav-icon{transform:none;transition:none}}@media (prefers-contrast:high){.mobile-footer-nav{border-top:2px solid #fff}.footer-nav-item.active{border:1px solid #fff}}:root{--success-dark:#059669;--error-dark:#dc2626;--hero-bg-light:linear-gradient(135deg,#667eea,#764ba2);--hero-bg-dark:linear-gradient(135deg,#0f172a,#1e293b);--feature-bg-light:#f8fafc;--feature-bg-dark:#0f172a;--market-bg-light:#fff;--market-bg-dark:#1e293b;--cta-bg-light:linear-gradient(135deg,#3b82f6,#1d4ed8);--cta-bg-dark:linear-gradient(135deg,#1e40af,#1e3a8a)}.dark-theme{--text-tertiary:#94a3b8;--border-light:#334155;--accent-blue:#60a5fa;--success:#34d399;--success-dark:#10b981;--error:#f87171;--error-dark:#ef4444}.homepage{background:#fff;background:var(--bg-primary);color:#0f172a;color:var(--text-primary);min-height:100vh;transition:background-color .3s ease,color .3s ease}.hero-section{background:linear-gradient(135deg,#667eea,#764ba2);background:var(--hero-bg-light);color:#fff;overflow:hidden;padding:120px 20px 100px;position:relative}.dark-theme .hero-section{background:linear-gradient(135deg,#0f172a,#1e293b);background:var(--hero-bg-dark)}.hero-section:before{animation:float 6s ease-in-out infinite;background:radial-gradient(circle at 20% 80%,#7877c64d 0,#0000 50%),radial-gradient(circle at 80% 20%,#ff77c633 0,#0000 50%),radial-gradient(circle at 40% 40%,#78dbff26 0,#0000 50%);bottom:0;content:"";left:0;position:absolute;right:0;top:0}.hero-content{grid-gap:80px;align-items:center;display:grid;gap:80px;grid-template-columns:1fr 1fr;margin:0 auto;max-width:1200px;position:relative;z-index:2}.hero-text{animation:slideInLeft .8s ease-out}@keyframes slideInLeft{0%{opacity:0;transform:translateX(-50px)}to{opacity:1;transform:translateX(0)}}.hero-text h1{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#fff,#e2e8f0);-webkit-background-clip:text;background-clip:text;font-size:3.5rem;font-weight:800;letter-spacing:-.02em;line-height:1.1;margin-bottom:24px}.dark-theme .hero-text h1{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#f8fafc,#cbd5e1);-webkit-background-clip:text;background-clip:text}.hero-text p{color:#ffffffe6;font-size:1.25rem;font-weight:400;line-height:1.6;margin-bottom:32px;opacity:.9}.hero-buttons{display:flex;flex-wrap:wrap;gap:16px}.hero-stats{grid-gap:20px;animation:slideInRight .8s ease-out .2s both;display:grid;gap:20px;grid-template-columns:1fr}.stat-card{backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:#ffffff1a;border:1px solid #fff3;border-radius:20px;padding:32px 24px;text-align:center}.stat-card:before{background:linear-gradient(90deg,#0000,#ffffff1a,#0000);height:100%;left:-100%;transition:left .6s ease;width:100%}.stat-card:hover:before{left:100%}.stat-card:hover{background:#ffffff26;box-shadow:0 20px 40px #0003;transform:translateY(-5px)}.stat-value{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#fff,#e2e8f0);-webkit-background-clip:text;background-clip:text;font-size:2.5rem;font-weight:800;margin-bottom:8px}.stat-label{color:#ffffffe6;font-size:1rem;font-weight:500;opacity:.9}.features-section{background:#f8fafc;background:var(--feature-bg-light);padding:100px 20px;position:relative}.dark-theme .features-section{background:#0f172a;background:var(--feature-bg-dark)}.features-section:before{background:linear-gradient(90deg,#0000,#3b82f6,#0000);background:linear-gradient(90deg,#0000,var(--accent-blue,#3b82f6),#0000);content:"";height:2px;left:0;position:absolute;right:0;top:0}.container{margin:0 auto;max-width:1200px}.features-section h2{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#0f172a,#475569);background:linear-gradient(135deg,var(--text-primary) 0,var(--text-secondary) 100%);-webkit-background-clip:text;background-clip:text;color:#0f172a;color:var(--text-primary);font-size:3rem;font-weight:800;margin-bottom:60px;position:relative;text-align:center}.features-section h2:after{background:linear-gradient(90deg,#3b82f6,#10b981);background:linear-gradient(90deg,var(--accent-blue,#3b82f6),var(--success,#10b981));border-radius:2px;bottom:-12px;content:"";height:4px;left:50%;position:absolute;transform:translateX(-50%);width:80px}.features-grid{grid-gap:30px;display:grid;gap:30px;grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.feature-card{background:#fff;background:var(--bg-primary);border:1px solid #e2e8f0;border:1px solid var(--border-light);border-radius:24px;overflow:hidden;padding:48px 32px;position:relative;text-align:center;transition:all .4s cubic-bezier(.4,0,.2,1)}.feature-card:before{background:linear-gradient(90deg,#0000,#3b82f60d,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .6s ease;width:100%}.feature-card:hover:before{left:100%}.feature-card:hover{border-color:#3b82f6;border-color:var(--accent-blue,#3b82f6);box-shadow:0 25px 50px #00000026;transform:translateY(-8px)}.dark-theme .feature-card:hover{box-shadow:0 25px 50px #0000004d}.feature-icon{animation:bounce 2s infinite;display:inline-block;font-size:4rem;margin-bottom:24px}.feature-card h3{color:#0f172a;color:var(--text-primary);font-size:1.5rem;font-weight:700;margin-bottom:16px}.feature-card p{color:#475569;color:var(--text-secondary);font-size:1rem;line-height:1.6}.market-overview{background:#fff;background:var(--market-bg-light);padding:100px 20px}.dark-theme .market-overview{background:#1e293b;background:var(--market-bg-dark)}.section-header{flex-wrap:wrap;gap:20px;margin-bottom:50px}.section-header h2{background:linear-gradient(135deg,#0f172a,#475569);color:#0f172a}.view-all{align-items:center;border:2px solid #3b82f6;border:2px solid var(--accent-blue,#3b82f6);border-radius:50px;color:var(--accent-blue,#3b82f6);display:inline-flex;font-size:1rem;font-weight:600;gap:8px;padding:12px 24px;transition:all .3s ease}.view-all:hover{background:#3b82f6;background:var(--accent-blue,#3b82f6);color:#fff;transform:translateX(4px)}.market-grid{grid-gap:24px;gap:24px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.market-card{background:#fff;background:var(--bg-primary);border:1px solid #e2e8f0;border:1px solid var(--border-light);border-radius:20px;overflow:hidden;padding:28px;position:relative;transition:all .3s ease}.market-card:before{background:linear-gradient(90deg,#0000,#3b82f60d,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .6s ease;width:100%}.market-card:hover:before{left:100%}.market-card:hover{border-color:#3b82f6;border-color:var(--accent-blue,#3b82f6);box-shadow:0 15px 30px #0000001a;transform:translateY(-5px)}.dark-theme .market-card:hover{box-shadow:0 15px 30px #0000004d}.coin-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:20px}.coin-info{flex-direction:column;gap:4px}.coin-symbol{color:#0f172a;color:var(--text-primary);font-size:1.25rem;font-weight:700}.coin-name{color:#64748b;color:var(--text-tertiary);font-size:.9rem}.price-change{border-radius:20px;font-size:.875rem;min-width:70px;padding:6px 12px;text-align:center}.price-change.positive{background:linear-gradient(135deg,#10b981,#059669);background:linear-gradient(135deg,var(--success,#10b981) 0,var(--success-dark,#059669) 100%);color:#fff}.price-change.negative{background:linear-gradient(135deg,#ef4444,#dc2626);background:linear-gradient(135deg,var(--error,#ef4444) 0,var(--error-dark,#dc2626) 100%);color:#fff}.coin-price{color:#0f172a;color:var(--text-primary);font-family:SF Mono,Monaco,Cascadia Code,monospace;font-size:1.75rem;font-weight:800;margin-bottom:12px}.coin-volume{color:#64748b;color:var(--text-tertiary);font-size:.9rem;font-weight:500}.cta-section{background:linear-gradient(135deg,#3b82f6,#1d4ed8);background:var(--cta-bg-light);color:#fff;overflow:hidden;padding:100px 20px;position:relative;text-align:center}.dark-theme .cta-section{background:linear-gradient(135deg,#1e40af,#1e3a8a);background:var(--cta-bg-dark)}.cta-section:before{background:radial-gradient(circle at 75% 25%,#ffffff1a 0,#0000 50%),radial-gradient(circle at 25% 75%,#ffffff0d 0,#0000 50%);bottom:0;content:"";left:0;position:absolute;right:0;top:0}.cta-content{margin:0 auto;max-width:800px;position:relative;z-index:2}.cta-content h2{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#fff,#e2e8f0);-webkit-background-clip:text;background-clip:text;font-size:3rem;font-weight:800;margin-bottom:20px}.cta-content p{color:#ffffffe6;font-size:1.25rem;line-height:1.6;margin-bottom:40px;opacity:.9}.cta-buttons{display:flex;flex-wrap:wrap;gap:16px}.btn,.cta-buttons{justify-content:center}.btn{border-radius:50px;font-size:1rem;overflow:hidden;padding:16px 32px;position:relative;transition:all .3s ease}.btn:before{background:linear-gradient(90deg,#0000,#fff3,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .6s ease;width:100%}.btn:hover:before{left:100%}.btn-primary{background:linear-gradient(135deg,#fff,#f1f5f9);box-shadow:0 8px 25px #ffffff4d;color:#1e293b}.btn-primary:hover{box-shadow:0 12px 35px #fff6;transform:translateY(-3px)}.btn-secondary{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:2px solid #ffffff4d}.btn-secondary:hover{background:#fff3;border-color:#ffffff80;transform:translateY(-3px)}.btn-outline{border:2px solid #fff;color:#fff}.btn-outline:hover{background:#fff;color:#1e293b;transform:translateY(-3px)}.feature-card,.market-card{animation:fadeInUp .6s ease-out}.feature-card:first-child{animation-delay:.1s}.feature-card:nth-child(2){animation-delay:.2s}.feature-card:nth-child(3){animation-delay:.3s}.feature-card:nth-child(4){animation-delay:.4s}.market-card:first-child{animation-delay:.1s}.market-card:nth-child(2){animation-delay:.2s}.market-card:nth-child(3){animation-delay:.3s}.market-card:nth-child(4){animation-delay:.4s}.market-card:nth-child(5){animation-delay:.5s}.market-card:nth-child(6){animation-delay:.6s}@media (max-width:1024px){.hero-content{gap:60px}.hero-text h1{font-size:3rem}.features-grid,.market-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.hero-section{padding:100px 20px 80px}.hero-content{gap:50px;grid-template-columns:1fr;text-align:center}.hero-text h1{font-size:2.5rem}.hero-text p{font-size:1.125rem}.hero-buttons{justify-content:center}.hero-stats{grid-template-columns:repeat(3,1fr)}.stat-card{padding:24px 16px}.stat-value{font-size:2rem}.cta-content h2,.features-section h2,.section-header h2{font-size:2.25rem}.features-grid,.market-grid{grid-template-columns:1fr}.section-header{align-items:flex-start;flex-direction:column}.cta-buttons{align-items:center;flex-direction:column}.btn{max-width:280px;width:100%}}@media (max-width:480px){.hero-section{padding:80px 16px 60px}.hero-text h1{font-size:2rem}.hero-text p{font-size:1rem}.hero-buttons{flex-direction:column}.hero-stats{grid-template-columns:1fr}.stat-value{font-size:1.75rem}.cta-section,.features-section,.market-overview{padding:60px 16px}.feature-card{padding:32px 24px}.market-card{padding:24px 20px}.coin-price{font-size:1.5rem}}.market-card.skeleton{min-height:140px}.feature-card.skeleton,.market-card.skeleton{animation:loading 1.5s infinite;background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0 50%,#f0f0f0 75%);background-size:200% 100%}.feature-card.skeleton{min-height:240px}.stat-card.skeleton{animation:loading 1.5s infinite;background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0 50%,#f0f0f0 75%);background-size:200% 100%;min-height:120px}@keyframes loading{0%{background-position:200% 0}to{background-position:-200% 0}}.btn:focus-visible,.market-card:focus-visible,.view-all:focus-visible{outline:2px solid #3b82f6;outline:2px solid var(--accent-blue,#3b82f6);outline-offset:2px}@media (prefers-reduced-motion:reduce){*{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.feature-icon,.hero-section:before{animation:none}}@media print{.hero-section{background:#fff!important;color:#000!important}.btn,.view-all{display:none}.feature-card,.market-card{border:1px solid #000;break-inside:avoid;page-break-inside:avoid}}@media (prefers-contrast:high){.btn,.feature-card,.market-card,.stat-card{border:2px solid}}@media (prefers-reduced-motion:no-preference){.homepage{scroll-behavior:smooth}}.homepage ::selection{background:#3b82f64d;color:inherit}.feature-icon{image-rendering:-webkit-optimize-contrast;image-rendering:crisp-edges}@media (max-width:768px){.btn{min-width:44px}.btn,.market-card{min-height:44px}}@media (max-width:320px){.hero-text h1{font-size:1.75rem}.stat-value{font-size:1.5rem}.feature-card,.market-card{padding:20px 16px}}.homepage{color-scheme:light dark}@supports not (color:var(--test )){.homepage{background:#fff;color:#0f172a}.dark-theme .homepage{background:#0f172a;color:#f1f5f9}}body:not(.logged-in),html:not(.logged-in){color-scheme:dark}body:not(.logged-in) .homepage,html:not(.logged-in) .homepage{background:#fff!important;background:var(--bg-primary)!important}body:not(.logged-in) .hero-section{background:linear-gradient(135deg,#0f172a,#1e293b)!important;background:var(--hero-bg-dark)!important}body:not(.logged-in) .features-section{background:#0f172a!important;background:var(--feature-bg-dark)!important}body:not(.logged-in) .market-overview{background:#1e293b!important;background:var(--market-bg-dark)!important}body:not(.logged-in) .cta-section{background:linear-gradient(135deg,#1e40af,#1e3a8a)!important;background:var(--cta-bg-dark)!important}body.logged-out,body.logged-out .homepage{background:#0f172a!important}body.logged-out .hero-section{background:linear-gradient(135deg,#0f172a,#1e293b)!important;background:var(--hero-bg-dark)!important}body.logged-out .features-section{background:#0f172a!important;background:var(--feature-bg-dark)!important}body.logged-out .market-overview{background:#1e293b!important;background:var(--market-bg-dark)!important}body.logged-out .cta-section{background:linear-gradient(135deg,#1e40af,#1e3a8a)!important;background:var(--cta-bg-dark)!important}:root{--border-radius:12px;--transition:all 0.2s ease-in-out}body{background-color:#0a0e17;background-color:var(--primary-bg);color:#f8fafc;color:var(--text-primary);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;font-size:14px;line-height:1.5}.market-view{display:flex;flex-direction:column;max-width:100%;min-height:100vh;overflow-x:hidden;padding:0}.loading-container{gap:16px;height:60vh}.loading-container p{color:#94a3b8;color:var(--text-secondary);font-size:16px}.market-header{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background-color:#131a29;background-color:var(--secondary-bg);border-bottom:1px solid #2d3748;border-bottom:1px solid var(--border-color);padding:24px 0 0;position:-webkit-sticky;position:sticky;top:0;z-index:100}.header-top{align-items:flex-start;display:flex;gap:20px;justify-content:space-between;padding:0 24px 20px}.title-section{flex:1 1}.title-with-badge{align-items:center;display:flex;gap:12px;margin-bottom:8px}.market-header h1{color:#f8fafc;color:var(--text-primary);font-size:28px;font-weight:700;margin:0}.subtitle{color:#94a3b8;color:var(--text-secondary);font-size:16px;margin:0}.connection-badge{align-items:center;border-radius:20px;display:flex;font-size:12px;font-weight:600;gap:6px;letter-spacing:.5px;padding:6px 12px;text-transform:uppercase}.connection-badge.connected{background-color:#10b9811a;border:1px solid #10b9814d;color:#10b981;color:var(--success-color)}.connection-badge.disconnected{background-color:#ef44441a;border:1px solid #ef44444d;color:#ef4444;color:var(--negative-color)}.connection-badge.connected .pulse-dot{background-color:#10b981;background-color:var(--success-color)}.connection-badge.disconnected .pulse-dot{background-color:#ef4444;background-color:var(--negative-color)}.header-controls{align-items:center;display:flex;gap:16px}.search-container{position:relative;width:320px}.search-input-wrapper{align-items:center;display:flex;position:relative}.search-icon{color:#64748b;color:var(--text-muted);height:20px;left:12px;position:absolute;width:20px;z-index:1}.search-input{background-color:#1e293b;background-color:var(--tertiary-bg);border:1px solid #2d3748;border:1px solid var(--border-color);border-radius:8px;border-radius:var(--border-radius-sm);color:#f8fafc;font-size:14px;padding:12px 40px;transition:all .2s ease-in-out;transition:var(--transition)}.search-input:focus{border-color:#3b82f6;border-color:var(--accent-color);box-shadow:0 0 0 3px #3b82f61a}.search-input::placeholder{color:#64748b}.clear-search{align-items:center;background:none;border:none;border-radius:50%;color:#64748b;color:var(--text-muted);cursor:pointer;display:flex;height:20px;justify-content:center;position:absolute;right:10px;transition:all .2s ease-in-out;transition:var(--transition);width:20px}.clear-search:hover{background-color:#2d3748;background-color:var(--border-color);color:#f8fafc;color:var(--text-primary)}.clear-search svg{height:16px;width:16px}.tabs-section{border-bottom:1px solid #2d3748;border-bottom:1px solid var(--border-color)}.tabs-container{align-items:center;display:flex;justify-content:space-between;padding:0 24px}.tabs{display:flex;gap:4px}.tab-button{background:none;border-radius:8px 8px 0 0;border-radius:var(--border-radius-sm) var(--border-radius-sm) 0 0;color:#94a3b8;font-size:14px;padding:12px 20px;transition:all .2s ease-in-out;transition:var(--transition)}.tab-button:hover{background-color:#ffffff0d;color:#f8fafc}.tab-button.active{background-color:#0a0e17;background-color:var(--primary-bg);border-bottom:2px solid #3b82f6;border-bottom:2px solid var(--accent-color);color:#3b82f6;color:var(--accent-color)}.tab-indicator{font-size:12px;font-weight:600}.tab-indicator.up{color:#10b981;color:var(--positive-color)}.tab-indicator.down{color:#ef4444;color:var(--negative-color)}.market-stats{align-items:center;display:flex;gap:16px}.stat-item{font-size:14px;gap:6px}.market-table-container{flex:1 1;overflow-x:auto;padding:24px}.market-table{background-color:#1e293b;background-color:var(--card-bg);border:1px solid #2d3748;border:1px solid var(--border-color);border-radius:12px;border-radius:var(--border-radius);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;box-shadow:var(--shadow);overflow:hidden}.table-header{background-color:#1e293b;background-color:var(--tertiary-bg);border-bottom:1px solid #2d3748;border-bottom:1px solid var(--border-color);color:#94a3b8;color:var(--text-secondary);display:grid;font-size:13px;font-weight:600;grid-template-columns:3fr 2fr 2fr 2fr 2fr;letter-spacing:.5px;padding:16px 20px;text-transform:uppercase}.table-col{align-items:center;display:flex;padding:0 8px}.coin-col{grid-column:1}.price-col{grid-column:2}.change-col,.price-col{justify-content:flex-end}.change-col{grid-column:3}.volume-col{grid-column:4;justify-content:flex-end}.market-cap-col{grid-column:5;justify-content:flex-end}.table-body{max-height:60vh;overflow-y:auto}.table-row{border-bottom:1px solid #2d3748;border-bottom:1px solid var(--border-color);cursor:pointer;display:grid;grid-template-columns:3fr 2fr 2fr 2fr 2fr;padding:16px 20px;transition:all .2s ease-in-out;transition:var(--transition)}.table-row:last-child{border-bottom:none}.table-row:hover{background-color:#ffffff08}.coin-icon img{height:24px;object-fit:contain;width:24px}.price-value{color:#f8fafc;color:var(--text-primary);font-size:14px;font-weight:600;text-align:right}.price-change-absolute{color:#64748b;color:var(--text-muted);font-size:12px;margin-top:2px;text-align:right}.change-indicator{align-items:center;border-radius:6px;display:flex;font-size:13px;font-weight:600;gap:4px;margin-left:auto;padding:6px 10px;width:-webkit-fit-content;width:fit-content}.change-indicator.positive{background-color:#10b9811a;color:#10b981;color:var(--positive-color)}.change-indicator.negative{background-color:#ef44441a;color:#ef4444;color:var(--negative-color)}.change-icon{flex-shrink:0;height:14px;width:14px}.market-cap-value,.volume-value{color:#f8fafc;color:var(--text-primary);font-size:14px;font-weight:500;text-align:right}.no-results{align-items:center;display:flex;flex-direction:column;grid-column:1/-1;justify-content:center;padding:60px 20px}.no-results-icon{color:#64748b;color:var(--text-muted);height:64px;margin-bottom:16px;width:64px}.no-results-icon svg{height:100%;width:100%}.no-results h3{color:#f8fafc;color:var(--text-primary);font-size:18px;margin-bottom:8px}.no-results p{color:#94a3b8;color:var(--text-secondary);font-size:14px}.market-footer{background-color:#131a29;background-color:var(--secondary-bg);border-top:1px solid #2d3748;border-top:1px solid var(--border-color);padding:16px 24px}.footer-stats{gap:24px}.footer-stat,.footer-stats{align-items:center;display:flex}.footer-stat{font-size:13px;gap:6px}.footer-label{color:#94a3b8;color:var(--text-secondary)}.footer-value{color:#f8fafc;color:var(--text-primary);font-weight:500}@media (max-width:1024px){.header-top{flex-direction:column;gap:16px}.search-container{width:100%}.tabs-container{align-items:flex-start;flex-direction:column;gap:16px}.market-stats{justify-content:flex-end;width:100%}}@media (max-width:768px){.market-header{padding:16px 0 0}.header-top,.tabs-container{padding:0 16px 16px}.market-header h1{font-size:24px}.market-table-container{padding:16px}.table-header,.table-row{grid-template-columns:2fr 1.5fr 1.5fr 1fr;padding:12px 16px}.market-cap-col{display:none}.coin-full-name{display:block}.coin-symbol{display:none}.footer-stats{align-items:flex-start;flex-direction:column;gap:8px}}@media (max-width:640px){.market-header h1{font-size:20px}.tabs{overflow-x:auto;padding-bottom:4px;width:100%}.tab-button{flex-shrink:0;white-space:nowrap}.table-header,.table-row{grid-template-columns:2fr 1fr 1fr;padding:10px 12px}.volume-col{display:none}.coin-icon{height:32px;width:32px}.coin-icon img{height:18px;width:18px}.coin-name{font-size:13px}.coin-full-name{font-size:11px}.market-cap-value,.price-value,.volume-value{font-size:13px}.change-indicator{font-size:12px;padding:4px 8px}.market-footer{padding:12px 16px}}@media (max-width:480px){.header-top,.tabs-container{padding:0 12px 12px}.market-table-container{padding:12px}.table-header,.table-row{grid-template-columns:2fr 1fr;padding:8px 10px}.change-col{display:none}.coin-info{gap:8px}.coin-icon{height:28px;width:28px}.coin-icon img{height:16px;width:16px}.price-value{font-size:12px}.price-change-absolute{font-size:10px}}.theme-toggle{background-color:#3b82f6;background-color:var(--accent-color);border:none;border-radius:50%;bottom:20px;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;box-shadow:var(--shadow-lg);color:#fff;height:48px;justify-content:center;position:fixed;right:20px;transition:all .2s ease-in-out;transition:var(--transition);width:48px;z-index:1000}.theme-toggle:hover{transform:scale(1.05)}@keyframes highlightUpdate{0%{background-color:#3b82f633}to{background-color:initial}}.price-updated{animation:highlightUpdate 1s ease}.table-body::-webkit-scrollbar{width:6px}.table-body::-webkit-scrollbar-track{background:#1e293b;background:var(--tertiary-bg)}.table-body::-webkit-scrollbar-thumb{background:#2d3748;background:var(--border-color);border-radius:3px}.table-body::-webkit-scrollbar-thumb:hover{background:#64748b;background:var(--text-muted)}.coin-icon-fallback{align-items:center;color:#f8fafc;color:var(--text-primary);display:flex;font-size:10px;font-weight:600;height:24px;justify-content:center;width:24px}.coin-icon img{image-rendering:-webkit-optimize-contrast;image-rendering:crisp-edges}.coin-info{gap:12px}.coin-icon,.coin-info{align-items:center;display:flex}.coin-icon{background:#1e293b;background:var(--tertiary-bg);border:1px solid #2d3748;border:1px solid var(--border-color);border-radius:50%;flex-shrink:0;height:40px;justify-content:center;overflow:hidden;position:relative;width:40px}.coin-icon img{border-radius:0;display:block;left:50%;max-height:100%;max-width:100%;padding:2px;position:absolute;top:50%;transform:translate(-50%,-50%)}.coin-icon img,.coin-icon img[src*="ada.png"],.coin-icon img[src*="algo.png"],.coin-icon img[src*="avax.png"],.coin-icon img[src*="bch.png"],.coin-icon img[src*="bnb.png"],.coin-icon img[src*="btc.png"],.coin-icon img[src*="doge.png"],.coin-icon img[src*="dot.png"],.coin-icon img[src*="eos.png"],.coin-icon img[src*="etc.png"],.coin-icon img[src*="eth.png"],.coin-icon img[src*="link.png"],.coin-icon img[src*="ltc.png"],.coin-icon img[src*="matic.png"],.coin-icon img[src*="sol.png"],.coin-icon img[src*="xlm.png"],.coin-icon img[src*="xmr.png"],.coin-icon img[src*="xrp.png"],.coin-icon img[src*="xtz.png"],.coin-icon img[src*="zec.png"]{height:28px!important;object-fit:contain!important;width:28px!important}.coin-icon-bg{background-color:#1e293b;background-color:var(--tertiary-bg);background-position:50%;background-repeat:no-repeat;background-size:28px 28px;border:1px solid #2d3748;border:1px solid var(--border-color);border-radius:50%;flex-shrink:0;height:40px;width:40px}.coin-icon:before{background:#2d3748;background:var(--border-color);border-radius:50%;content:"";height:28px;left:50%;opacity:0;position:absolute;top:50%;transform:translate(-50%,-50%);width:28px;z-index:-1}.coin-icon img:not([src]){opacity:0}.coin-details{display:flex;flex-direction:column;gap:2px;min-width:0}.coin-name-symbol{align-items:center;display:flex;gap:8px}.coin-name{color:#f8fafc;color:var(--text-primary);font-size:14px;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.coin-symbol{color:#94a3b8;color:var(--text-secondary);text-transform:uppercase}.coin-full-name,.coin-symbol{font-size:12px;white-space:nowrap}.coin-full-name{color:#64748b;color:var(--text-muted);display:none;overflow:hidden;text-overflow:ellipsis}@media (max-width:640px){.coin-icon{height:36px;width:36px}.coin-icon img{height:24px!important;width:24px!important}.coin-icon-bg{background-size:24px 24px;height:36px;width:36px}}@media (max-width:480px){.coin-icon{height:32px;width:32px}.coin-icon img{height:20px!important;width:20px!important}.coin-icon-bg{background-size:20px 20px;height:32px;width:32px}}.auth-container:before{background:radial-gradient(circle,#ffffff1a 1px,#0000 0);background-size:50px 50px}.auth-box{max-width:440px}.auth-form{gap:24px}.form-group input{padding:16px 20px}.form-group input:valid{border-color:#00c853;border-color:var(--secondary-color)}.form-group input{padding-left:48px}.password-strength{background:#e0e0e0;background:var(--border-color);border-radius:2px;height:4px;margin-top:4px;overflow:hidden;position:relative}.password-strength:before{background:#00c853;background:var(--secondary-color);border-radius:2px;content:"";height:100%;left:0;position:absolute;top:0;transition:width .3s ease;width:0}.form-group input:focus~.password-strength:before{width:100%}@media (max-width:1024px){.auth-box{max-width:400px;padding:40px 32px}.auth-header h1{font-size:2.25rem}}@media (max-width:768px){.auth-container{align-items:flex-start;padding:40px 16px 16px}.auth-box{border-radius:20px;margin:20px 0;max-width:100%;padding:32px 24px}.auth-header h1{font-size:2rem}.auth-header p{font-size:1rem}.form-group input{font-size:.95rem;padding:14px 16px 14px 44px}.auth-submit-btn{font-size:.95rem;padding:14px 20px}}@media (max-width:480px){.auth-container{padding:30px 12px 12px}.auth-box{border-radius:16px;padding:28px 20px}.auth-header{margin-bottom:32px}.auth-header h1{font-size:1.75rem}.auth-form{gap:20px}.form-group input{font-size:.9rem;padding:12px 14px 12px 40px}.form-group:before{font-size:1.1rem;left:12px}.auth-submit-btn{font-size:.9rem;padding:12px 18px}.auth-error{font-size:.85rem;padding:12px 16px}}@media (max-width:360px){.auth-box{padding:24px 16px}.auth-header h1{font-size:1.5rem}.auth-header p{font-size:.9rem}.form-group input{padding:10px 12px 10px 36px}.form-group:before{font-size:1rem;left:10px}}@media (prefers-contrast:high){.auth-box{border:2px solid #212121;border:2px solid var(--text-primary)}.form-group input{border-width:2px}.auth-submit-btn{border:2px solid #0039cb;border:2px solid var(--primary-dark)}}@media (prefers-reduced-motion:reduce){.auth-box,.auth-container:before,.auth-error,.auth-form.active,.auth-link,.auth-submit-btn,.auth-submit-btn:before,.form-group input{animation:none;transition:none}.auth-submit-btn:disabled:after{animation:none;border:none;color:#fff;content:"...";height:auto;transform:none;width:auto}}@media print{.auth-container{background:#fff!important}.auth-box{border:2px solid #000!important;box-shadow:none!important}.auth-submit-btn{background:#000!important;color:#fff!important}}:root{--secondary-color:#00c853;--accent-color:#ff6d00;--text-primary:#212121;--text-secondary:#757575;--text-light:#fff;--bg-secondary:#f5f5f5;--bg-dark:#121212;--bg-card:#fff;--border-color:#e0e0e0;--shadow:0 2px 12px #00000014;--shadow-lg:0 8px 32px #0000001f;--shadow-xl:0 20px 60px #00000026;--radius:12px;--radius-sm:8px}.dark-theme{--text-primary:#fff;--text-secondary:#b0b0b0;--bg-primary:#121212;--bg-secondary:#1e1e1e;--bg-card:#1e1e1e;--border-color:#333;--shadow:0 2px 12px #0000004d;--shadow-lg:0 8px 32px #0006;--shadow-xl:0 20px 60px #00000080}.auth-container{background:linear-gradient(135deg,#2962ff,#0039cb 50%,#00c853);background:linear-gradient(135deg,var(--primary-color) 0,var(--primary-dark) 50%,var(--secondary-color) 100%)}.auth-container:before{animation:float 25s linear infinite;background:radial-gradient(circle,#ffffff1a 1px,#0000 0),radial-gradient(circle,#ffffff0d 1px,#0000 0);background-size:50px 50px,80px 80px;height:200%;left:-50%;pointer-events:none;top:-50%;width:200%}.auth-container:after{animation:floatIcons 20s linear infinite;content:"💰 🚀 📈 💹 💎";font-size:2rem;opacity:.1;pointer-events:none;position:absolute}@keyframes floatIcons{0%,to{opacity:.1;transform:translate(0) rotate(0deg)}25%{opacity:.15;transform:translate(100px,-50px) rotate(90deg)}50%{opacity:.1;transform:translate(50px,100px) rotate(180deg)}75%{opacity:.15;transform:translate(-100px,50px) rotate(270deg)}}.auth-box{background:#fff;background:var(--bg-card);border:1px solid #ffffff1a;border-radius:24px;box-shadow:0 20px 60px #00000026;box-shadow:var(--shadow-xl);max-width:480px;padding:48px 40px;transform:translateY(0);transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--transition);z-index:2}.auth-box:hover{box-shadow:0 20px 60px #00000026,0 12px 40px #2962ff33;box-shadow:var(--shadow-xl),0 12px 40px #2962ff33;transform:translateY(-4px)}.auth-header{margin-bottom:40px;position:relative}.auth-header h1{background:linear-gradient(135deg,#2962ff,#00c853);background:linear-gradient(135deg,var(--primary-color),var(--secondary-color));color:#212121;color:var(--text-primary);font-size:2.5rem;font-weight:800;letter-spacing:-.5px;margin:0 0 12px}.auth-header p{color:#757575}.registration-steps{display:flex;justify-content:space-between;margin-bottom:32px;position:relative}.registration-steps:before{background:#e0e0e0;background:var(--border-color);content:"";height:2px;left:10%;position:absolute;right:10%;top:50%;transform:translateY(-50%);z-index:1}.step{align-items:center;background:#f5f5f5;background:var(--bg-secondary);border:2px solid #e0e0e0;border:2px solid var(--border-color);border-radius:50%;color:#757575;color:var(--text-secondary);display:flex;font-size:.8rem;font-weight:600;height:32px;justify-content:center;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--transition);width:32px;z-index:2}.step.active{background:#2962ff;background:var(--primary-color);border-color:#2962ff;border-color:var(--primary-color);color:#fff;transform:scale(1.1)}.step.completed{background:#00c853;background:var(--secondary-color);border-color:#00c853;border-color:var(--secondary-color);color:#fff}.auth-form.active{animation:slideInUp .6s ease-out}@keyframes slideInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.form-group{gap:8px;position:relative}.form-group label{font-size:.9rem;margin-bottom:4px}.form-group input,.form-group label{color:#212121;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--transition)}.form-group input{background:var(--bg-primary);border:2px solid #e0e0e0;border:2px solid var(--border-color);border-radius:var(--radius);font-size:1rem;outline:none;padding:16px 20px 16px 48px;position:relative}.form-group input::placeholder{color:#757575;color:var(--text-secondary);opacity:.7}.form-group input:focus{border-color:#2962ff;border-color:var(--primary-color);box-shadow:0 0 0 4px #2962ff1a;transform:translateY(-1px)}.form-group input:valid:not(:placeholder-shown){border-color:#00c853;border-color:var(--secondary-color)}.form-group:before{color:#757575;color:var(--text-secondary);content:"";font-size:1.2rem;left:16px;margin-top:12px;pointer-events:none;position:absolute;top:50%;transform:translateY(-50%);z-index:2}.strength-bar{background:#e0e0e0;background:var(--border-color);position:relative}.strength-fill{transition:width .3s ease,background-color .3s ease;width:0}.strength-fill.weak{background:#f44;width:33%}.strength-fill.medium{background:#fa0;width:66%}.strength-fill.strong{background:#00c853;background:var(--secondary-color);width:100%}.strength-text{color:#757575;color:var(--text-secondary);font-size:.75rem;margin-top:4px}.password-requirements{background:#f5f5f5;background:var(--bg-secondary);border-radius:8px;border-radius:var(--radius-sm);font-size:.8rem;margin-top:8px;padding:12px}.requirement{align-items:center;color:#757575;color:var(--text-secondary);display:flex;gap:6px;margin-bottom:4px;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--transition)}.requirement:last-child{margin-bottom:0}.requirement.met{color:#00c853;color:var(--secondary-color)}.requirement.met:before{content:"✓";font-weight:700}.requirement:not(.met):before{content:"○"}.auth-submit-btn{background:linear-gradient(135deg,#2962ff,#0039cb);background:linear-gradient(135deg,var(--primary-color),var(--primary-dark));border-radius:var(--radius);font-size:1rem;margin-top:8px;padding:16px 24px;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--transition)}.auth-submit-btn:hover{box-shadow:0 8px 25px #2962ff66;transform:translateY(-2px)}.auth-submit-btn:active{transform:translateY(0)}.auth-submit-btn:disabled{background:#757575;background:var(--text-secondary)}.auth-submit-btn:disabled:hover{transform:none}.auth-submit-btn:disabled{color:#0000;position:relative}.auth-submit-btn:disabled:after{animation:spin 1s linear infinite;border:2px solid #0000;border-radius:50%;border-top-color:#fff;content:"";height:20px;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:20px}.auth-error{animation:shake .5s ease-in-out;background:linear-gradient(135deg,#f44,#c00);border-radius:var(--radius);box-shadow:0 4px 12px #ff44444d;color:#fff;font-size:.9rem;font-weight:500;overflow:hidden;position:relative;text-align:center}.auth-error:before{content:"⚠️";left:16px;position:absolute;top:50%;transform:translateY(-50%)}@keyframes shake{0%,to{transform:translateX(0)}25%{transform:translateX(-5px)}75%{transform:translateX(5px)}}.form-group.success input{background:#00c8530d;border-color:#00c853;border-color:var(--secondary-color)}.form-group.success:after{content:"✅";font-size:1rem;margin-top:12px;position:absolute;right:16px;top:50%;transform:translateY(-50%)}.auth-links{border-top:1px solid #e0e0e0;border-top:1px solid var(--border-color);margin-top:24px;padding-top:24px;text-align:center}.auth-link{color:#2962ff;color:var(--primary-color);display:inline-block;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--transition)}.auth-link:hover{color:#0039cb;color:var(--primary-dark);transform:translateY(-1px)}.terms-agreement{align-items:flex-start;color:#757575;color:var(--text-secondary);display:flex;font-size:.85rem;gap:8px;margin-top:16px}.terms-agreement input[type=checkbox]{accent-color:#2962ff;accent-color:var(--primary-color);margin-top:2px}.terms-agreement a{color:#2962ff;color:var(--primary-color);text-decoration:none}.terms-agreement a:hover{text-decoration:underline}@media (max-width:1024px){.auth-box{max-width:440px;padding:40px 32px}.auth-header h1{font-size:2.25rem}}@media (max-width:768px){.auth-container{align-items:flex-start;padding:40px 16px 16px}.auth-box{border-radius:20px;margin:20px 0;max-width:100%;padding:32px 24px}.auth-header h1{font-size:2rem}.auth-header p{font-size:1rem}.form-group input{font-size:.95rem;padding:14px 16px 14px 44px}.auth-submit-btn{font-size:.95rem;padding:14px 20px}.registration-steps:before{left:8%;right:8%}}@media (max-width:480px){.auth-container{padding:30px 12px 12px}.auth-box{border-radius:16px;padding:28px 20px}.auth-header{margin-bottom:32px}.auth-header h1{font-size:1.75rem}.auth-form{gap:16px}.form-group input{font-size:.9rem;padding:12px 14px 12px 40px}.form-group:before{font-size:1.1rem;left:12px;margin-top:10px}.auth-submit-btn{font-size:.9rem;padding:12px 18px}.auth-error{font-size:.85rem;padding:12px 16px}.registration-steps:before{left:5%;right:5%}.step{font-size:.75rem;height:28px;width:28px}}@media (max-width:360px){.auth-box{padding:24px 16px}.auth-header h1{font-size:1.5rem}.auth-header p{font-size:.9rem}.form-group input{padding:10px 12px 10px 36px}.form-group:before{font-size:1rem;left:10px;margin-top:8px}.registration-steps{margin-bottom:24px}}.dark-theme .auth-box{background:#1e1e1ef2}.dark-theme .form-group input{background:#121212cc;border-color:#ffffff1a}.dark-theme .form-group input:focus{background:#121212e6;border-color:#2962ff;border-color:var(--primary-color)}.dark-theme .password-requirements{background:#ffffff0d}.auth-submit-btn:focus-visible,.form-group input:focus-visible{outline:2px solid #2962ff;outline:2px solid var(--primary-color);outline-offset:2px}@media (hover:hover) and (pointer:fine){.auth-submit-btn:hover{transform:translateY(-2px)}.form-group input:hover{border-color:#768fff;border-color:var(--primary-light)}}@media (hover:none) and (pointer:coarse){.auth-submit-btn:active{transform:scale(.98)}.auth-submit-btn,.form-group input{min-height:44px}}.form-group input:invalid:not(:focus):not(:placeholder-shown){border-color:#f44}.form-group input:valid:not(:focus):not(:placeholder-shown){border-color:#00c853;border-color:var(--secondary-color)}.step.active{animation:progressPulse 2s infinite}:root{--bg-primary:#fff;--bg-secondary:#f8fafc;--bg-tertiary:#f1f5f9;--text-primary:#0f172a;--text-secondary:#475569;--border-color:#e2e8f0;--accent-primary:#3b82f6;--accent-primary-hover:#2563eb;--text-on-accent:#fff;--spacing-xs:0.5rem;--spacing-sm:0.75rem;--spacing-md:1rem;--spacing-lg:1.5rem;--spacing-xl:2rem;--border-radius-sm:0.375rem;--border-radius:0.5rem;--border-radius-lg:0.75rem;--shadow-md:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a;--shadow-lg:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a;--shadow-xl:0 20px 25px -5px #0000001a,0 8px 10px -6px #0000001a;--transition-fast:0.15s ease-in-out;--transition-normal:0.2s ease-in-out;--transition-slow:0.3s ease-in-out}.dark-theme{--bg-primary:#0f172a;--bg-secondary:#1e293b;--bg-tertiary:#334155;--text-primary:#f1f5f9;--text-secondary:#cbd5e1;--text-muted:#94a3b8;--border-color:#475569;--accent-primary:#3b82f6;--accent-primary-hover:#60a5fa;--text-on-accent:#fff}.dashboard{background:#fff;background:var(--bg-primary);color:#0f172a;padding-top:70px;transition:background-color .3s ease,color .3s ease}.dashboard-loading{align-items:center;display:flex;flex-direction:column;gap:1rem;gap:var(--spacing-md);justify-content:center;min-height:60vh}.loading-spinner{border:3px solid #f1f5f9;border-top:3px solid #3b82f6;border:3px solid var(--bg-tertiary);border-top-color:var(--accent-primary)}.dashboard-header{background:#f8fafc;background:var(--bg-secondary);border-bottom:1px solid #e2e8f0;margin-bottom:1.5rem;margin-bottom:var(--spacing-lg);padding:1.5rem 0;padding:var(--spacing-lg) 0;transition:all .3s ease}.dashboard-header .header-content{align-items:center;display:flex;justify-content:space-between;margin:0 auto;max-width:1400px;padding:0 1rem;padding:0 var(--spacing-md)}.dashboard-header h1{background:linear-gradient(135deg,#0f172a,#3b82f6);background:linear-gradient(135deg,var(--text-primary),var(--accent-primary));margin:0}.dashboard-header p{color:#475569;font-size:1.1rem;margin:.5rem 0 0;margin:var(--spacing-xs) 0 0 0}.header-actions{gap:.75rem;gap:var(--spacing-sm)}.btn{border:2px solid #0000;border-radius:.5rem;border-radius:var(--border-radius);font-size:.9rem;gap:.5rem;gap:var(--spacing-xs);padding:.75rem 1.5rem;padding:var(--spacing-sm) var(--spacing-lg);transition:all .15s ease-in-out;transition:all var(--transition-fast)}.btn-primary{background:linear-gradient(135deg,var(--accent-primary),var(--accent-primary-hover));box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a;box-shadow:var(--shadow-md);color:var(--text-on-accent)}.btn-primary:hover{box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a}.btn-outline{border-color:#e2e8f0;border-color:var(--border-color);color:#0f172a;color:var(--text-primary)}.btn-outline:hover{background:#f1f5f9;background:var(--bg-tertiary);border-color:#3b82f6;border-color:var(--accent-primary)}.stats-grid{grid-gap:1rem;grid-gap:var(--spacing-md);display:grid;gap:1rem;gap:var(--spacing-md);grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin:0 auto 1.5rem;margin:0 auto var(--spacing-lg);max-width:1400px;padding:0 1rem;padding:0 var(--spacing-md)}.stat-card{background:#f8fafc;background:var(--bg-secondary);border:1px solid #e2e8f0;border:1px solid var(--border-color);border-radius:.5rem;border-radius:var(--border-radius);gap:var(--spacing-md);overflow:hidden;padding:var(--spacing-lg);transition:all .2s ease-in-out;transition:all var(--transition-normal)}.stat-card:before{background:linear-gradient(90deg,#3b82f6,#2563eb);background:linear-gradient(90deg,var(--accent-primary),var(--accent-primary-hover));content:"";height:3px;left:0;position:absolute;right:0;top:0}.stat-card.primary:before{background:linear-gradient(90deg,#3b82f6,#6366f1)}.stat-card.success:before{background:linear-gradient(90deg,#10b981,#059669)}.stat-card.warning:before{background:linear-gradient(90deg,#f59e0b,#d97706)}.stat-card.info:before{background:linear-gradient(90deg,#06b6d4,#0891b2)}.stat-card:hover{box-shadow:0 20px 25px -5px #0000001a,0 8px 10px -6px #0000001a;box-shadow:var(--shadow-xl);transform:translateY(-4px)}.stat-icon{background:#f1f5f9;background:var(--bg-tertiary);border-radius:.5rem;border-radius:var(--border-radius);color:#3b82f6;color:var(--accent-primary);height:48px;transition:all .2s ease-in-out;transition:all var(--transition-normal);width:48px}.stat-card.success .stat-icon{color:#10b981}.stat-card.warning .stat-icon{color:#f59e0b}.stat-card.info .stat-icon{color:#06b6d4}.stat-value{color:#0f172a;font-size:1.5rem;margin-bottom:4px}.stat-label,.stat-value{transition:color .3s ease}.stat-label{color:#475569}.stat-change{align-items:center;display:flex;font-size:.8rem;font-weight:600;gap:4px;transition:color .3s ease}.stat-change.positive{color:#10b981}.dashboard-content{grid-gap:1.5rem;grid-gap:var(--spacing-lg);display:grid;gap:1.5rem;gap:var(--spacing-lg);grid-template-columns:2fr 1fr;padding:0 1rem 2rem;padding:0 var(--spacing-md) var(--spacing-xl)}.actions-card,.activity-card,.chart-card,.markets-card,.wallet-card{background:#f8fafc;background:var(--bg-secondary);border:1px solid #e2e8f0;border:1px solid var(--border-color);border-radius:.5rem;border-radius:var(--border-radius);margin-bottom:1.5rem;margin-bottom:var(--spacing-lg);padding:1.5rem;padding:var(--spacing-lg);transition:all .2s ease-in-out;transition:all var(--transition-normal)}.actions-card:hover,.activity-card:hover,.chart-card:hover,.markets-card:hover,.wallet-card:hover{border-color:#3b82f6;border-color:var(--accent-primary);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a;box-shadow:var(--shadow-md)}.card-header{align-items:center;margin-bottom:1.5rem;margin-bottom:var(--spacing-lg)}.card-header h3{color:#0f172a;color:var(--text-primary);font-size:1.2rem;font-weight:600;margin:0;transition:color .3s ease}.view-all{color:#3b82f6;color:var(--accent-primary);font-size:.9rem;font-weight:500;text-decoration:none;transition:color .15s ease-in-out;transition:color var(--transition-fast)}.view-all:hover{color:#2563eb;color:var(--accent-primary-hover)}.chart-header{margin-bottom:var(--spacing-lg)}.chart-actions{display:flex;gap:.5rem;gap:var(--spacing-xs)}.time-btn{background:#f1f5f9;background:var(--bg-tertiary);border:1px solid #e2e8f0;border:1px solid var(--border-color);border-radius:.375rem;border-radius:var(--border-radius-sm);color:#475569;color:var(--text-secondary);cursor:pointer;font-size:.8rem;font-weight:500;padding:.5rem .75rem;padding:var(--spacing-xs) var(--spacing-sm);transition:all .15s ease-in-out;transition:all var(--transition-fast)}.time-btn:hover{background:#fff;background:var(--bg-primary);color:#0f172a;color:var(--text-primary)}.time-btn.active{background:#3b82f6;background:var(--accent-primary);border-color:#3b82f6;border-color:var(--accent-primary);color:#fff;color:var(--text-on-accent)}.chart-container{margin-top:1rem;margin-top:var(--spacing-md)}.actions-grid{grid-gap:.75rem;grid-gap:var(--spacing-sm);display:grid;grid-template-columns:repeat(2,1fr)}.action-item,.actions-grid{gap:.75rem;gap:var(--spacing-sm)}.action-item{align-items:center;background:#f1f5f9;background:var(--bg-tertiary);border:1px solid #0000;border-radius:.5rem;border-radius:var(--border-radius);color:#0f172a;color:var(--text-primary);display:flex;flex-direction:column;padding:1.5rem;padding:var(--spacing-lg);text-decoration:none;transition:all .15s ease-in-out;transition:all var(--transition-fast)}.action-item:hover{background:#fff;background:var(--bg-primary);border-color:#3b82f6;border-color:var(--accent-primary);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a;box-shadow:var(--shadow-md);transform:translateY(-2px)}.action-icon{align-items:center;background:#f8fafc;background:var(--bg-secondary);border-radius:.5rem;border-radius:var(--border-radius);display:flex;height:48px;justify-content:center;transition:all .15s ease-in-out;transition:all var(--transition-fast);width:48px}.action-icon.primary{color:#3b82f6;color:var(--accent-primary)}.action-icon.success{color:#10b981}.action-icon.warning{color:#f59e0b}.action-icon.info{color:#06b6d4}.action-item:hover .action-icon{background:#3b82f6;background:var(--accent-primary);color:#fff;color:var(--text-on-accent)}.action-item span{font-size:.9rem;font-weight:500}.wallet-list{display:flex;flex-direction:column;gap:.75rem;gap:var(--spacing-sm)}.wallet-item{background:#f1f5f9;background:var(--bg-tertiary);border-radius:.5rem;border-radius:var(--border-radius);padding:var(--spacing-md);transition:all .15s ease-in-out;transition:all var(--transition-fast)}.wallet-item:hover{background:#fff;background:var(--bg-primary);border-color:#3b82f6;border-color:var(--accent-primary)}.wallet-info{align-items:center;display:flex;gap:.75rem;gap:var(--spacing-sm)}.currency-symbol{color:#0f172a;color:var(--text-primary);font-size:1rem;font-weight:700;transition:color .3s ease}.currency-name{color:#475569;color:var(--text-secondary);font-size:.9rem;transition:color .3s ease}.wallet-balance{text-align:right}.balance-amount{color:#0f172a;font-size:.95rem;transition:color .3s ease}.balance-value{color:#475569;color:var(--text-secondary);font-size:.8rem;margin-top:2px;transition:color .3s ease}.empty-state,.empty-wallet{color:#475569;color:var(--text-secondary);padding:2rem;padding:var(--spacing-xl);text-align:center}.empty-icon{color:#64748b;color:var(--text-muted);margin-bottom:1rem;margin-bottom:var(--spacing-md)}.card-footer{border-top:1px solid #e2e8f0;border-top:1px solid var(--border-color);padding-top:1rem;padding-top:var(--spacing-md);text-align:center}.show-more{color:#3b82f6;color:var(--accent-primary);font-size:.9rem;font-weight:500;text-decoration:none}.show-more:hover{color:#2563eb;color:var(--accent-primary-hover)}.markets-list{display:flex;flex-direction:column;gap:.75rem;gap:var(--spacing-sm)}.market-item{background:#f1f5f9;background:var(--bg-tertiary);border:1px solid #0000;border-radius:.5rem;border-radius:var(--border-radius);color:#0f172a;justify-content:space-between;padding:var(--spacing-md);text-decoration:none;transition:all .15s ease-in-out;transition:all var(--transition-fast)}.market-item:hover{background:#fff;background:var(--bg-primary);border-color:#3b82f6;border-color:var(--accent-primary);transform:translateX(4px)}.market-info{display:flex;flex-direction:column;gap:2px}.market-symbol{color:#0f172a;color:var(--text-primary);font-size:.95rem;transition:color .3s ease}.market-pair{color:#475569;color:var(--text-secondary);font-size:.8rem;transition:color .3s ease}.market-price{text-align:right}.price{color:#0f172a;color:var(--text-primary);font-size:.95rem;font-weight:600;transition:color .3s ease}.change{font-size:.8rem;font-weight:500;margin-top:2px}.change.positive{color:#10b981}.change.negative{color:#ef4444}.activity-list{display:flex;flex-direction:column;gap:.75rem;gap:var(--spacing-sm)}.activity-item{align-items:center;background:#f1f5f9;background:var(--bg-tertiary);border-radius:.5rem;border-radius:var(--border-radius);display:flex;gap:1rem;gap:var(--spacing-md);padding:1rem;padding:var(--spacing-md);transition:all .15s ease-in-out;transition:all var(--transition-fast)}.activity-item:hover{background:#fff;background:var(--bg-primary)}.activity-icon{align-items:center;border-radius:50%;display:flex;flex-shrink:0;height:32px;justify-content:center;width:32px}.activity-icon.buy{background:#10b9811a;color:#10b981}.activity-icon.sell{background:#ef44441a;color:#ef4444}.activity-details{flex:1 1}.activity-title{color:#0f172a;color:var(--text-primary);font-size:.95rem;font-weight:600;margin-bottom:2px;transition:color .3s ease}.activity-time{color:#475569;color:var(--text-secondary);font-size:.8rem;transition:color .3s ease}.activity-amount{font-size:.95rem;font-weight:600}.activity-amount.buy{color:#10b981}.activity-amount.sell{color:#ef4444}.dashboard.dark-theme{background:#0f172a;color:#f1f5f9}.dashboard.dark-theme .dashboard-header{background:#1e293b;border-bottom-color:#334155}.dashboard.dark-theme .actions-card,.dashboard.dark-theme .activity-card,.dashboard.dark-theme .chart-card,.dashboard.dark-theme .markets-card,.dashboard.dark-theme .stats-grid .stat-card,.dashboard.dark-theme .wallet-card{background:#1e293b;border-color:#334155}.dashboard.dark-theme .btn-outline{background:#0000;border-color:#475569;color:#f1f5f9}.dashboard.dark-theme .btn-outline:hover{background:#334155;border-color:#3b82f6}.dashboard.dark-theme .time-btn{background:#334155;border-color:#475569;color:#cbd5e1}.dashboard.dark-theme .time-btn:hover{background:#475569;color:#f1f5f9}.dashboard.dark-theme .time-btn.active{background:#3b82f6;border-color:#3b82f6;color:#fff}.dashboard.dark-theme .action-item,.dashboard.dark-theme .activity-item,.dashboard.dark-theme .market-item,.dashboard.dark-theme .wallet-item{background:#334155}.dashboard.dark-theme .action-item:hover,.dashboard.dark-theme .activity-item:hover,.dashboard.dark-theme .market-item:hover,.dashboard.dark-theme .wallet-item:hover{background:#475569;border-color:#3b82f6}.dashboard.dark-theme .action-icon{background:#1e293b}.dashboard.dark-theme .action-item:hover .action-icon{background:#3b82f6;color:#fff}.dashboard.dark-theme .empty-state,.dashboard.dark-theme .empty-wallet{color:#94a3b8}.dashboard.dark-theme .empty-icon{color:#64748b}.dashboard.dark-theme .card-footer{border-top-color:#334155}.dashboard.dark-theme .recharts-tooltip-wrapper .recharts-default-tooltip{background-color:#1e293b!important;border:1px solid #334155!important;color:#f1f5f9!important}.dashboard.dark-theme .recharts-cartesian-grid-horizontal line,.dashboard.dark-theme .recharts-cartesian-grid-vertical line{stroke:#334155!important}.dashboard.dark-theme .recharts-xAxis .recharts-cartesian-axis-tick-value,.dashboard.dark-theme .recharts-yAxis .recharts-cartesian-axis-tick-value{fill:#94a3b8!important}@media (max-width:1200px){.dashboard-content{gap:1rem;gap:var(--spacing-md);grid-template-columns:1fr}.dashboard-left,.dashboard-right{width:100%}}@media (max-width:768px){.dashboard{padding-top:64px}.dashboard-header .header-content{align-items:flex-start;flex-direction:column;gap:1rem;gap:var(--spacing-md)}.stats-grid{gap:.75rem;gap:var(--spacing-sm);grid-template-columns:1fr}.stat-card{padding:1rem;padding:var(--spacing-md)}.actions-grid{grid-template-columns:1fr}.chart-header{align-items:flex-start;flex-direction:column;gap:.75rem;gap:var(--spacing-sm)}.chart-actions{align-self:stretch;justify-content:space-between}.time-btn{flex:1 1;text-align:center}}@media (max-width:480px){.dashboard-header h1{font-size:1.5rem}.dashboard-header p{font-size:1rem}.stat-value{font-size:1.25rem}.actions-card,.activity-card,.chart-card,.markets-card,.wallet-card{padding:1rem;padding:var(--spacing-md)}.activity-item,.market-item,.wallet-item{padding:.75rem;padding:var(--spacing-sm)}}@media (prefers-reduced-motion:reduce){.dashboard *{animation-duration:.01ms!important;transition-duration:.01ms!important}}.action-item:focus-visible,.btn:focus-visible,.market-item:focus-visible,.show-more:focus-visible,.time-btn:focus-visible,.view-all:focus-visible{outline:2px solid #3b82f6;outline:2px solid var(--accent-primary);outline-offset:2px}:root{--text-primary:#f1f5f9;--text-tertiary:#64748b;--accent-green:#10b981;--accent-red:#ef4444;--accent-yellow:#f59e0b;--accent-purple:#8b5cf6;--shadow:0 4px 24px #0000004d}.order-form-container{position:relative;width:100%}.notifications-container{max-width:400px;position:fixed;right:20px;top:20px;z-index:1000}.notification{animation:slideIn .3s ease-out;background:#1e293b;background:var(--bg-secondary);border:1px solid #334155;border:1px solid var(--border-color);border-radius:12px;box-shadow:0 4px 24px #0000004d;box-shadow:var(--shadow);margin-bottom:10px;overflow:hidden;padding:0}.notification.success{border-left-color:#10b981;border-left-color:var(--accent-green)}.notification.error{border-left-color:#ef4444;border-left-color:var(--accent-red)}.notification.warning{border-left-color:#f59e0b;border-left-color:var(--accent-yellow)}.notification.info{border-left-color:#3b82f6;border-left-color:var(--accent-blue)}.notification-content{align-items:center;display:flex;gap:12px;padding:16px}.notification-icon{flex-shrink:0;font-size:20px}.notification-message{color:#f1f5f9;color:var(--text-primary);flex:1 1;font-size:14px;line-height:1.4}.notification-close{background:none;border:none;border-radius:4px;color:#94a3b8;color:var(--text-secondary);cursor:pointer;font-size:18px;padding:4px;transition:all .2s}.notification-close:hover{background:#334155;background:var(--bg-tertiary);color:#f1f5f9;color:var(--text-primary)}.notification-progress{animation:progress 5s linear;background:linear-gradient(90deg,currentColor,#0000);height:3px}@keyframes progress{0%{width:100%}to{width:0}}.open-orders-warning{align-items:center;background:linear-gradient(135deg,#fef3c7,#f59e0b);border:1px solid #f59e0b;border-radius:12px;color:#92400e;display:flex;gap:12px;margin-bottom:20px;padding:16px}.warning-content{flex:1 1}.warning-title{font-size:14px;font-weight:600;margin-bottom:4px}.warning-message{font-size:12px;opacity:.9}.open-orders-info{align-items:flex-start;background:#334155;background:var(--bg-tertiary);border:1px solid #334155;border:1px solid var(--border-color);border-radius:12px;color:#94a3b8;color:var(--text-secondary);display:flex;font-size:13px;gap:12px;line-height:1.4;margin-top:16px;padding:16px}.info-icon{flex-shrink:0;font-size:16px;margin-top:2px}.order-form{background:#1e293b;background:var(--bg-secondary);border:1px solid #334155;border:1px solid var(--border-color);border-radius:16px;box-shadow:0 4px 24px #0000004d;box-shadow:var(--shadow);color:#f1f5f9;color:var(--text-primary);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;padding:24px}.order-header{margin-bottom:24px}.header-gradient{background:linear-gradient(135deg,#8b5cf6,#6366f1);background:linear-gradient(135deg,var(--accent-purple),#6366f1);border-radius:12px;color:#fff;padding:20px;text-align:center}.header-gradient h3{font-size:18px;font-weight:600;margin:0 0 8px}.current-price{font-size:28px}.modern-toggle{grid-gap:8px;background:#0f172a;background:var(--bg-primary);border-radius:12px;display:grid;gap:8px;grid-template-columns:1fr 1fr;margin-bottom:20px;padding:4px}.toggle-option{align-items:center;background:#0000;border:none;border-radius:8px;color:#94a3b8;color:var(--text-secondary);cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:8px;justify-content:center;padding:12px 16px;transition:all .3s ease}.toggle-option:not(:disabled):hover{background:#334155;background:var(--bg-tertiary)}.toggle-option.active.buy{background:#10b981;background:var(--accent-green);box-shadow:0 2px 8px #10b9814d;color:#fff}.toggle-option.active.sell{background:#ef4444;background:var(--accent-red);box-shadow:0 2px 8px #ef44444d;color:#fff}.toggle-option:disabled{cursor:not-allowed;opacity:.5}.no-holdings-tooltip{background:#000000b3;border-radius:4px;color:#fff;font-size:10px;padding:2px 6px;position:absolute;top:-20px}.method-toggle{grid-gap:8px;display:grid;gap:8px;grid-template-columns:1fr 1fr;margin-bottom:24px}.method-toggle button{background:#0f172a;background:var(--bg-primary);border:1px solid #334155;border:1px solid var(--border-color);border-radius:8px;color:#94a3b8;color:var(--text-secondary);cursor:pointer;font-size:13px;font-weight:500;padding:10px 16px;transition:all .2s}.method-toggle button:not(:disabled):hover{background:#334155;background:var(--bg-tertiary)}.method-toggle button.active{background:#3b82f6;background:var(--accent-blue);border-color:#3b82f6;border-color:var(--accent-blue);color:#fff}.method-toggle button:disabled{cursor:not-allowed;opacity:.5}.input-group{margin-bottom:20px}.input-group label{align-items:center;color:#f1f5f9;color:var(--text-primary);display:flex;font-size:14px;font-weight:600;justify-content:between;margin-bottom:8px}.profit-indicator{border-radius:12px;font-size:12px;margin-left:auto;padding:2px 8px}.profit-indicator.positive{background:#10b98133;color:#10b981;color:var(--accent-green)}.profit-indicator.negative{background:#ef444433;color:#ef4444;color:var(--accent-red)}.input-with-status{align-items:center;display:flex;position:relative}.input-with-status input{flex:1 1}.price-status{position:absolute;right:12px}.status-dot{height:8px;width:8px}.status-dot.valid{background:#10b981;background:var(--accent-green)}.status-dot.invalid{background:#ef4444;background:var(--accent-red)}input{background:#0f172a;background:var(--bg-primary);border:2px solid #334155;border:2px solid var(--border-color);border-radius:8px;box-sizing:border-box;color:#f1f5f9;color:var(--text-primary);font-size:14px;padding:12px 16px;transition:all .2s;width:100%}input::placeholder{color:#64748b;color:var(--text-tertiary)}input:focus{border-color:#3b82f6;border-color:var(--accent-blue);box-shadow:0 0 0 3px #3b82f61a;outline:none}input.error{border-color:#ef4444;border-color:var(--accent-red)}input:disabled{background:#334155;background:var(--bg-tertiary);color:#64748b;color:var(--text-tertiary);cursor:not-allowed;opacity:.6}.total-display{background:#0f172a;background:var(--bg-primary);color:#94a3b8;color:var(--text-secondary)}.quick-percentages{grid-gap:8px;display:grid;gap:8px;grid-template-columns:repeat(4,1fr);margin-top:8px}.percent-btn{background:#0f172a;background:var(--bg-primary);border:1px solid #334155;border:1px solid var(--border-color);border-radius:6px;color:#94a3b8;color:var(--text-secondary);cursor:pointer;font-size:12px;font-weight:500;padding:8px 12px;transition:all .2s}.percent-btn:not(:disabled):hover{background:#334155;background:var(--bg-tertiary)}.percent-btn:disabled{cursor:not-allowed;opacity:.5}.balance-card{background:#0f172a;background:var(--bg-primary);border:1px solid #334155;border:1px solid var(--border-color);border-radius:12px;margin-bottom:20px;padding:16px}.balance-header{align-items:center;display:flex;font-size:14px;justify-content:space-between;margin-bottom:8px}.balance-amount{color:#f1f5f9;color:var(--text-primary);font-weight:600}.locked-balance{align-items:center;color:#94a3b8;color:var(--text-secondary);display:flex;font-size:12px;justify-content:space-between}.profit-limit-card{background:#fed7aa1a;border:1px solid #fbbf244d;border-radius:12px;margin-bottom:20px;overflow:hidden}.profit-header{align-items:center;cursor:pointer;display:flex;justify-content:space-between;padding:16px;transition:background .2s}.profit-header:hover{background:#fed7aa1a}.profit-title{align-items:center;color:#f59e0b;display:flex;font-weight:600;gap:8px}.expand-icon{color:#94a3b8;color:var(--text-secondary);transition:transform .3s}.expand-icon.expanded{transform:rotate(180deg)}.status-badge{font-size:11px}.status-badge.valid{background:#10b98133;color:#10b981;color:var(--accent-green)}.status-badge.invalid{background:#ef444433;color:#ef4444;color:var(--accent-red)}.status-badge.pending{background:#f59e0b33;color:#f59e0b;color:var(--accent-yellow)}.profit-details{border-top:1px solid #fbbf244d;padding:0 16px 16px}.profit-progress{margin-bottom:16px}.progress-labels{color:#94a3b8;color:var(--text-secondary);display:flex;font-size:12px;justify-content:space-between;margin-bottom:8px}.progress-bar-container{background:#334155;background:var(--bg-tertiary);border-radius:3px;height:6px;overflow:hidden;position:relative}.progress-fill{transition:all .3s ease}.current-marker{border:2px solid;border-radius:50%;height:12px;top:50%;transform:translate(-50%,-50%);width:12px}.current-marker,.marker-tooltip{background:#0f172a;background:var(--bg-primary);position:absolute}.marker-tooltip{border:1px solid #334155;border:1px solid var(--border-color);border-radius:4px;bottom:100%;color:#f1f5f9;color:var(--text-primary);font-size:11px;left:50%;margin-bottom:8px;opacity:0;padding:4px 8px;transform:translateX(-50%);transition:opacity .2s;white-space:nowrap}.current-marker:hover .marker-tooltip{opacity:1}.profit-stats{grid-gap:12px;display:grid;gap:12px;margin-bottom:16px}.stat-item{align-items:center;background:#0f172a;background:var(--bg-primary);border:1px solid #334155;border:1px solid var(--border-color);border-radius:6px;display:flex;justify-content:space-between;padding:8px 12px}.stat-item.highlight{background:#fefce81a;border-color:#f59e0b4d}.stat-value{color:#f1f5f9;font-size:12px;font-weight:600}.profit-summary{margin-bottom:16px}.summary-card{align-items:center;background:#0f172a;background:var(--bg-primary);border-radius:8px;display:flex;gap:12px;padding:16px}.summary-card.profit{background:#10b9811a;border:1px solid #10b9814d}.summary-card.loss{background:#ef44441a;border:1px solid #ef44444d}.summary-card.neutral{background:#334155;background:var(--bg-tertiary);border:1px solid #334155;border:1px solid var(--border-color)}.summary-card.invalid{background:#ef44441a;border:1px solid #ef44444d}.summary-icon{font-size:24px}.summary-content{flex:1 1}.summary-title{font-size:14px;font-weight:600;margin-bottom:4px}.summary-amount{font-size:18px;font-weight:700}.summary-percentage{font-size:12px;margin-left:4px;opacity:.8}.rules-info{grid-gap:8px;display:grid;gap:8px}.rule-item{align-items:center;border-radius:6px;display:flex;font-size:12px;gap:8px;padding:8px}.rule-item.allowed{background:#10b9811a;color:#10b981;color:var(--accent-green)}.rule-item.blocked{background:#ef44441a;color:#ef4444;color:var(--accent-red)}.submit-button{border:none;border-radius:12px;cursor:pointer;font-size:16px;font-weight:600;overflow:hidden;padding:16px 24px;position:relative;transition:all .3s ease;width:100%}.submit-button.buy{background:linear-gradient(135deg,#10b981,#059669);background:linear-gradient(135deg,var(--accent-green),#059669);color:#fff}.submit-button.sell{background:linear-gradient(135deg,#ef4444,#dc2626);background:linear-gradient(135deg,var(--accent-red),#dc2626);color:#fff}.submit-button:hover:not(.disabled){box-shadow:0 8px 25px #0000004d;transform:translateY(-2px)}.submit-button.disabled{background:#334155!important;background:var(--bg-tertiary)!important;color:#64748b!important;color:var(--text-tertiary)!important;cursor:not-allowed;opacity:.6;transform:none}.button-loading{align-items:center;display:flex;gap:8px;justify-content:center}.loading-spinner{height:16px;width:16px}.button-text{align-items:center;display:flex;gap:8px}.order-type{font-size:12px;font-weight:400;opacity:.9}.error-message{color:var(--accent-red);font-size:12px;margin-top:4px}.form-error-message{align-items:center;background:#ef44441a;border:1px solid #ef44444d;border-radius:8px;color:#ef4444;color:var(--accent-red);display:flex;font-size:14px;gap:8px;margin-top:16px;padding:12px 16px}@media (max-width:768px){.order-form{border-radius:12px;padding:16px}.notifications-container{left:10px;max-width:none;right:10px;top:10px}.header-gradient{padding:16px}.current-price{font-size:24px}.method-toggle,.modern-toggle{gap:4px}.method-toggle button,.toggle-option{font-size:13px;padding:10px 12px}}.open-orders-warning{animation:pulse-warning 2s infinite;background:linear-gradient(135deg,#fff3cd,#ffeaa7);border:1px solid #ffc107;border-radius:8px;margin-bottom:15px;padding:12px}.warning-header{align-items:center;color:#856404;display:flex;font-weight:700;gap:8px;margin-bottom:5px}.warning-icon{font-size:16px}.warning-message{color:#856404;font-size:14px;margin-bottom:5px}.open-orders-count{background:#ffc10733;border-radius:4px;color:#856404;display:inline-block;font-size:12px;font-weight:700;padding:4px 8px}.button-warning{align-items:center;display:flex;gap:8px;justify-content:center}@keyframes pulse-warning{0%{box-shadow:0 0 0 0 #ffc10766}70%{box-shadow:0 0 0 10px #ffc10700}to{box-shadow:0 0 0 0 #ffc10700}}.order-form button:disabled:not(.toggle-option),.order-form input:disabled{background-color:#f8f9fa;cursor:not-allowed;opacity:.6}.method-toggle button:disabled,.modern-toggle button:disabled{cursor:not-allowed;opacity:.5}.order-history-professional{background:var(--bg-secondary);border:1px solid var(--border-light);display:flex;flex-direction:column;height:100%;overflow:hidden}.order-history-professional.compact-view{max-height:400px}.order-history-professional.mobile-view{border-radius:8px}.ohp-header{background:var(--bg-tertiary);border-bottom:1px solid var(--border-light);padding:20px 24px 0}.ohp-title-section{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:16px}.title-main{align-items:center;display:flex;gap:16px}.ohp-title{color:var(--text-primary);font-size:1.25rem;font-weight:700;margin:0}.volume-badge{align-items:center;background:var(--accent-primary);border-radius:20px;color:var(--text-on-accent);display:flex;font-size:.8rem;font-weight:600;gap:6px;padding:4px 12px}.volume-label{opacity:.9}.volume-value{font-weight:700}.stats-overview{display:flex;gap:16px}.stat-card{background:var(--bg-primary);border:1px solid var(--border-light);border-radius:8px;flex-direction:column;gap:4px;min-width:60px;padding:8px 12px}.stat-card.total{border-left:3px solid var(--accent-primary)}.stat-card.filled{border-left:3px solid var(--success)}.stat-card.open{border-left:3px solid var(--warning)}.stat-value{font-size:1.1rem}.stat-label{font-size:.75rem}.ohp-tabs{background:var(--bg-primary);border-bottom:1px solid var(--border-light);border-radius:8px 8px 0 0;display:flex;gap:4px;padding:4px}.tab-button{align-items:center;background:#0000;border:none;border-radius:6px;color:var(--text-secondary);cursor:pointer;display:flex;font-size:.85rem;font-weight:500;gap:6px;padding:8px 16px;position:relative;transition:all var(--transition-speed) ease}.tab-button:hover{background:var(--bg-tertiary);color:var(--text-primary)}.tab-button.active{background:var(--accent-primary);color:var(--text-on-accent)}.tab-count{background:#fff3;border-radius:10px;font-size:.7rem;font-weight:600;min-width:20px;padding:2px 6px;text-align:center}.tab-button.active .tab-count{background:#ffffff4d}.ohp-content{flex:1 1;overflow:auto;padding:20px}.orders-grid{display:flex;flex-direction:column;gap:12px}.order-card{background:var(--bg-primary);border:1px solid var(--border-light);border-radius:8px;padding:16px;transition:all var(--transition-speed) ease}.order-card:hover{border-color:var(--accent-primary);box-shadow:0 4px 12px #0000001a;transform:translateY(-1px)}.card-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:12px}.order-meta{gap:12px}.order-meta,.order-type{align-items:center;display:flex}.order-type{border-radius:6px;font-size:.8rem;font-weight:600;gap:6px;padding:4px 8px}.order-type.type-success{background:#10b9811a;border:1px solid #10b98133;color:var(--success)}.order-type.type-error{background:#ef44441a;border:1px solid #ef444433;color:var(--error)}.type-icon{align-items:center;display:flex}.order-pair{color:var(--text-primary);font-size:.9rem;font-weight:600}.order-time{color:var(--text-secondary);font-size:.8rem}.card-body{margin-bottom:12px}.order-details-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(3,1fr);margin-bottom:12px}.detail-item{display:flex;flex-direction:column;gap:4px}.detail-item label{color:var(--text-secondary);font-size:.75rem;font-weight:500;letter-spacing:.5px;text-transform:uppercase}.detail-value{color:var(--text-primary);font-size:.9rem;font-weight:600}.detail-value.price{color:var(--accent-primary)}.detail-value.amount{color:var(--text-primary)}.detail-value.total{color:var(--success)}.fill-progress{margin-top:8px}.progress-bar{background:var(--bg-tertiary);border-radius:3px;margin-bottom:4px}.progress-fill{background:linear-gradient(90deg,var(--warning),var(--accent-primary));border-radius:3px;transition:width .3s ease}.progress-text{color:var(--text-secondary);font-size:.75rem;text-align:center}.card-footer{justify-content:space-between}.card-footer,.status-badge{align-items:center;display:flex}.status-badge{border-radius:6px;gap:6px;padding:4px 8px}.status-badge.status-success{background:#10b9811a;border:1px solid #10b98133;color:var(--success)}.status-badge.status-primary{background:#3b82f61a;border:1px solid #3b82f633;color:var(--accent-primary)}.status-badge.status-warning{background:#f59e0b1a;border:1px solid #f59e0b33;color:var(--warning)}.status-badge.status-info{background:#06b6d41a;border:1px solid #06b6d433;color:var(--info)}.status-badge.status-error{background:#ef44441a;border:1px solid #ef444433;color:var(--error)}.status-badge.status-default{background:var(--bg-tertiary);border:1px solid var(--border-light);color:var(--text-secondary)}.cancel-button,.status-icon{align-items:center;display:flex}.cancel-button{background:#ef44441a;border:1px solid #ef444433;border-radius:6px;color:var(--error);cursor:pointer;font-size:.8rem;font-weight:600;gap:4px;padding:6px 12px;transition:all var(--transition-speed) ease}.cancel-button:hover{background:var(--error);color:#fff;transform:translateY(-1px)}.cancel-icon{align-items:center;display:flex}.mobile-order-card{background:var(--bg-primary);border:1px solid var(--border-light);border-radius:8px;padding:12px;transition:all var(--transition-speed) ease}.mobile-order-card:hover{border-color:var(--accent-primary)}.mobile-card-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:8px}.mobile-order-type{display:flex;flex-direction:column;gap:4px}.type-badge{align-items:center;border-radius:4px;display:flex;font-size:.7rem;font-weight:600;gap:4px;padding:2px 6px;width:-webkit-fit-content;width:fit-content}.type-badge.type-success{background:#10b9811a;color:var(--success)}.type-badge.type-error{background:#ef44441a;color:var(--error)}.mobile-pair{color:var(--text-primary);font-size:.85rem;font-weight:600}.mobile-time{color:var(--text-secondary);font-size:.7rem}.mobile-card-body{margin-bottom:8px}.mobile-details{display:flex;flex-direction:column;gap:6px}.mobile-detail{align-items:center;display:flex;justify-content:space-between}.mobile-label{color:var(--text-secondary);font-size:.75rem;font-weight:500}.mobile-value{color:var(--text-primary);font-size:.8rem;font-weight:600}.mobile-card-footer{align-items:center;border-top:1px solid var(--border-light);display:flex;justify-content:space-between;padding-top:8px}.mobile-status{align-items:center;border-radius:4px;display:flex;font-size:.7rem;font-weight:600;gap:4px;padding:2px 6px}.mobile-status.status-success{background:#10b9811a;color:var(--success)}.mobile-status.status-primary{background:#3b82f61a;color:var(--accent-primary)}.mobile-status.status-warning{background:#f59e0b1a;color:var(--warning)}.mobile-status.status-info{background:#06b6d41a;color:var(--info)}.mobile-cancel-button,.mobile-status.status-error{background:#ef44441a;color:var(--error)}.mobile-cancel-button{align-items:center;border:1px solid #ef444433;border-radius:4px;cursor:pointer;display:flex;font-size:.7rem;font-weight:600;gap:4px;padding:4px 8px;transition:all var(--transition-speed) ease}.mobile-cancel-button:hover{background:var(--error);color:#fff}.empty-state-professional{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:40px 20px;text-align:center}.empty-illustration{color:var(--text-muted);margin-bottom:16px}.empty-title{color:var(--text-primary);font-size:1.1rem;font-weight:600;margin-bottom:8px}.empty-description{color:var(--text-secondary);margin-bottom:20px;max-width:300px}.cta-button{background:var(--accent-primary);border:none;border-radius:6px;color:var(--text-on-accent);cursor:pointer;font-weight:600;padding:8px 16px;transition:all var(--transition-speed) ease}.cta-button:hover{background:var(--accent-primary-hover);transform:translateY(-1px)}@media (max-width:768px){.ohp-header{padding:16px 16px 0}.ohp-title-section{align-items:stretch;flex-direction:column;gap:12px}.stats-overview,.title-main{justify-content:space-between}.stat-card{flex:1 1;min-width:auto}.ohp-tabs{overflow-x:auto;padding:4px 8px}.tab-button{flex-shrink:0;white-space:nowrap}.ohp-content{padding:16px}.order-details-grid{gap:8px;grid-template-columns:1fr}}@media (max-width:480px){.order-history-professional{border-radius:8px}.ohp-header{padding:12px 12px 0}.mobile-order-card,.ohp-content,.order-card{padding:12px}.card-footer{align-items:stretch;flex-direction:column;gap:8px}.cancel-button{justify-content:center}}.order-history-professional.compact-view .mobile-order-card,.order-history-professional.compact-view .ohp-content,.order-history-professional.compact-view .order-card{padding:12px}.order-history-professional.compact-view .order-details-grid{gap:12px;grid-template-columns:repeat(2,1fr)}.order-history-professional.compact-view .stats-overview{gap:8px}.order-history-professional.compact-view .stat-card{min-width:50px;padding:6px 8px}.order-history-professional.compact-view .stat-value{font-size:1rem}.order-history-professional.compact-view .stat-label{font-size:.7rem}.ohp-content::-webkit-scrollbar{width:6px}.ohp-content::-webkit-scrollbar-track{background:var(--bg-primary);border-radius:3px}.ohp-content::-webkit-scrollbar-thumb{background:var(--accent-primary);border-radius:3px}.ohp-content::-webkit-scrollbar-thumb:hover{background:var(--accent-primary-hover)}:root{--light-bg-primary:#fff;--light-bg-secondary:#f8fafc;--light-bg-tertiary:#f1f5f9;--light-bg-card:#fff;--light-border:#e2e8f0;--light-border-strong:#cbd5e1;--light-text-primary:#0f172a;--light-text-secondary:#475569;--light-text-muted:#64748b;--light-accent-primary:#3b82f6;--light-accent-success:#10b981;--light-accent-danger:#ef4444;--light-accent-warning:#f59e0b;--light-shadow-sm:0 1px 2px 0 #0000000d;--light-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;--light-shadow-lg:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;--dark-bg-primary:#0f172a;--dark-bg-secondary:#1e293b;--dark-bg-tertiary:#334155;--dark-bg-card:#1e293b;--dark-border:#374151;--dark-border-strong:#4b5563;--dark-text-primary:#f8fafc;--dark-text-secondary:#cbd5e1;--dark-text-muted:#94a3b8;--dark-accent-primary:#60a5fa;--dark-accent-success:#34d399;--dark-accent-danger:#f87171;--dark-accent-warning:#fbbf24;--dark-shadow-sm:0 1px 2px 0 #0000004d;--dark-shadow:0 4px 6px -1px #0000004d,0 2px 4px -1px #0003;--dark-shadow-lg:0 10px 15px -3px #0000004d,0 4px 6px -2px #0003}*{box-sizing:border-box;margin:0;padding:0}.trading-platform{background:var(--bg-primary);color:var(--text-primary);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-size:14px;line-height:1.5;min-height:100vh;transition:all .3s ease}.trading-platform.light{--bg-primary:var(--light-bg-primary);--bg-secondary:var(--light-bg-secondary);--bg-tertiary:var(--light-bg-tertiary);--bg-card:var(--light-bg-card);--border:var(--light-border);--border-strong:var(--light-border-strong);--text-primary:var(--light-text-primary);--text-secondary:var(--light-text-secondary);--text-muted:var(--light-text-muted);--accent-primary:var(--light-accent-primary);--accent-success:var(--light-accent-success);--accent-danger:var(--light-accent-danger);--accent-warning:var(--light-accent-warning);--shadow-sm:var(--light-shadow-sm);--shadow:var(--light-shadow);--shadow-lg:var(--light-shadow-lg)}.trading-platform.dark{--bg-primary:var(--dark-bg-primary);--bg-secondary:var(--dark-bg-secondary);--bg-tertiary:var(--dark-bg-tertiary);--bg-card:var(--dark-bg-card);--border:var(--dark-border);--border-strong:var(--dark-border-strong);--text-primary:var(--dark-text-primary);--text-secondary:var(--dark-text-secondary);--text-muted:var(--dark-text-muted);--accent-primary:var(--dark-accent-primary);--accent-success:var(--dark-accent-success);--accent-danger:var(--dark-accent-danger);--accent-warning:var(--dark-accent-warning);--shadow-sm:var(--dark-shadow-sm);--shadow:var(--dark-shadow);--shadow-lg:var(--dark-shadow-lg)}.trading-platform.mobile{padding-bottom:env(safe-area-inset-bottom)}.trading-loading-container{gap:1.5rem;min-height:100vh;padding:2rem}.loading-spinner-large{border-left:3px solid var(--border);border:3px solid var(--border);border-left-color:var(--accent-primary);height:48px;width:48px}.loading-subtitle,.loading-title{text-align:center}.trading-header{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:var(--bg-card);border-bottom:.5px solid var(--border);padding:.5rem 1.5rem;position:-webkit-sticky;position:sticky;top:0;z-index:100}.header-left{align-items:center;display:flex;gap:2rem}.mobile-trading-header{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:var(--bg-card);border-bottom:1px solid var(--border);padding:.5rem 1rem;position:-webkit-sticky;position:sticky;top:0;z-index:100}.mobile-header-top{align-items:center;display:flex;gap:.75rem;justify-content:space-between}.mobile-pair-selector{flex:1 1;position:relative}.mobile-pair-btn{align-items:center;background:var(--bg-secondary);border:1px solid var(--border);border-radius:12px;color:var(--text-primary);cursor:pointer;display:flex;font-size:.875rem;font-weight:600;justify-content:space-between;padding:.75rem 1rem;transition:all .2s ease;width:100%}.mobile-pair-btn:active{transform:scale(.98)}.dropdown-icon{color:var(--text-muted);font-size:.75rem;transition:transform .2s ease}.dropdown-icon.rotated{transform:rotate(180deg)}.mobile-actions{align-items:center;display:flex;gap:.5rem}.mobile-price-display{background:var(--bg-secondary);border:1px solid var(--border);border-radius:12px;margin-top:.75rem;padding:.75rem}.mobile-price-main{align-items:center;display:flex;justify-content:space-between}.current-price{font-size:1.375rem;font-weight:200}.price-change{border-radius:8px;font-size:.8125rem;font-weight:600;padding:.375rem .75rem}.price-change.positive{background:#10b9811a;color:var(--accent-success)}.price-change.negative{background:#ef44441a;color:var(--accent-danger)}.market-selector-container{position:relative}.market-selector-btn{align-items:center;background:var(--bg-secondary);border:1px solid var(--border);border-radius:12px;color:var(--text-primary);cursor:pointer;display:flex;font-weight:500;gap:.5rem;padding:.75rem 1.25rem;transition:all .2s ease}.market-selector-btn:hover{border-color:var(--accent-primary);transform:translateY(-1px)}.markets-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#00000080;bottom:0;display:flex;justify-content:flex-start;left:0;position:fixed;right:0;top:0;z-index:1000}.markets-sidebar{animation:slideInRight .3s ease;background:var(--bg-primary);border-right:1px solid var(--border);display:flex;flex-direction:column;height:100vh;max-width:90vw;width:400px}.mobile-markets-overlay{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#000c;bottom:0;display:flex;flex-direction:column;left:0;padding-top:env(safe-area-inset-top);position:fixed;right:0;top:0;z-index:1000}.mobile-markets-container{animation:slideUp .3s ease-out;background:var(--bg-card);border:1px solid var(--border-strong);border-bottom:none;border-top-left-radius:20px;border-top-right-radius:20px;display:flex;flex:1 1;flex-direction:column;margin-top:auto;max-height:85vh}@keyframes slideInRight{0%{transform:translateX(-100%)}to{transform:translateX(0)}}.markets-header{align-items:center;border-bottom:1px solid var(--border);display:flex;justify-content:space-between;padding:1.25rem 1.5rem}.markets-header h3{color:var(--text-primary);font-size:1.125rem;font-weight:600;margin:0}.close-btn{align-items:center;border-radius:8px;color:var(--text-muted);display:flex;font-size:1.25rem;justify-content:center;min-height:44px;min-width:44px;padding:.5rem;transition:all .2s ease}.close-btn:active{background:var(--bg-tertiary)}.search-section{border-bottom:1px solid var(--border);padding:1rem 1.5rem}.search-input{-webkit-appearance:none;background:var(--bg-secondary);border:1px solid var(--border);border-radius:12px;color:var(--text-primary);font-size:1rem;padding:.875rem 1rem;transition:all .2s ease;width:100%}.search-input:focus{border-color:var(--accent-primary);outline:none}.search-input::placeholder{color:var(--text-muted)}.market-categories{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:1rem}.category-btn{background:var(--bg-secondary);border:1px solid var(--border);border-radius:8px;color:var(--text-secondary);cursor:pointer;font-size:.75rem;font-weight:500;padding:.5rem 1rem;transition:all .2s ease}.category-btn:hover{border-color:var(--accent-primary);color:var(--accent-primary)}.category-btn.active{background:var(--accent-primary);border-color:var(--accent-primary);color:#fff}.markets-list-container{flex:1 1;overflow:hidden}.markets-list{-webkit-overflow-scrolling:touch;height:100%;overflow-y:auto;padding:.5rem}.market-item{align-items:center;background:none;border:none;border-radius:12px;color:var(--text-primary);cursor:pointer;display:flex;font-size:.9375rem;font-weight:500;margin-bottom:.25rem;min-height:44px;padding:1rem;text-align:left;transition:all .2s ease;width:100%}.market-item:active{background:var(--bg-tertiary);transform:scale(.98)}.market-item.active{background:var(--accent-primary);color:#fff}.market-symbol{font-size:.875rem;font-weight:600}.no-results{color:var(--text-muted);font-size:.875rem;padding:2rem;text-align:center}.trading-main{flex:1 1;margin:0 auto;max-width:1300px}.trading-desktop-layout{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:380px 1fr 320px;height:calc(100vh - 80px);margin:0 auto;max-width:1400px;padding:1.5rem}.trading-mobile-layout{display:flex;flex-direction:column;gap:.75rem;padding:.75rem .75rem calc(.75rem + env(safe-area-inset-bottom))}.mobile-panel{background:var(--bg-card);border:1px solid var(--border);border-radius:16px;box-shadow:var(--shadow-sm);overflow:hidden}.mobile-panel:active{transform:scale(.995);transition:transform .1s ease}.panel{background:var(--bg-card);border:1px solid var(--border);border-radius:16px;box-shadow:var(--shadow);display:flex;flex-direction:column;height:100%;overflow:hidden}.panel-header{background:var(--bg-secondary);border-bottom:.5px solid var(--border);padding:1.25rem 1.5rem}.panel-header h3{color:var(--text-primary);font-size:1rem;font-weight:600;margin:0}.realtime-price-list{display:flex;flex:1 1;flex-direction:column;font-size:.8125rem;min-height:0}.realtime-price-list.mobile{-webkit-overflow-scrolling:touch;font-size:.8125rem;max-height:40vh;overflow-y:auto}.price-list-header{background:var(--bg-tertiary);border-bottom:1px solid var(--border);color:var(--text-secondary);display:grid;font-size:.75rem;font-weight:600;grid-template-columns:1fr 1fr 1fr;letter-spacing:.5px;padding:.75rem 1rem;position:-webkit-sticky;position:sticky;text-transform:uppercase;top:0;z-index:2}.header-column{font-size:.7rem;text-align:right}.header-column:first-child{text-align:left}.asks-section,.bids-section{display:flex;flex:1 1;flex-direction:column}.asks-section{order:1}.bids-section{order:3}.price-item{align-items:center;border-bottom:1px solid var(--border);display:grid;grid-template-columns:1fr 1fr 1fr;min-height:44px;padding:.625rem 1rem;transition:all .2s ease}.price-item:active{background:var(--bg-tertiary)}.price-item.ask{background:linear-gradient(90deg,#ef444408,#0000)}.price-item.bid{background:linear-gradient(90deg,#10b98108,#0000)}.price-item.best-ask{background:#ef44441a;border-bottom:1px solid var(--accent-danger)}.price-item.best-bid{background:#10b9811a;border-bottom:1px solid var(--accent-success)}.price-column{align-items:center;display:flex;font-size:.8125rem;font-weight:500;gap:.25rem;justify-content:flex-end;text-align:right}.price-column:first-child{justify-content:flex-start;text-align:left}.ask .price-column:first-child{color:var(--accent-danger);font-weight:600}.bid .price-column:first-child{color:var(--accent-success);font-weight:600}.amount-value,.total-value{color:var(--text-secondary);font-weight:500}.best-indicator{animation:pulse 2s infinite;font-size:.7rem}.current-price-display{background:var(--bg-primary);border-bottom:1px solid var(--border);border-top:1px solid var(--border);order:2;padding:.2rem;text-align:center}.current-price-main{align-items:center;display:flex;gap:.75rem;justify-content:center;margin-bottom:.5rem}.current-price{color:var(--text-primary);font-size:1.5rem;font-weight:700}.price-direction{animation:bounce .5s ease;font-size:1.25rem}.price-direction.up{color:var(--accent-success)}.price-direction.down{color:var(--accent-danger)}@keyframes bounce{0%,20%,50%,80%,to{transform:translateY(0)}40%{transform:translateY(-5px)}60%{transform:translateY(-3px)}}.wallet-list{flex:1 1;padding:.75rem}.wallet-item{align-items:center;border-radius:12px;display:flex;justify-content:space-between;margin-bottom:.25rem;min-height:44px;padding:1rem;transition:all .2s ease}.wallet-item:active,.wallet-item:hover{background:var(--bg-tertiary)}.currency-info{display:flex;flex-direction:column;gap:.25rem}.currency{color:var(--text-primary);font-size:.875rem;font-weight:600}.balance{color:var(--text-secondary);font-size:.75rem}.usd-value{font-size:.875rem;font-weight:600}.theme-toggle,.usd-value{color:var(--text-primary)}.theme-toggle{align-items:center;background:var(--bg-secondary);border:1px solid var(--border);border-radius:12px;cursor:pointer;display:flex;font-weight:500;gap:.5rem;padding:.75rem 1.25rem;transition:all .2s ease}.theme-toggle:hover{border-color:var(--accent-primary);transform:translateY(-1px)}.theme-toggle.mobile{align-items:center;background:none;border:1px solid var(--border);border-radius:10px;cursor:pointer;display:flex;font-size:1.125rem;justify-content:center;min-height:44px;min-width:44px;padding:.75rem}.theme-toggle.mobile:active{background:var(--bg-tertiary);transform:scale(.95)}.connection-status{align-items:center;background:var(--bg-secondary);border:1px solid var(--border);border-radius:8px;display:flex;font-size:.75rem;font-weight:500;gap:.5rem;padding:.5rem .75rem}.status-dot{animation:pulse 2s infinite;border-radius:50%;height:6px;width:6px}.connection-status.connected .status-dot{background:var(--accent-success)}.connection-status.connecting .status-dot{background:var(--accent-warning)}.connection-status.disconnected .status-dot,.connection-status.error .status-dot{background:var(--accent-danger)}.current-pair-info{align-items:center;display:flex;gap:1.5rem}.pair-symbol-large{font-size:1.375rem}.current-price-large,.pair-symbol-large{color:var(--text-primary);font-weight:700}.current-price-large{font-size:1.5rem}.price-change-large{border-radius:10px;font-size:.875rem;font-weight:600;padding:.5rem 1rem}.price-change-large.positive{background:#10b9811a;color:var(--accent-success)}.price-change-large.negative{background:#ef44441a;color:var(--accent-danger)}@media (min-width:768px){.trading-platform{font-size:15px}.trading-mobile-layout{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:1fr 1fr;grid-template-rows:auto 1fr;height:calc(100vh - 80px);padding:1rem}.mobile-panel:first-child{grid-column:1/-1;grid-row:1;max-height:35vh}.mobile-panel:nth-child(2){grid-column:1;grid-row:2}.mobile-panel:nth-child(3){grid-column:2;grid-row:2}.mobile-header-top{gap:1rem}.mobile-pair-btn{font-size:1rem}.current-price{font-size:1.5rem}.mobile-markets-container{border-radius:20px;margin:auto;max-height:80vh;max-width:480px}}@media (min-width:1024px){.trading-platform{font-size:16px}.trading-platform.mobile{display:none}}@media (min-width:1200px){.trading-desktop-layout{gap:2rem;grid-template-columns:420px 1fr 360px;padding:2rem}}@media (max-width:480px){.trading-platform{font-size:14px}.markets-sidebar{width:100vw}.mobile-markets-container{max-height:90vh}}::-webkit-scrollbar-thumb{background:var(--border-strong)}::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}@supports (padding:max(0px)){.trading-platform.mobile{padding-left:max(.75rem,env(safe-area-inset-left));padding-right:max(.75rem,env(safe-area-inset-right))}.mobile-trading-header{padding-left:max(1rem,env(safe-area-inset-left));padding-right:max(1rem,env(safe-area-inset-right))}}.text-positive{color:var(--accent-success)}.text-negative{color:var(--accent-danger)}.bg-positive{background:#10b9811a}.bg-negative{background:#ef44441a}button:focus-visible,input:focus-visible{outline:2px solid var(--accent-primary);outline-offset:2px}@media (prefers-contrast:high){.trading-platform{--border:var(--text-primary);--border-strong:var(--text-primary)}}@media (hover:none) and (pointer:coarse){.market-item:hover,.price-item:hover,.wallet-item:hover{background:inherit}.market-selector-btn:hover,.theme-toggle:hover{border-color:var(--border);transform:none}}.realtime-price-list .price-item{min-height:36px;padding:.5rem 1rem}.realtime-price-list.mobile .price-item{min-height:32px;padding:.4rem .75rem}.asks-section,.bids-section{max-height:180px;overflow:hidden}.realtime-price-list.mobile .asks-section,.realtime-price-list.mobile .bids-section{max-height:160px}.header-navigation{display:flex;gap:8px;margin:0 20px}.nav-tab{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:8px;color:var(--text-secondary);font-size:14px;font-weight:500;gap:8px;padding:10px 16px}.nav-tab:hover{background:var(--bg-hover);color:var(--text-primary)}.nav-tab.active,.nav-tab:hover{border-color:var(--accent-primary)}.nav-tab.active{background:var(--accent-primary);color:#fff}.tab-icon{font-size:16px}.tab-label{white-space:nowrap}.mobile-navigation{background:var(--bg-secondary);border-top:1px solid var(--border-color);display:flex;overflow-x:auto;padding:8px 4px}.mobile-nav-btn{align-items:center;background:#0000;border:none;border-radius:8px;color:var(--text-secondary);cursor:pointer;display:flex;flex:1 1;flex-direction:column;gap:4px;min-width:60px;padding:8px 12px;transition:all .2s ease}.mobile-nav-btn:hover{background:var(--bg-hover);color:var(--text-primary)}.mobile-nav-btn.active{background:var(--accent-primary);color:#fff}.nav-icon{font-size:18px}.nav-label{font-size:11px;font-weight:500;white-space:nowrap}.section-content{height:100%;overflow-y:auto;padding:20px}@media (max-width:768px){.header-navigation{gap:4px;margin:0 10px}.nav-tab{font-size:12px;padding:8px 12px}.section-content{padding:15px 10px}}.management-section{border-radius:12px;margin:20px 0;padding:20px}.order-history-professional{background:var(--bg-primary);border-radius:12px;padding:20px}.trading-loading-container{align-items:center;background:var(--bg-primary);color:var(--text-primary);display:flex;flex-direction:column;height:100vh;justify-content:center}.loading-spinner-large{border-top:4px solid var(--border-color);border:4px solid var(--border-color);border-top-color:var(--accent-primary);margin-bottom:20px}.loading-title{font-size:18px}.loading-subtitle{color:var(--text-secondary);font-size:14px}.open-order-warning{animation:pulseWarning 2s infinite;background:linear-gradient(135deg,#ff6b6b,#ee5a52);border:1px solid #ff4757;border-radius:12px;box-shadow:0 4px 12px #ff475733;margin-bottom:20px;padding:16px}@keyframes pulseWarning{0%,to{opacity:1}50%{opacity:.8}}.warning-content{align-items:center;color:#fff;display:flex;gap:12px}.warning-icon{flex-shrink:0;font-size:24px}.warning-text{display:flex;flex:1 1;flex-direction:column;gap:4px}.warning-text strong{font-size:14px;font-weight:600}.warning-text span{font-size:13px;opacity:.9}.warning-text small{font-size:12px;opacity:.8}.view-orders-btn{background:#fff3;border:1px solid #ffffff4d;border-radius:6px;color:#fff;cursor:pointer;font-size:12px;font-weight:500;padding:8px 16px;transition:all .2s ease;white-space:nowrap}.view-orders-btn:hover{background:#ffffff4d;transform:translateY(-1px)}.open-order-alert{background:linear-gradient(135deg,#fff3cd,#ffeaa7);border:1px solid #ffc107;border-radius:8px;margin-bottom:16px;padding:12px}.alert-content{align-items:flex-start;display:flex;gap:10px}.alert-icon{flex-shrink:0;font-size:18px;margin-top:2px}.alert-text{display:flex;flex:1 1;flex-direction:column;gap:2px}.alert-text strong{color:#856404;font-size:13px;font-weight:600}.alert-text span{color:#856404;font-size:12px}.alert-text small{color:#856404;font-size:11px;opacity:.8}.method-toggle button:disabled,.percent-btn:disabled,.submit-button.disabled,.toggle-option:disabled{cursor:not-allowed;opacity:.6;transform:none!important}.method-toggle button:disabled:hover,.percent-btn:disabled:hover,.toggle-option:disabled:hover{transform:none!important}@media (max-width:768px){.open-order-warning{margin-bottom:16px;padding:12px}.warning-content{align-items:flex-start;flex-direction:column;gap:8px}.view-orders-btn{align-self:stretch;text-align:center}.open-order-alert{padding:10px}}.refresh-btn{background:var(--card-background);border:1px solid var(--border-color);color:var(--text-color);font-size:12px;gap:6px;padding:8px 12px;white-space:nowrap}.refresh-btn:hover:not(:disabled){background:var(--hover-color);border-color:var(--accent-primary)}.refresh-btn.refreshing{background:var(--accent-primary);color:#fff}.refresh-icon{font-size:14px}.refresh-text{font-weight:500}.refresh-interval{font-size:10px;opacity:.7}.panel-header.with-refresh{align-items:center;display:flex;justify-content:space-between;margin-bottom:15px}.panel-header.with-refresh h2,.panel-header.with-refresh h3{margin:0}.header-actions{gap:10px}.mobile .refresh-btn{font-size:11px;padding:6px 10px}.mobile .refresh-interval{display:none}.auto-refresh-indicator{animation:pulse 2s infinite;background:var(--accent-success);border-radius:50%;display:inline-block;height:6px;margin-right:4px;width:6px}.section-content .panel-header.with-refresh{padding:0 15px}.wallet-panel .panel-header.with-refresh{margin-bottom:15px}:root{--primary-bg:#0a0e17;--secondary-bg:#131a29;--tertiary-bg:#1e293b;--card-bg:#1e293b;--border-color:#2d3748;--text-secondary:#94a3b8;--accent-color:#3b82f6;--positive-color:#10b981;--negative-color:#ef4444;--warning-color:#f59e0b;--success-color:#10b981;--border-radius:16px;--border-radius-sm:8px}[data-theme=light]{--primary-bg:#fff;--secondary-bg:#f8fafc;--tertiary-bg:#f1f5f9;--card-bg:#fff;--border-color:#e2e8f0;--text-primary:#0f172a;--text-secondary:#475569;--text-muted:#64748b}.wallet-container{background:#0a0e17;background:var(--primary-bg);margin:0 auto;max-width:1400px;min-height:100vh;padding:24px}.wallet-header{margin-bottom:40px;padding:0 20px;text-align:center}.wallet-header h1{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#3b82f6,#8b5cf6);-webkit-background-clip:text;background-clip:text;font-size:2.5rem;font-weight:700;margin-bottom:12px}.wallet-header p{color:#94a3b8;color:var(--text-secondary);font-size:1.125rem;margin-bottom:24px}.btn{align-items:center;border:none;border-radius:8px;border-radius:var(--border-radius-sm);cursor:pointer;display:inline-flex;font-size:14px;font-weight:600;gap:8px;padding:12px 24px;text-decoration:none;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--transition)}.btn-primary{background:#3b82f6;background:var(--accent-color)}.btn-primary:hover{background:#2563eb;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;box-shadow:var(--shadow-lg);transform:translateY(-2px)}.btn-outline{background:#0000;border:2px solid #3b82f6;border:2px solid var(--accent-color);color:#3b82f6;color:var(--accent-color)}.btn-outline:hover{background:#3b82f6;background:var(--accent-color);color:#fff;transform:translateY(-2px)}.wallet-cards{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));margin-bottom:40px}.wallet-card{background:#1e293b;background:var(--card-bg);border:1px solid #2d3748;border:1px solid var(--border-color);border-radius:var(--border-radius);padding:24px;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--transition)}.wallet-card:before{background:linear-gradient(90deg,#3b82f6,#10b981);background:linear-gradient(90deg,var(--accent-color),var(--success-color));height:4px;left:0;right:0}.wallet-card:hover{border-color:#3b82f6;border-color:var(--accent-color);box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;box-shadow:var(--shadow-lg);transform:translateY(-4px)}.wallet-currency{color:#f8fafc;color:var(--text-primary);font-size:1.5rem;gap:12px;margin-bottom:16px}.wallet-currency:before{animation:pulse 2s infinite;background:#10b981;background:var(--success-color);border-radius:50%;content:"";height:8px;width:8px}.wallet-balance{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#f8fafc,#3b82f6);background:linear-gradient(135deg,var(--text-primary),var(--accent-color));-webkit-background-clip:text;background-clip:text;color:#f8fafc;color:var(--text-primary);margin-bottom:8px}.wallet-details{border-top:1px solid #2d3748;border-top:1px solid var(--border-color);display:flex;flex-direction:column;gap:8px;margin-top:16px;padding-top:16px}.wallet-available,.wallet-locked{align-items:center;color:#94a3b8;color:var(--text-secondary);display:flex;font-size:14px;justify-content:space-between}.wallet-available{color:#10b981;color:var(--success-color);font-weight:600}.wallet-locked{color:#f59e0b;color:var(--warning-color)}.loading{gap:16px}.loading-spinner{border:4px solid #2d3748;border-left:4px solid #3b82f6;border:4px solid var(--border-color);border-left-color:var(--accent-color);height:48px;width:48px}.error-message{background:#ef44441a;border-radius:16px;border-radius:var(--border-radius);color:#ef4444;color:var(--negative-color);padding:24px;text-align:center}.empty-state,.error-message{margin:40px auto;max-width:500px}.empty-state{background:var(--card-bg);border:2px dashed #2d3748;border:2px dashed var(--border-color);border-radius:var(--border-radius);padding:60px 20px}.empty-icon{font-size:4rem;margin-bottom:20px;opacity:.7}.empty-state h3{color:#f8fafc;color:var(--text-primary);font-size:1.5rem;margin-bottom:12px}.empty-state p{color:#94a3b8;margin-bottom:24px}.wallet-summary{grid-gap:20px;background:#1e293b;background:var(--card-bg);border:1px solid #2d3748;border:1px solid var(--border-color);border-radius:16px;border-radius:var(--border-radius);display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:32px;padding:24px}.summary-item{text-align:center}.summary-label{color:#94a3b8;color:var(--text-secondary);font-size:14px;margin-bottom:8px}.summary-value{color:#f8fafc;color:var(--text-primary);font-size:1.5rem;font-weight:700}.wallet-actions{display:flex;flex-wrap:wrap;gap:12px;justify-content:center;margin-bottom:32px}@media (max-width:1200px){.wallet-cards{grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}}@media (max-width:768px){.wallet-container{padding:16px}.wallet-header h1{font-size:2rem}.wallet-header p{font-size:1rem}.wallet-cards{gap:16px;grid-template-columns:1fr}.wallet-card{padding:20px}.wallet-balance{font-size:1.75rem}.wallet-summary{grid-template-columns:1fr;text-align:center}.wallet-actions{align-items:center;flex-direction:column}.wallet-actions .btn{justify-content:center;max-width:300px;width:100%}}@media (max-width:480px){.wallet-container{padding:12px}.wallet-header{padding:0}.wallet-header h1{font-size:1.75rem}.wallet-card{padding:16px}.wallet-balance{font-size:1.5rem}.wallet-currency{font-size:1.25rem}}@media (prefers-color-scheme:dark){.wallet-card{background:linear-gradient(145deg,#1e293b,#0f172a)}}@keyframes balanceUpdate{0%{background-color:#10b98133}to{background-color:initial}}.balance-updated{animation:balanceUpdate 1s ease}.wallet-cards::-webkit-scrollbar{width:6px}.wallet-cards::-webkit-scrollbar-track{background:#1e293b;background:var(--tertiary-bg)}.wallet-cards::-webkit-scrollbar-thumb{background:#2d3748;background:var(--border-color);border-radius:3px}.wallet-cards::-webkit-scrollbar-thumb:hover{background:#64748b;background:var(--text-muted)}@media print{.wallet-container{background:#fff;color:#000}.wallet-card{border:1px solid #ccc;break-inside:avoid;page-break-inside:avoid}.btn{display:none}}.wallet-controls{align-items:center;display:flex;flex-wrap:wrap;gap:20px;justify-content:space-between}.auto-refresh-controls{gap:15px}.auto-refresh-controls,.refresh-toggle,.toggle-label{align-items:center;display:flex}.toggle-label{color:var(--text-color);cursor:pointer;font-size:14px;gap:8px}.toggle-input{display:none}.toggle-slider{background-color:#2d3748;background-color:var(--border-color);border-radius:20px;height:20px;position:relative;transition:background-color .3s;width:40px}.toggle-slider:before{background-color:#fff;border-radius:50%;content:"";height:16px;left:2px;position:absolute;top:2px;transition:transform .3s;width:16px}.toggle-input:checked+.toggle-slider{background-color:var(--primary-color)}.toggle-input:checked+.toggle-slider:before{transform:translateX(20px)}.interval-selector select{background-color:var(--background-color);border:1px solid #2d3748;border:1px solid var(--border-color);border-radius:6px;color:var(--text-color);font-size:14px;padding:6px 12px}.status-bar{background-color:var(--card-background);border-left:4px solid var(--primary-color);border-radius:8px;display:flex;gap:20px;margin-bottom:20px;padding:12px}.status-item{display:flex;font-size:14px;gap:8px}.status-label{color:#64748b;color:var(--text-muted);font-weight:500}.status-value{color:var(--text-color);font-weight:600}.status-active{color:#10b981;color:var(--success-color)}.status-inactive{color:var(--error-color)}.wallet-card-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:15px}.wallet-quick-actions{display:flex;gap:5px}.btn-icon{background:none;border:1px solid #2d3748;border:1px solid var(--border-color);border-radius:6px;cursor:pointer;font-size:14px;padding:6px;transition:all .2s}.btn-icon:hover{background-color:var(--hover-color);transform:scale(1.1)}.real-time-indicator{align-items:center;color:#10b981;color:var(--success-color);display:flex;font-size:12px;gap:6px;position:absolute;right:10px;top:10px}.pulse-dot{animation:pulse 2s infinite;background-color:#10b981;background-color:var(--success-color);border-radius:50%;height:8px;width:8px}.refresh-icon.spinning{animation:spin 1s linear infinite}@media (max-width:768px){.wallet-controls{align-items:stretch;flex-direction:column}.auto-refresh-controls{justify-content:space-between}.status-bar{flex-direction:column;gap:8px}}.wallet-frozen{background:linear-gradient(135deg,#fff5f5,#ffe6e6);border:2px solid #ff6b6b;opacity:.8;position:relative}.frozen-banner{align-items:center;background:linear-gradient(90deg,#ff6b6b,#ff8e8e);border-radius:8px 8px 0 0;color:#fff;display:flex;font-size:12px;font-weight:700;gap:8px;justify-content:center;left:0;padding:8px 12px;position:absolute;right:0;text-align:center;top:0}.frozen-badge{background:#ff6b6b;border-radius:12px;color:#fff;font-size:10px;font-weight:700;margin-left:8px;padding:2px 8px}.balance-frozen{color:#ff6b6b!important}.freeze-details{background:#ff6b6b1a;border-left:3px solid #ff6b6b;border-radius:8px;margin-top:12px;padding:12px}.freeze-date,.freeze-reason{align-items:flex-start;display:flex;font-size:12px;justify-content:space-between;margin-bottom:6px}.freeze-reason-text{color:#d63031;font-weight:500;max-width:60%;text-align:right;word-break:break-word}.frozen-indicator{align-items:center;bottom:12px;color:#ff6b6b;display:flex;font-size:11px;font-weight:600;gap:6px;position:absolute;right:12px}.frozen-dot{animation:frozen-pulse 2s infinite;background:#ff6b6b;border-radius:50%;height:8px;width:8px}@keyframes frozen-pulse{0%,to{opacity:1}50%{opacity:.5}}.btn-disabled{cursor:not-allowed!important;opacity:.4!important}.btn-disabled:hover{background:none!important;transform:none!important}.status-warning,.summary-warning{color:#ff6b6b!important;font-weight:600}.wallet-card:hover{transform:translateY(-2px)}.wallet-frozen:hover{box-shadow:0 4px 15px #ff6b6b33;transform:none}.deposit-container{background:linear-gradient(135deg,#0f0f23,#1a1a2e 50%,#16213e);color:#fff;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;min-height:100vh;padding:20px}.loading{background:#1a2332cc;border-radius:12px;color:#b0b8c4;font-size:18px;margin:20px}.section-header-dp{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#2962ff1a,#667eea0d);border:1px solid #ffffff1a;border-radius:16px;margin-bottom:40px;padding:30px 20px;text-align:center}.section-header-dp h1{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;background-clip:text;font-size:2.5rem;font-weight:700;margin-bottom:10px}.section-header-dp p{color:#b0b8c4;font-size:1.1rem;margin:0}.wallet-section{margin-bottom:40px}.wallet-section h2{color:#fff;font-size:1.8rem;font-weight:600;margin-bottom:25px;text-align:center}.wallet-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));margin-bottom:30px}.wallet-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#1a2332,#2a3b52);border:1px solid #ffffff1a;border-radius:16px;box-shadow:0 8px 32px #0000004d;overflow:hidden;padding:25px;position:relative;text-align:center;transition:all .3s ease}.wallet-card:before{background:linear-gradient(90deg,#0000,#ffffff1a,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s ease;width:100%}.wallet-card:hover:before{left:100%}.wallet-card:hover{border-color:#2962ff4d;box-shadow:0 12px 40px #2962ff33;transform:translateY(-5px)}.wallet-currency{align-items:center;color:#fff;display:flex;font-size:1.3rem;font-weight:700;gap:10px;justify-content:center;margin-bottom:15px}.wallet-balance{color:#2962ff;font-family:Courier New,monospace;font-size:2rem;font-weight:700;margin-bottom:20px}.deposit-btn{background:linear-gradient(135deg,#2962ff,#667eea);border:none;border-radius:10px;color:#fff;cursor:pointer;font-size:1rem;font-weight:600;overflow:hidden;padding:12px 24px;position:relative;transition:all .3s ease;width:100%}.deposit-btn:before{background:linear-gradient(90deg,#0000,#fff3,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s ease;width:100%}.deposit-btn:hover:before{left:100%}.deposit-btn:hover{box-shadow:0 6px 20px #2962ff66;transform:translateY(-2px)}.tabs-navigation{border-bottom:1px solid #ffffff1a;display:flex;flex-wrap:wrap;gap:5px;justify-content:center;margin-bottom:30px}.tab-btn{background:#0000;border:none;border-bottom:3px solid #0000;border-radius:8px 8px 0 0;color:#b0b8c4;cursor:pointer;font-size:1rem;font-weight:500;overflow:hidden;padding:15px 30px;position:relative;transition:all .3s ease}.tab-btn:before{background:linear-gradient(135deg,#2962ff,#667eea);bottom:0;content:"";height:3px;left:50%;position:absolute;transform:translateX(-50%);transition:all .3s ease;width:0}.tab-btn.active{background:#2962ff1a;color:#fff}.tab-btn.active:before{width:100%}.tab-btn:hover:not(.active){background:#ffffff0d;color:#fff}.tab-content{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#1a2332cc;border:1px solid #ffffff1a;border-radius:16px;box-shadow:0 8px 32px #0000004d;margin:0 auto;padding:30px}.manual-deposit-form{margin:0 auto;max-width:500px}.manual-deposit-form h3{color:#fff;font-size:1.5rem;font-weight:600;margin-bottom:25px;text-align:center}.form-label{color:#b0b8c4;display:block;font-size:.95rem;font-weight:500;margin-bottom:8px}.form-input,.form-select{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#2a3b52cc;border:1px solid #ffffff1a;border-radius:10px;color:#fff;font-size:1rem;padding:15px;transition:all .3s ease;width:100%}.form-input:focus,.form-select:focus{background:#2a3b52;border-color:#2962ff;box-shadow:0 0 0 2px #2962ff33;outline:none}.form-input::placeholder{color:#6c757d}.form-input[type=number],.form-input[type=text]{font-family:Courier New,monospace}.form-input[type=text]{font-size:.9rem}.submit-btn{background:linear-gradient(135deg,#00c853,#00e676);border:none;border-radius:10px;color:#fff;cursor:pointer;font-size:1.1rem;font-weight:600;margin-top:10px;padding:15px;transition:all .3s ease;width:100%}.submit-btn:hover{box-shadow:0 6px 20px #00c85366;transform:translateY(-2px)}.submit-btn:active{transform:translateY(0)}.deposit-address-section{margin:0 auto;max-width:500px;text-align:center}.deposit-address-section h3{color:#fff;font-size:1.5rem;font-weight:600;margin-bottom:25px}.qr-code-container{background:#fff;border-radius:12px;box-shadow:0 4px 20px #0000004d;display:inline-block;margin-bottom:25px;padding:20px}.address-container{margin-bottom:25px;text-align:left}.address-label{color:#b0b8c4;display:block;font-weight:500;margin-bottom:10px}.address-display{background:#2a3b52cc;border:1px solid #ffffff1a;border-radius:10px;color:#fff;font-family:Courier New,monospace;font-size:.9rem;line-height:1.4;margin-bottom:15px;padding:15px;word-break:break-all}.copy-btn{background:linear-gradient(135deg,#2962ff,#667eea);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:.9rem;font-weight:500;padding:10px 20px;transition:all .3s ease}.copy-btn:hover{box-shadow:0 4px 15px #2962ff66;transform:translateY(-2px)}.memo-container{margin-bottom:25px;text-align:left}.memo-warning{color:#ffa726;font-weight:600}.important-info{background:#2a3b52cc;border:1px solid #ffffff1a;border-radius:12px;margin-top:25px;padding:20px;text-align:left}.important-info h4{color:#ffa726;font-size:1.1rem;margin-bottom:15px}.important-info ul{color:#b0b8c4;font-size:.9rem;line-height:1.6;margin:0;padding-left:20px}.important-info li{margin-bottom:8px}.important-info strong{color:#fff}.deposit-history-section h3{color:#fff;font-size:1.5rem;font-weight:600;margin-bottom:25px;text-align:center}.history-table-container{border:1px solid #ffffff1a;border-radius:12px;overflow-x:auto}.history-table{background:#1a2332cc;border-collapse:collapse;min-width:800px;width:100%}.history-table thead{background:linear-gradient(135deg,#2a3b52,#1a2332)}.history-table th{border-bottom:1px solid #ffffff1a;color:#b0b8c4;font-size:.9rem;font-weight:600;padding:18px 15px;text-align:left}.history-table tbody tr{border-bottom:1px solid #ffffff0d;transition:background .3s ease}.history-table tbody tr:hover{background:#ffffff0d}.history-table td{color:#fff;font-size:.95rem;padding:15px}.currency-cell{color:#2962ff}.amount-cell{font-weight:600}.tx-hash-cell{color:#b0b8c4;font-family:Courier New,monospace;font-size:.85rem}.status-cell{font-weight:600}.status-completed{color:#00c853}.status-pending{color:#ffa726}.status-rejected{color:#ff1744}.date-cell,.empty-state{color:#b0b8c4}.empty-state{background:#1a2332cc;border:1px solid #ffffff1a;border-radius:16px;font-size:1.1rem;padding:60px 40px}@media (max-width:1200px){.deposit-container{padding:15px}.section-header-dp h1{font-size:2.2rem}}@media (max-width:768px){.deposit-container{padding:10px}.section-header-dp{margin-bottom:30px;padding:20px 15px}.section-header-dp h1{font-size:1.8rem}.section-header-dp p{font-size:1rem}.wallet-section h2{font-size:1.5rem}.wallet-grid{gap:15px;grid-template-columns:1fr}.wallet-card{padding:20px}.wallet-currency{font-size:1.2rem}.wallet-balance{font-size:1.7rem}.tabs-navigation{align-items:center;flex-direction:column}.tab-btn{border-bottom:3px solid #0000;margin-bottom:5px;max-width:300px;width:100%}.tab-btn,.tab-btn.active{border-radius:8px}.tab-content{border-radius:12px;padding:20px}.deposit-address-section,.manual-deposit-form{max-width:100%}.important-info,.qr-code-container{padding:15px}.history-table{min-width:600px}.history-table td,.history-table th{font-size:.85rem;padding:12px 10px}}@media (max-width:480px){.section-header-dp h1{font-size:1.6rem}.wallet-card{padding:15px}.wallet-currency{font-size:1.1rem}.wallet-balance{font-size:1.5rem}.deposit-btn{font-size:.9rem;padding:10px 20px}.tab-content{padding:15px}.form-input,.form-select{font-size:.9rem;padding:12px}.submit-btn{font-size:1rem;padding:12px}.qr-code-container{padding:10px}.address-display{font-size:.8rem;padding:12px}.copy-btn{padding:8px 16px}.copy-btn,.important-info ul{font-size:.85rem}.empty-state{font-size:1rem;padding:40px 20px}.history-table{min-width:500px}.history-table td,.history-table th{font-size:.8rem;padding:10px 8px}}@keyframes highlightNew{0%{background:#00c8534d}to{background:#0000}}.highlight-new{animation:highlightNew 2s ease-out}.loading-btn{overflow:hidden;position:relative}.loading-btn:after{animation:spin 1s linear infinite;border:2px solid #0000;border-radius:50%;border-top-color:#fff;content:"";height:20px;left:50%;margin:-10px 0 0 -10px;position:absolute;top:50%;width:20px}.copy-btn:focus,.deposit-btn:focus,.form-input:focus,.form-select:focus,.submit-btn:focus,.tab-btn:focus{outline:2px solid #2962ff;outline-offset:2px}@media (prefers-contrast:high){.deposit-container{background:#000}.form-input,.form-select,.tab-content,.wallet-card{border:2px solid #fff}}@media (prefers-reduced-motion:reduce){*{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.copy-btn,.deposit-btn,.submit-btn,.tab-btn,.wallet-card{transition:none!important}}:root{--withdrawal-bg-light:#f8fafc;--withdrawal-bg-dark:#0f172a;--card-bg-light:#fff;--card-bg-dark:#1e293b;--border-light:#e2e8f0;--border-dark:#334155;--success-light:#10b981;--success-dark:#34d399;--warning-light:#f59e0b;--warning-dark:#fbbf24;--error-light:#ef4444;--error-dark:#f87171;--space-xs:4px;--space-sm:8px;--space-md:16px;--space-lg:24px;--space-xl:32px;--space-2xl:48px;--space-3xl:64px;--bg-primary:#0f172a;--bg-secondary:#1e293b;--bg-tertiary:#334155;--text-primary:#fff;--text-tertiary:#94a3b8;--accent-blue:#3b82f6;--accent-blue-dark:#2563eb;--warning:#f59e0b;--error:#ef4444;--success:#10b981;--border-medium:#475569;--shadow-sm:0 1px 2px 0 #0000000d;--shadow-md:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;--transition:all 0.3s ease}.withdrawal-lock-container{align-items:center;background:linear-gradient(135deg,#0f172a,#1e293b);background:linear-gradient(135deg,var(--bg-primary) 0,var(--bg-secondary) 100%);display:flex;justify-content:center;min-height:100vh;overflow:hidden;padding:32px;padding:var(--space-xl);position:relative}.withdrawal-lock-container:before{animation:float 6s ease-in-out infinite;background:radial-gradient(circle at 20% 80%,#3b82f61a 0,#0000 50%),radial-gradient(circle at 80% 20%,#ef44441a 0,#0000 50%),radial-gradient(circle at 40% 40%,#8b5cf60d 0,#0000 50%);bottom:0;content:"";left:0;position:absolute;right:0;top:0}.lock-content{animation:slideUp .6s ease-out;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#1e293bf2;border:1px solid #ffffff1a;border-radius:24px;box-shadow:0 20px 40px #0000004d,0 0 100px #3b82f61a;max-width:500px;padding:64px;padding:var(--space-3xl);position:relative;text-align:center;width:100%;z-index:2}.lock-icon{align-items:center;display:flex;height:120px;justify-content:center;margin:0 auto 48px;margin:0 auto var(--space-2xl);position:relative;width:120px}.lock-icon:before{animation:pulse 2s ease-in-out infinite;background:linear-gradient(135deg,#3b82f6,#ef4444);background:linear-gradient(135deg,var(--accent-blue),var(--error));border-radius:50%;content:"";height:100%;opacity:.2;position:absolute;width:100%}.lock-icon svg{color:#ef4444;color:var(--error);filter:drop-shadow(0 4px 12px rgba(239,68,68,.3));height:80px;width:80px}.lock-header{margin-bottom:24px;margin-bottom:var(--space-lg)}.lock-title{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#fff,#3b82f6);background:linear-gradient(135deg,var(--text-primary) 0,var(--accent-blue) 100%);-webkit-background-clip:text;background-clip:text;color:#fff;color:var(--text-primary);font-size:clamp(2rem,4vw,2.5rem);font-weight:800;margin-bottom:16px;margin-bottom:var(--space-md)}.lock-subtitle{color:#94a3b8;color:var(--text-tertiary);font-size:clamp(1rem,2vw,1.125rem);line-height:1.6;margin:0 auto;max-width:400px}.verification-status-grid{grid-gap:16px;grid-gap:var(--space-md);display:grid;gap:16px;gap:var(--space-md);grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin:48px 0;margin:var(--space-2xl) 0}.verification-card{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:16px;overflow:hidden;padding:24px;padding:var(--space-lg);position:relative;text-align:center;transition:all .3s ease}.verification-card:before{background:linear-gradient(90deg,#0000,#ffffff0d,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .6s ease;width:100%}.verification-card:hover:before{left:100%}.verification-card:hover{border-color:#fff3;box-shadow:0 10px 30px #0003;transform:translateY(-5px)}.verification-card.pending{border-left:4px solid #f59e0b;border-left:4px solid var(--warning)}.verification-card.completed{border-left:4px solid #10b981;border-left:4px solid var(--success)}.verification-icon{align-items:center;border-radius:50%;display:flex;font-size:1.5rem;height:60px;justify-content:center;margin:0 auto 16px;margin:0 auto var(--space-md);position:relative;width:60px}.verification-icon.pending{background:#f59e0b1a;color:#f59e0b;color:var(--warning)}.verification-icon.completed{background:#10b9811a;color:#10b981;color:var(--success)}.verification-info{margin-bottom:16px;margin-bottom:var(--space-md)}.verification-label{color:#fff;color:var(--text-primary);font-size:1.125rem;font-weight:600;margin-bottom:4px;margin-bottom:var(--space-xs)}.verification-status-text{font-size:.875rem;font-weight:500}.verification-status-text.pending{color:#f59e0b;color:var(--warning)}.verification-status-text.completed{color:#10b981;color:var(--success)}.verification-description{color:#94a3b8;color:var(--text-tertiary);font-size:.75rem;line-height:1.4;margin-top:4px;margin-top:var(--space-xs)}.verification-progress{margin:48px 0;margin:var(--space-2xl) 0}.progress-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:16px;margin-bottom:var(--space-md)}.progress-title{color:#fff;color:var(--text-primary);font-size:1rem;font-weight:600}.progress-text{color:#94a3b8;color:var(--text-tertiary);font-size:.875rem}.progress-bar{background:#ffffff1a;border-radius:4px;height:8px;margin-bottom:8px;margin-bottom:var(--space-sm);width:100%}.progress-fill{background:linear-gradient(90deg,#3b82f6,#10b981);background:linear-gradient(90deg,var(--accent-blue),var(--success));border-radius:4px;overflow:hidden;position:relative;transition:width .6s ease}.progress-fill:after{animation:shimmer 2s infinite;background:linear-gradient(90deg,#0000,#fff6,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;width:100%}.lock-actions{flex-wrap:wrap;gap:16px;gap:var(--space-md);margin-top:48px;margin-top:var(--space-2xl)}.btn-verify,.lock-actions{display:flex;justify-content:center}.btn-verify{align-items:center;border:none;border-radius:12px;cursor:pointer;font-size:1rem;font-weight:600;gap:8px;gap:var(--space-sm);min-width:160px;overflow:hidden;padding:16px 32px;padding:var(--space-md) var(--space-xl);position:relative;transition:all .3s ease}.btn-verify:before{background:linear-gradient(90deg,#0000,#fff3,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .6s ease;width:100%}.btn-verify:hover:before{left:100%}.btn-verify:hover{box-shadow:0 8px 25px #0000004d;transform:translateY(-2px)}.btn-primary{background:linear-gradient(135deg,#3b82f6,#2563eb);background:linear-gradient(135deg,var(--accent-blue),var(--accent-blue-dark))}.btn-secondary{background:#ffffff1a;border:1px solid #fff3;color:#fff;color:var(--text-primary)}.btn-primary:hover{background:linear-gradient(135deg,#2563eb,#3b82f6);background:linear-gradient(135deg,var(--accent-blue-dark),var(--accent-blue))}.btn-secondary:hover{background:#ffffff26;border-color:#ffffff4d}.btn-icon{font-size:1.25rem}.lock-additional-info{background:#ffffff0d;border-left:4px solid #f59e0b;border-left:4px solid var(--warning);border-radius:12px;margin-top:48px;margin-top:var(--space-2xl);padding:24px;padding:var(--space-lg)}.info-title{align-items:center;color:#f59e0b;color:var(--warning);display:flex;font-size:1rem;font-weight:600;gap:4px;gap:var(--space-xs);margin-bottom:8px;margin-bottom:var(--space-sm)}.info-list{list-style:none;margin:0;padding:0}.info-list li{align-items:flex-start;color:#94a3b8;color:var(--text-tertiary);display:flex;font-size:.875rem;gap:8px;gap:var(--space-sm);line-height:1.4;padding:4px 0;padding:var(--space-xs) 0}.info-list li:before{color:#f59e0b;color:var(--warning);content:"•";flex-shrink:0;font-weight:700}.lock-support{border-top:1px solid #ffffff1a;margin-top:32px;margin-top:var(--space-xl);padding-top:24px;padding-top:var(--space-lg)}.support-text{color:#94a3b8;color:var(--text-tertiary);font-size:.875rem;margin-bottom:16px;margin-bottom:var(--space-md)}.support-contact{display:flex;flex-wrap:wrap;gap:16px;gap:var(--space-md);justify-content:center}.contact-item{align-items:center;background:none;border:none;color:#cbd5e1;color:var(--text-secondary);cursor:pointer;display:flex;font-family:inherit;font-size:.875rem;gap:4px;gap:var(--space-xs);text-decoration:none;transition:color .3s ease}.contact-item:hover{color:#3b82f6;color:var(--accent-blue)}.withdrawal-loading-container{align-items:center;color:#fff;color:var(--text-primary);display:flex;flex-direction:column;justify-content:center;min-height:400px;padding:64px 24px;padding:var(--space-3xl) var(--space-lg);text-align:center}.loading-spinner-large{border:4px solid #e2e8f0;border-top:4px solid #3b82f6;border:4px solid var(--border-light);border-top-color:var(--accent-blue);margin-bottom:24px;margin-bottom:var(--space-lg)}.loading-title{font-size:1.25rem;font-weight:600;margin-bottom:8px;margin-bottom:var(--space-sm)}.loading-subtitle{color:#94a3b8;color:var(--text-tertiary);font-size:.875rem}@media (max-width:768px){.withdrawal-lock-container{padding:24px 16px;padding:var(--space-lg) var(--space-md)}.lock-content{margin:24px;margin:var(--space-lg);padding:48px 24px;padding:var(--space-2xl) var(--space-lg)}.lock-icon{height:100px;margin-bottom:32px;margin-bottom:var(--space-xl);width:100px}.lock-icon svg{height:60px;width:60px}.verification-status-grid{gap:8px;gap:var(--space-sm);grid-template-columns:1fr}.verification-card{padding:16px;padding:var(--space-md)}.lock-actions{flex-direction:column}.btn-verify{min-width:100%}.support-contact{align-items:center;flex-direction:column;gap:8px;gap:var(--space-sm)}}@media (max-width:480px){.lock-content{padding:32px 16px;padding:var(--space-xl) var(--space-md)}.lock-title{font-size:1.75rem}.verification-icon{font-size:1.25rem;height:50px;width:50px}.btn-verify{font-size:.9rem;padding:16px 24px;padding:var(--space-md) var(--space-lg)}}@keyframes cardAppear{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.verification-card{animation:cardAppear .6s ease-out}.verification-card:first-child{animation-delay:.1s}.verification-card:nth-child(2){animation-delay:.2s}@media (prefers-reduced-motion:reduce){.btn-verify:before,.lock-icon:before,.progress-fill:after,.verification-card:before,.withdrawal-lock-container:before{animation:none}.btn-verify,.lock-content,.verification-card{animation:none;transition:none}.btn-verify:hover,.verification-card:hover{transform:none}}.auth-container{background:linear-gradient(135deg,#0f172a,#1e293b);background:linear-gradient(135deg,var(--background-dark) 0,#1e293b 100%);color:#f8fafc;color:var(--text-primary);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;padding:2rem 1rem}.auth-box-kyc{background:#1e293b;background:var(--background-card);border:1px solid #334155;border:1px solid var(--border-color);border-radius:12px;border-radius:var(--border-radius-lg);box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;box-shadow:var(--shadow-lg);max-width:500px;overflow:hidden;padding:2.5rem;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--transition);width:100%}.auth-box-kyc:before{background:linear-gradient(90deg,#2962ff,#00c853);background:linear-gradient(90deg,var(--primary-color),var(--success-color));content:"";height:3px;left:0;position:absolute;right:0;top:0}.auth-box-kyc:hover{box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;transform:translateY(-2px)}.auth-header{margin-bottom:2rem}.auth-header h1{background:linear-gradient(135deg,#f8fafc,#cbd5e1);background:linear-gradient(135deg,var(--text-primary) 0,var(--text-secondary) 100%);font-size:2rem;margin:0 0 .5rem}.auth-header p{color:#cbd5e1;color:var(--text-secondary);font-size:1rem;line-height:1.5}.auth-form{gap:1.5rem}.form-group{display:flex;flex-direction:column;gap:.5rem}.form-group label{color:#f8fafc;font-size:.875rem;margin-bottom:.25rem}.form-group label:after{color:#ff1744;color:var(--danger-color);content:attr(data-required);margin-left:.25rem}.form-group label[for*=document_front],.form-group label[for*=selfie]{position:relative}.form-group label[for*=document_front]:after,.form-group label[for*=selfie]:after{color:#ff1744;color:var(--danger-color);content:" *"}.form-control,.form-group input[type=file],.form-group input[type=text],.form-group select{background:#0f172a;background:var(--background-dark);border:1px solid #334155;border:1px solid var(--border-color);border-radius:8px;border-radius:var(--border-radius);color:#f8fafc;color:var(--text-primary);font-family:inherit;font-size:.875rem;padding:.875rem 1rem;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--transition);width:100%}.form-control:focus,.form-group input[type=text]:focus,.form-group select:focus{border-color:#2962ff;border-color:var(--primary-color);box-shadow:0 0 0 3px #2962ff1a;outline:none}.form-group input[type=file]{cursor:pointer;padding:.75rem}.form-group input[type=file]::-webkit-file-upload-button{background:#2962ff;background:var(--primary-color);border:none;border-radius:8px;border-radius:var(--border-radius);color:#fff;cursor:pointer;font-size:.75rem;font-weight:500;margin-right:1rem;padding:.5rem 1rem;-webkit-transition:all .3s cubic-bezier(.4,0,.2,1);transition:all .3s cubic-bezier(.4,0,.2,1);-webkit-transition:var(--transition);transition:var(--transition)}.form-group input[type=file]::file-selector-button{background:#2962ff;background:var(--primary-color);border:none;border-radius:8px;border-radius:var(--border-radius);color:#fff;cursor:pointer;font-size:.75rem;font-weight:500;margin-right:1rem;padding:.5rem 1rem;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--transition)}.form-group input[type=file]::-webkit-file-upload-button:hover{background:#0039cb;background:var(--primary-dark)}.form-group input[type=file]::file-selector-button:hover{background:#0039cb;background:var(--primary-dark)}.form-group input[type=file]:focus::-webkit-file-upload-button{outline:2px solid #768fff;outline:2px solid var(--primary-light);outline-offset:2px}.form-group input[type=file]:focus::file-selector-button{outline:2px solid #768fff;outline:2px solid var(--primary-light);outline-offset:2px}.file-preview{margin-top:.75rem;text-align:center}.preview-image{border:1px solid #334155;border:1px solid var(--border-color);border-radius:8px;border-radius:var(--border-radius);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;box-shadow:var(--shadow);max-height:200px;max-width:100%;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--transition)}.preview-image:hover{box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;box-shadow:var(--shadow-lg);transform:scale(1.02)}.preview-label{display:block;margin-top:.5rem}.helper-text,.preview-label{color:#64748b;color:var(--text-muted);font-size:.75rem}.helper-text{line-height:1.4;margin-top:.25rem}.helper-text.required{color:#ff1744;color:var(--danger-color);font-weight:500}.auth-submit-btn-info{background:#2962ff;background:var(--primary-color);border:none;border-radius:8px;border-radius:var(--border-radius);color:#fff;cursor:pointer;font-size:1rem;font-weight:600;margin-top:.5rem;overflow:hidden;padding:1rem 1.5rem;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--transition);width:100%}.auth-submit-btn:hover:not(:disabled){background:#0039cb;background:var(--primary-dark);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;box-shadow:var(--shadow);transform:translateY(-1px)}.auth-submit-btn:active:not(:disabled){transform:translateY(0)}.auth-submit-btn:disabled{background:#64748b;background:var(--text-muted);box-shadow:none;transform:none}.auth-submit-btn:disabled:before{display:none}.status-container{padding:2rem 1rem;text-align:center}.status-header{color:#f8fafc;color:var(--text-primary);font-size:1.5rem;font-weight:600;margin-bottom:1rem}.status-message{color:#cbd5e1;color:var(--text-secondary);line-height:1.6;margin-bottom:1.5rem}.status-approved{color:#00c853!important;color:var(--success-color)!important}.status-pending{color:#ffa726!important;color:var(--warning-color)!important}.status-rejected{color:#ff1744!important;color:var(--danger-color)!important}.alert{border-radius:8px;border-radius:var(--border-radius);font-size:.875rem;line-height:1.4;margin-top:1rem;padding:.875rem 1rem;text-align:center}.alert-success{background:#00c8531a;border:1px solid #00c85333;color:#00c853;color:var(--success-color)}.alert-error{background:#ff17441a;border:1px solid #ff174433;color:#ff1744;color:var(--danger-color)}.alert strong{font-weight:600}.progress-steps{display:flex;justify-content:space-between;margin-bottom:2rem;position:relative}.progress-steps:before{background:#334155;background:var(--border-color);content:"";height:2px;left:0;position:absolute;right:0;top:50%;transform:translateY(-50%);z-index:1}.progress-step{align-items:center;background:#0f172a;background:var(--background-dark);border:2px solid #334155;border:2px solid var(--border-color);border-radius:50%;color:#64748b;color:var(--text-muted);display:flex;font-size:.75rem;font-weight:600;height:2rem;justify-content:center;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--transition);width:2rem;z-index:2}.progress-step.active{background:#1e293b;background:var(--background-card);border-color:#2962ff;border-color:var(--primary-color);color:#2962ff;color:var(--primary-color)}.progress-step.completed{background:#00c853;background:var(--success-color);border-color:#00c853;border-color:var(--success-color);color:#fff}@media (max-width:1199px){.auth-box-kyc{max-width:450px;padding:2rem}.auth-header h1{font-size:1.75rem}}@media (max-width:767px){.auth-container{align-items:flex-start;padding:1rem}.auth-box-kyc{margin:15rem 0;padding:1.5rem}.auth-header h1{font-size:1.5rem}.auth-header p{font-size:.875rem}.form-group input[type=file]{padding:.625rem}.preview-image{max-height:150px}}@media (max-width:480px){.auth-container{padding:.5rem}.auth-box-kyc{border-radius:8px;border-radius:var(--border-radius);padding:1.25rem}.auth-header h1{font-size:1.25rem}.form-control,.form-group input[type=file],.form-group input[type=text],.form-group select{font-size:.8rem;padding:.75rem}.auth-submit-btn{font-size:.875rem;padding:.875rem 1rem}.preview-image{max-height:120px}}@media (prefers-contrast:high){:root{--border-color:#fff;--text-secondary:#fff}.auth-box-kyc,.form-control,.form-group input[type=file],.form-group input[type=text],.form-group select{border-width:2px}}.auth-submit-btn:focus-visible,.form-control:focus-visible,.form-group input[type=file]:focus-visible,.form-group input[type=text]:focus-visible,.form-group select:focus-visible{outline:2px solid #768fff;outline:2px solid var(--primary-light);outline-offset:2px}.loading-spinner{border:2px solid #0000;border-top-color:currentcolor;height:1rem;margin-right:.5rem;width:1rem}.auth-submit-btn:disabled .loading-spinner,.loading-spinner{display:inline-block}.file-drop-zone{background:#0f172a;background:var(--background-dark);border:2px dashed #334155;border:2px dashed var(--border-color);border-radius:8px;border-radius:var(--border-radius);cursor:pointer;padding:2rem;text-align:center;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--transition)}.file-drop-zone:hover{background:#2962ff0d;border-color:#2962ff;border-color:var(--primary-color)}.file-drop-zone.drag-over{background:#00c8531a;border-color:#00c853;border-color:var(--success-color)}.file-drop-icon{font-size:2rem;margin-bottom:1rem;opacity:.7}.file-drop-text{color:#cbd5e1;color:var(--text-secondary);font-size:.875rem;margin-bottom:.5rem}.file-drop-hint{color:#64748b;color:var(--text-muted);font-size:.75rem}@media print{.auth-container{background:#fff;color:#000}.auth-box-kyc{border:1px solid #ddd;box-shadow:none}.auth-submit-btn{display:none}}.text-center{text-align:center}.mt-1{margin-top:.5rem}.mt-2{margin-top:1rem}.mt-3{margin-top:1.5rem}.mb-1{margin-bottom:.5rem}.mb-2{margin-bottom:1rem}.mb-3{margin-bottom:1.5rem}.hidden{display:none}.sr-only{clip:rect(0,0,0,0);border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}.dashboard{background:#0f172a;color:#fff}.dashboard-header{background:#1e293b;padding:1.5rem 2rem}.header-content{align-items:center;display:flex;justify-content:space-between;margin:0 auto;max-width:1400px}.header-text h1{color:#f8fafc;font-size:2rem;font-weight:700;margin:0}.header-text p{color:#94a3b8;font-size:1rem;margin:.25rem 0 0}.global-refresh-btn{align-items:center;background:#3b82f6;border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:.9rem;gap:.5rem;padding:.75rem 1.5rem;transition:all .2s ease}.global-refresh-btn:hover:not(:disabled){background:#2563eb;transform:translateY(-1px)}.global-refresh-btn:disabled{cursor:not-allowed;opacity:.6}.global-refresh-btn.refreshing{background:#64748b}.admin-nav{background:#1e293b;border-bottom:1px solid #334155;display:flex;gap:0;margin:0 auto;max-width:1400px;padding:0 2rem}.nav-tab{align-items:center;background:none;border:none;border-bottom:2px solid #0000;color:#94a3b8;cursor:pointer;display:flex;font-size:.95rem;gap:.5rem;padding:1rem 1.5rem;position:relative;transition:all .2s ease}.nav-tab:hover{background:#334155;color:#e2e8f0}.nav-tab.active{background:#1e293b;border-bottom-color:#3b82f6;color:#3b82f6}.nav-badge{background:#ef4444;border:2px solid #1e293b;border-radius:10px;color:#fff;font-size:.7rem;font-weight:700;line-height:1;min-width:18px;padding:2px 6px;position:absolute;right:8px;text-align:center;top:8px}.nav-badge.urgent{animation:pulse 2s infinite;background:#dc2626}.order-badge{background:#f59e0b}.deposit-badge{background:#10b981}.withdrawal-badge{background:#8b5cf6}.kyc-badge{background:#06b6d4}.dashboard-content{margin:0 auto;max-width:1400px;padding:2rem}.dashboard-controls{align-items:center;background:#1e293b;border:1px solid #334155;border-radius:8px;display:flex;justify-content:space-between;margin-bottom:1.5rem;padding:1rem}.refresh-btn{background:#334155;border-radius:6px;color:#e2e8f0;padding:.5rem 1rem}.refresh-btn:hover:not(:disabled){background:#475569}.pending-overview{background:#1e293b;border:1px solid #334155;border-radius:12px;margin-bottom:2rem;padding:1.5rem}.pending-overview h3{color:#f8fafc;font-size:1.2rem;margin:0 0 1rem}.pending-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.pending-item{align-items:center;background:#334155;border:1px solid #0000;border-radius:8px;cursor:pointer;display:flex;gap:1rem;padding:1rem;transition:all .2s ease}.pending-item:hover{border-color:#3b82f6;box-shadow:0 4px 12px #3b82f626;transform:translateY(-2px)}.pending-icon{align-items:center;background:#475569;border-radius:8px;display:flex;font-size:1.5rem;height:40px;justify-content:center;width:40px}.pending-content{flex:1 1}.pending-label{color:#94a3b8;font-size:.9rem;margin-bottom:.25rem}.pending-count{color:#f8fafc;font-size:1.5rem;font-weight:700}.pending-arrow{color:#64748b;font-size:1.2rem;transition:transform .2s ease}.pending-item:hover .pending-arrow{color:#3b82f6;transform:translateX(4px)}.market-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));margin-bottom:2rem}.stat-card{background:#1e293b;border:1px solid #334155;gap:1rem;padding:1.5rem;position:relative;transition:all .2s ease}.stat-card:hover{border-color:#3b82f6;box-shadow:0 8px 25px #00000026}.stat-icon{background:#334155;border-radius:12px;font-size:2rem;height:60px;width:60px}.stat-content{flex:1 1}.stat-label{color:#94a3b8;font-size:.9rem}.stat-value{color:#f8fafc;font-size:1.8rem;line-height:1}.highlight-warning{color:#f59e0b}.highlight-success{color:#10b981}.stat-badge{background:#ef4444;border-radius:6px;color:#fff;font-size:.7rem;font-weight:700;padding:.25rem .5rem;position:absolute;right:1rem;top:1rem}.chart-section{background:#1e293b;border:1px solid #334155;border-radius:12px;margin-bottom:2rem}.chart-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:1.5rem}.chart-header h3{color:#f8fafc;font-size:1.3rem;margin:0}.chart-controls{align-items:center;color:#94a3b8;display:flex;font-size:.9rem;gap:1rem}.trading-layout{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:1fr 1fr}.data-table{font-size:.9rem}.data-table th{background:#334155;border-bottom:1px solid #475569;color:#e2e8f0;padding:1rem}.data-table td{border-bottom:1px solid #334155;color:#e2e8f0;padding:1rem}.data-table tr:hover{background:#334155}.status-badge{font-size:.8rem;padding:.25rem .75rem;text-transform:capitalize}.status-approved,status-completed{background:#d1fae5;color:#065f46}.status-rejected,status-cancelled{background:#fee2e2;color:#991b1b}.status-open{background:#dbeafe;color:#1e40af}.order-type,.trade-type{border-radius:6px;font-size:.8rem;font-weight:600;padding:.25rem .75rem;text-transform:uppercase}.order-type.buy,.trade-type.buy{background:#d1fae5;color:#065f46}.order-type.sell,.trade-type.sell{background:#fee2e2;color:#991b1b}.dashboard-loading,.loading{align-items:center;color:#94a3b8;display:flex;flex-direction:column;justify-content:center;padding:3rem}.loading-spinner-large{border:3px solid #334155;border-top-color:#3b82f6;height:40px;margin-bottom:1rem;width:40px}.no-data{align-items:center;color:#64748b;display:flex;flex-direction:column;justify-content:center}@media (max-width:1024px){.trading-layout{grid-template-columns:1fr}.admin-nav{flex-wrap:wrap;padding:0 1rem}.nav-tab{font-size:.9rem;padding:.75rem 1rem}}@media (max-width:768px){.dashboard-header{padding:1rem}.header-content{align-items:flex-start;flex-direction:column;gap:1rem}.dashboard-content{padding:1rem}.market-grid,.pending-grid{grid-template-columns:1fr}.dashboard-controls{align-items:flex-start;flex-direction:column;gap:1rem}}.record-count{color:#94a3b8;font-size:.9rem}.pending-alert{background:#fef3c7;border-radius:6px;color:#92400e;font-size:.8rem;font-weight:600;padding:.25rem .75rem}.amount-cell,.pair-cell,.price-cell,.time-cell,.total-cell{font-family:Courier New,monospace;font-weight:600}.pair-cell{color:#3b82f6}.amount-cell{color:#f8fafc}.price-cell{color:#10b981}.total-cell{color:#f59e0b}.time-cell{color:#94a3b8;font-size:.85rem}.frozen-badge{background:#f44336!important}.frozen-pending{border-left:4px solid #f44336!important}.frozen-pending:hover{background:#f443361a!important}.highlight-danger{color:#f44336!important}.management-section{background:#0f172a;padding:2rem}.section-header{align-items:flex-start;background:#1e293b;border:1px solid #334155;border-radius:12px;margin-bottom:2rem;padding:1.5rem}.header-left h2{color:#f8fafc;font-size:1.8rem;font-weight:700;margin:0 0 1rem}.update-info{color:#94a3b8;display:flex;font-size:.9rem;gap:1.5rem}.last-update{font-family:Courier New,monospace}.auto-refresh,.last-update{background:#334155;border-radius:6px;padding:.5rem 1rem}.header-actions{align-items:center;display:flex;gap:1rem}.filters{gap:1rem}.status-filter{background:#334155;border:1px solid #475569;border-radius:8px;color:#e2e8f0;cursor:pointer;font-size:.9rem;min-width:150px;padding:.75rem 1rem}.status-filter:focus{border-color:#3b82f6;box-shadow:0 0 0 2px #3b82f61a;outline:none}.status-filter option{background:#1e293b;color:#e2e8f0}.refresh-btn{align-items:center;background:#3b82f6;border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:.9rem;gap:.5rem;justify-content:center;min-width:140px;padding:.75rem 1.5rem;transition:all .2s ease}.refresh-btn:hover:not(:disabled){background:#2563eb;box-shadow:0 4px 12px #2563eb4d;transform:translateY(-1px)}.refresh-btn:disabled{opacity:.6;transform:none}.refresh-btn.refreshing{background:#64748b}.refresh-icon{font-size:1rem}.refresh-text{font-weight:600}.refresh-interval{font-size:.8rem;opacity:.8}.table-container{background:#1e293b;border:1px solid #334155;border-radius:12px;margin-bottom:2rem}.deposits-table{border-collapse:collapse;font-size:.9rem;width:100%}.deposits-table th{background:#334155;border-bottom:1px solid #475569;color:#e2e8f0;font-size:.85rem;font-weight:600;letter-spacing:.5px;padding:1.25rem 1rem;text-align:left;text-transform:uppercase}.deposits-table td{border-bottom:1px solid #334155;color:#e2e8f0;padding:1.25rem 1rem;vertical-align:top}.deposits-table tr:last-child td{border-bottom:none}.deposits-table tr:hover{background:#2d3748}.user-info{display:flex;flex-direction:column;gap:.25rem}.user-name{color:#f8fafc}.user-email{color:#94a3b8;font-size:.8rem}.currency-cell{color:#3b82f6;font-weight:600}.amount-cell,.currency-cell{font-family:Courier New,monospace}.amount-cell{color:#10b981;font-size:1rem;font-weight:700}.tx-hash{color:#94a3b8;font-family:Courier New,monospace;font-size:.8rem;max-width:120px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tx-hash span{cursor:pointer;transition:color .2s ease}.tx-hash span:hover{color:#3b82f6}.date-cell{color:#94a3b8;font-size:.85rem}.time{color:#64748b;font-size:.75rem;margin-top:.25rem}.status-badge{font-weight:700;min-width:80px;text-align:center}.status-pending{background:#fef3c7;border:1px solid #f59e0b;color:#92400e}.status-approved,.status-completed{background:#d1fae5;border:1px solid #10b981;color:#065f46}.status-rejected{background:#fee2e2;border:1px solid #ef4444;color:#991b1b}.status-cancelled{background:#f3f4f6;border:1px solid #9ca3af;color:#374151}.btn-approve{background:#10b981;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:.8rem;font-weight:600;min-width:70px;padding:.5rem 1rem;transition:all .2s ease}.btn-approve:hover{background:#059669;box-shadow:0 4px 8px #10b9814d;transform:translateY(-1px)}.btn-reject{background:#ef4444;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:.8rem;font-weight:600;min-width:70px;padding:.5rem 1rem;transition:all .2s ease}.btn-reject:hover{background:#dc2626;box-shadow:0 4px 8px #ef44444d;transform:translateY(-1px)}.no-actions{color:#94a3b8;font-size:.8rem;font-style:italic}.no-data-content{align-items:center;color:#64748b;display:flex;flex-direction:column;gap:1rem}.loading{color:#94a3b8;font-size:1.1rem;padding:3rem}.pagination{background:#1e293b;border:1px solid #334155;border-radius:12px;gap:1rem;padding:1.5rem}.pagination-btn{background:#334155;border:1px solid #475569;border-radius:8px;color:#e2e8f0;font-size:.9rem;padding:.75rem 1.5rem;transition:all .2s ease}.pagination-btn:hover:not(:disabled){background:#3b82f6;border-color:#3b82f6;transform:translateY(-1px)}.pagination-btn:disabled{opacity:.4}.pagination-btn.prev{background:#475569}.pagination-btn.next{background:#3b82f6}.page-info{color:#94a3b8;font-size:.9rem;font-weight:600;min-width:120px;text-align:center}@media (max-width:1024px){.management-section{padding:1rem}.section-header{flex-direction:column;gap:1rem}.header-actions{justify-content:space-between;width:100%}.deposits-table{font-size:.8rem}.deposits-table td,.deposits-table th{padding:1rem .5rem}}@media (max-width:768px){.table-container{overflow-x:auto}.deposits-table{min-width:800px}.section-header{padding:1rem}.header-left h2{font-size:1.5rem}.update-info{flex-direction:column;gap:.5rem}.header-actions{flex-direction:column;gap:1rem}.filters{width:100%}.status-filter{flex:1 1}.refresh-btn{width:100%}.pagination{flex-direction:column;gap:1rem}.pagination-btn{width:100%}}@media (max-width:480px){.management-section{padding:.5rem}.action-buttons{flex-direction:column;gap:.25rem}.btn-approve,.btn-reject{font-size:.75rem;min-width:60px;padding:.4rem .8rem}}.refresh-btn.refreshing .refresh-icon{animation:spin 1s linear infinite}.deposits-table tr{transition:all .2s ease}.deposits-table tr:hover{box-shadow:0 4px 12px #0000001a;transform:translateX(4px)}.btn-approve:focus,.btn-reject:focus,.pagination-btn:focus,.refresh-btn:focus,.status-filter:focus{outline:2px solid #3b82f6;outline-offset:2px}@media print{.management-section{background:#fff;color:#000}.section-header,.table-container{border:1px solid #ccc}.action-buttons,.refresh-btn{display:none}}@media (prefers-color-scheme:dark){.deposits-table{color-scheme:dark}}@media (prefers-contrast:high){.status-badge{border-width:2px}.deposits-table th{background:#000;color:#fff}.btn-approve,.btn-reject{border:2px solid}}@media (prefers-reduced-motion:reduce){.btn-approve,.btn-reject,.deposits-table tr,.pagination-btn,.refresh-btn{transform:none;transition:none}.refresh-btn.refreshing .refresh-icon{animation:none}}:root{--management-bg-light:#f8fafc;--management-bg-dark:#0f172a;--table-header-bg-light:#f1f5f9;--table-header-bg-dark:#1e293b;--table-border-light:#e2e8f0;--table-border-dark:#334155;--table-hover-light:#f8fafc;--table-hover-dark:#1e293b}.management-section{background:var(--bg-primary);margin:0 auto;max-width:1400px;min-height:100vh;padding:40px 20px}.section-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:32px;position:relative}.section-header:after{background:linear-gradient(90deg,var(--accent-blue),var(--success));border-radius:2px;bottom:-16px;content:"";height:4px;left:0;position:absolute;width:80px}.section-header h2{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,var(--text-primary) 0,var(--text-secondary) 100%);-webkit-background-clip:text;background-clip:text;color:var(--text-primary);font-size:2.5rem;font-weight:800;letter-spacing:-.02em;margin:0}.filters{align-items:center;display:flex;gap:16px}.filter-select{background:var(--bg-secondary);border:2px solid var(--border-light);border-radius:12px;color:var(--text-primary);cursor:pointer;font-size:.95rem;font-weight:500;min-width:150px;padding:12px 16px;transition:all .3s ease}.filter-select:focus{border-color:var(--accent-blue);box-shadow:0 0 0 3px #3b82f61a;outline:none;transform:translateY(-2px)}.table-container{background:var(--bg-primary);border:1px solid var(--border-light);border-radius:24px;box-shadow:var(--shadow-lg);margin-bottom:32px;overflow:hidden;transition:var(--transition)}.table-container:hover{box-shadow:var(--shadow-xl);transform:translateY(-2px)}.management-table{border-collapse:collapse;font-size:.95rem;width:100%}.management-table th{background:#f1f5f9;background:var(--table-header-bg-light);border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--table-border-light);color:var(--text-secondary);font-size:.9rem;font-weight:700;letter-spacing:.5px;padding:20px 24px;text-align:left;text-transform:uppercase;-webkit-user-select:none;user-select:none}.dark-theme .management-table th{background:#1e293b;background:var(--table-header-bg-dark);border-bottom-color:#334155;border-bottom-color:var(--table-border-dark)}.management-table td{border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--table-border-light);padding:20px 24px;vertical-align:middle}.dark-theme .management-table td{border-bottom-color:#334155;border-bottom-color:var(--table-border-dark)}.management-table tr:last-child td{border-bottom:none}.management-table tr{overflow:hidden;position:relative;transition:all .3s ease}.management-table tr:before{background:linear-gradient(90deg,#0000,#3b82f60d,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .6s ease;width:100%}.management-table tr:hover:before{left:100%}.management-table tr:hover{background:#f8fafc;background:var(--table-hover-light);transform:translateX(8px)}.dark-theme .management-table tr:hover{background:#1e293b;background:var(--table-hover-dark)}.user-cell{gap:4px}.user-name{color:var(--text-primary);font-size:1rem;font-weight:700}.user-email{color:var(--text-tertiary);font-weight:500}.currency-cell{color:var(--text-primary);font-size:1rem;font-weight:700}.amount-cell,.fee-cell{color:var(--text-primary);font-family:SF Mono,Monaco,Cascadia Code,monospace;font-weight:600}.fee-cell{color:var(--error)}.address-cell,.hash-cell{color:var(--text-tertiary);font-family:SF Mono,Monaco,Cascadia Code,monospace;font-size:.85rem;max-width:200px;word-break:break-all}.status-cell{font-weight:700}.status-pending{background:#f59e0b1a;color:var(--warning)}.status-completed,.status-pending{border-radius:20px;display:inline-block;font-size:.85rem;padding:6px 12px}.status-completed{background:#10b9811a;color:var(--success)}.status-rejected{background:#ef44441a;border-radius:20px;color:var(--error);display:inline-block;font-size:.85rem;padding:6px 12px}.date-cell{color:var(--text-tertiary);font-size:.9rem;font-weight:500}.action-buttons{gap:8px}.approve-btn,.reject-btn{border-radius:12px;font-size:.85rem;min-width:80px;padding:10px 16px;transition:all .3s ease}.approve-btn:before,.reject-btn:before{transition:left .6s ease}.approve-btn{background:linear-gradient(135deg,var(--success) 0,var(--success-dark) 100%);box-shadow:0 4px 12px #10b9814d}.approve-btn:hover{box-shadow:0 6px 20px #10b98166;transform:translateY(-2px)}.reject-btn{background:linear-gradient(135deg,var(--error) 0,var(--error-dark) 100%);box-shadow:0 4px 12px #ef44444d}.reject-btn:hover{box-shadow:0 6px 20px #ef444466;transform:translateY(-2px)}.pagination{align-items:center;display:flex;gap:16px;justify-content:center;margin-top:32px}.pagination-btn{background:var(--bg-secondary);border:2px solid var(--border-light);border-radius:12px;color:var(--text-primary);cursor:pointer;font-weight:600;min-width:100px;padding:12px 20px;transition:all .3s ease}.pagination-btn:hover:not(:disabled){background:var(--accent-blue);border-color:var(--accent-blue);box-shadow:0 4px 12px #3b82f64d;color:#fff;transform:translateY(-2px)}.pagination-btn:disabled{background:var(--bg-tertiary);box-shadow:none;color:var(--text-tertiary);cursor:not-allowed;transform:none}.pagination-info{font-size:.95rem;padding:0 16px}.loading,.pagination-info{color:var(--text-tertiary);font-weight:600}.loading{font-size:1.25rem;height:200px}.empty-state{color:var(--text-tertiary);padding:80px 40px}.empty-state:before{content:"📊";font-size:4rem;margin-bottom:20px}.empty-state p{color:var(--text-secondary);font-size:1.125rem;font-weight:600;margin-bottom:20px}.modal-overlay{animation:fadeIn .3s ease;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);background:#000000b3}.modal-content{animation:slideUp .3s ease;background:var(--bg-primary);border:1px solid var(--border-light);border-radius:24px;box-shadow:var(--shadow-xl);padding:32px;width:90%}.modal-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:24px}.modal-header h3{color:var(--text-primary);font-size:1.5rem;font-weight:700;margin:0}.close-btn{background:none;border:none;color:var(--text-tertiary);cursor:pointer;font-size:1.5rem;transition:var(--transition)}.close-btn:hover{color:var(--text-primary);transform:scale(1.1)}.modal-input{background:var(--bg-secondary);border:2px solid var(--border-light);border-radius:12px;color:var(--text-primary);font-size:1rem;margin-bottom:20px;padding:16px;transition:all .3s ease;width:100%}.modal-input:focus{border-color:var(--accent-blue);box-shadow:0 0 0 3px #3b82f61a;outline:none}.modal-actions{gap:12px}.modal-btn{border:none;border-radius:12px;cursor:pointer;font-weight:600;min-width:100px;padding:12px 24px;transition:all .3s ease}.modal-btn.primary{background:var(--accent-blue);color:#fff}.modal-btn.primary:hover{background:var(--accent-blue-dark);transform:translateY(-2px)}.modal-btn.secondary{background:var(--bg-tertiary);border:2px solid var(--border-light);color:var(--text-primary)}.modal-btn.secondary:hover{background:var(--bg-secondary);transform:translateY(-2px)}@media (max-width:1200px){.management-section{padding:32px 16px}.table-container{overflow-x:auto}.management-table{min-width:1000px}}@media (max-width:768px){.management-section{padding:24px 12px}.section-header{align-items:stretch;flex-direction:column;gap:20px}.section-header h2{font-size:2rem;text-align:center}.filters{justify-content:center}.management-table td,.management-table th{padding:16px 20px}.action-buttons{flex-direction:column;gap:6px}.approve-btn,.reject-btn{font-size:.8rem;min-width:70px;padding:8px 12px}.pagination{flex-direction:column;gap:12px}.pagination-btn{min-width:120px}}@media (max-width:480px){.management-section{padding:20px 8px}.section-header h2{font-size:1.75rem}.management-table td,.management-table th{font-size:.85rem;padding:12px 16px}.user-name{font-size:.9rem}.user-email{font-size:.8rem}.address-cell,.hash-cell{font-size:.75rem;max-width:150px}.modal-content{margin:20px;padding:24px}}.dark-theme .table-container{background:var(--bg-secondary);border-color:var(--border-medium)}.dark-theme .filter-select,.dark-theme .pagination-btn{background:var(--bg-tertiary);border-color:var(--border-medium)}.dark-theme .modal-content{background:var(--bg-secondary);border-color:var(--border-medium)}.dark-theme .modal-input{background:var(--bg-tertiary);border-color:var(--border-medium)}.approve-btn:focus-visible,.close-btn:focus-visible,.filter-select:focus-visible,.modal-btn:focus-visible,.modal-input:focus-visible,.pagination-btn:focus-visible,.reject-btn:focus-visible{outline:2px solid var(--accent-blue);outline-offset:2px}@media (prefers-reduced-motion:reduce){.approve-btn,.close-btn,.management-table tr,.modal-btn,.pagination-btn,.reject-btn,.table-container{transition:none}.approve-btn:hover,.close-btn:hover,.management-table tr:hover,.modal-btn:hover,.pagination-btn:hover:not(:disabled),.reject-btn:hover,.table-container:hover{transform:none}}@media print{.management-section{background:#fff;color:#000;padding:20px 0}.table-container{border:1px solid #000;box-shadow:none}.action-buttons,.filters,.pagination{display:none}}.management-table tr,.table-container{-webkit-backface-visibility:hidden;backface-visibility:hidden;will-change:transform}@media (max-width:768px){.approve-btn,.modal-btn,.pagination-btn,.reject-btn{min-height:44px;min-width:44px}.filter-select{min-height:44px}}@keyframes fadeInRow{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.management-table tr{animation:fadeInRow .4s ease-out}.management-table tr:first-child{animation-delay:.1s}.management-table tr:nth-child(2){animation-delay:.2s}.management-table tr:nth-child(3){animation-delay:.3s}.management-table tr:nth-child(4){animation-delay:.4s}.management-table tr:nth-child(5){animation-delay:.5s}.status-completed,.status-pending,.status-rejected{animation:pulse 2s infinite}.table-container::-webkit-scrollbar-track{background:var(--bg-secondary)}.table-container::-webkit-scrollbar-thumb{background:var(--border-medium)}.table-container::-webkit-scrollbar-thumb:hover{background:var(--text-tertiary)}:root{--primary-color:#2962ff;--primary-dark:#0039cb;--primary-light:#768fff;--success-color:#00c853;--warning-color:#ffa726;--danger-color:#ff1744;--background-dark:#0f172a;--background-card:#1e293b;--background-hover:#334155;--text-primary:#f8fafc;--text-secondary:#cbd5e1;--text-muted:#64748b;--border-color:#334155;--border-light:#475569;--shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;--shadow-lg:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;--border-radius:8px;--border-radius-lg:12px;--transition:all 0.3s cubic-bezier(0.4,0,0.2,1)}.dashboard{background:linear-gradient(135deg,#0f172a,#1e293b);background:linear-gradient(135deg,var(--background-dark) 0,#1e293b 100%);color:#f8fafc;color:var(--text-primary);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;margin:0;min-height:100vh;padding:0}.loading{animation:shimmer 2s infinite;background:linear-gradient(90deg,#0000,#ffffff0d,#0000);background-size:200% 100%;color:#cbd5e1;color:var(--text-secondary);font-size:1.125rem;height:50vh;justify-content:center}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.dashboard-header{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#1e293bcc;border-bottom:1px solid #334155;border-bottom:1px solid var(--border-color);padding:2rem 1.5rem 1.5rem}.dashboard-header h1{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#f8fafc,#cbd5e1);background:linear-gradient(135deg,var(--text-primary) 0,var(--text-secondary) 100%);-webkit-background-clip:text;background-clip:text;font-size:2rem;font-weight:700;margin:0 0 .5rem}.dashboard-header p{color:#cbd5e1;color:var(--text-secondary);font-size:1rem;font-weight:400;margin:0 0 1rem}.pending-count{background:#1e293b;background:var(--background-card);border:1px solid #334155;border:1px solid var(--border-color);border-radius:8px;border-radius:var(--border-radius);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;box-shadow:var(--shadow);color:#ffa726;color:var(--warning-color);display:inline-block;font-weight:600;padding:.75rem 1rem}.chart-section{padding:1.5rem}.kyc-application{background:#1e293b;background:var(--background-card);border:1px solid #334155;border:1px solid var(--border-color);border-radius:12px;border-radius:var(--border-radius-lg);margin-bottom:1.5rem;overflow:hidden;padding:1.5rem;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--transition)}.kyc-application:before{background:linear-gradient(90deg,#ffa726,#2962ff);background:linear-gradient(90deg,var(--warning-color),var(--primary-color));content:"";height:2px;left:0;position:absolute;right:0;top:0;transform:scaleX(0);transition:transform .3s ease}.kyc-application:hover:before{transform:scaleX(1)}.kyc-application:hover{border-color:#475569;border-color:var(--border-light);box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;box-shadow:var(--shadow-lg);transform:translateY(-2px)}.app-header{align-items:flex-start;display:flex;gap:1rem;justify-content:space-between;margin-bottom:1.5rem}.app-user-info{flex:1 1}.app-user-name{color:#f8fafc;color:var(--text-primary);font-size:1.25rem;font-weight:600;margin-bottom:.5rem}.app-user-email{color:#cbd5e1;color:var(--text-secondary);font-size:.875rem;margin:0}.app-meta{color:#64748b;color:var(--text-muted);font-size:.75rem;margin:.25rem 0}.app-document-info{color:#cbd5e1;color:var(--text-secondary);font-size:.875rem;font-weight:500;margin:.5rem 0}.app-status-info{min-width:150px;text-align:right}.status-badge{background:#ffa72633;border:1px solid #ffa7264d;border-radius:8px;border-radius:var(--border-radius);color:#ffa726;color:var(--warning-color);display:inline-block;padding:.375rem .75rem}.app-submission-date{color:#64748b;color:var(--text-muted);font-size:.75rem;margin:.5rem 0 0}.image-gallery{grid-gap:1.25rem;display:grid;gap:1.25rem;grid-template-columns:1fr 1fr;margin-bottom:1.5rem}.image-preview{margin-bottom:0}.image-label{color:#cbd5e1;color:var(--text-secondary);display:block;font-size:.875rem;font-weight:500;margin-bottom:.5rem}.image-container{background:#0f172a;background:var(--background-dark);border:1px solid #334155;border:1px solid var(--border-color);border-radius:8px;border-radius:var(--border-radius);overflow:hidden;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--transition)}.image-container:hover{border-color:#475569;border-color:var(--border-light);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;box-shadow:var(--shadow);transform:translateY(-1px)}.kyc-image{display:block;height:200px;object-fit:cover;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--transition);width:100%}.image-container:hover .kyc-image{transform:scale(1.02)}.image-link{border-radius:8px;border-radius:var(--border-radius);color:#2962ff;color:var(--primary-color);display:inline-block;font-size:.75rem;margin-top:.5rem;padding:.25rem .5rem;text-decoration:none;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--transition)}.image-link:hover{background:#2962ff1a;color:#768fff;color:var(--primary-light)}.no-image{background:#ff17440d;border:1px dashed #ff1744;border:1px dashed var(--danger-color);border-radius:8px;border-radius:var(--border-radius);color:#ff1744;color:var(--danger-color);font-size:.875rem;font-style:italic;padding:2rem;text-align:center}.image-preview-full{grid-column:1/-1}.review-notes{margin-bottom:1.5rem}.review-label{color:#cbd5e1;color:var(--text-secondary);display:block;font-size:.875rem;font-weight:500;margin-bottom:.5rem}.notes-textarea{background:#0f172a;background:var(--background-dark);border:1px solid #334155;border:1px solid var(--border-color);border-radius:8px;border-radius:var(--border-radius);color:#f8fafc;color:var(--text-primary);font-family:inherit;font-size:.875rem;min-height:80px;padding:.75rem;resize:vertical;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--transition);width:100%}.notes-textarea:focus{border-color:#2962ff;border-color:var(--primary-color);box-shadow:0 0 0 3px #2962ff1a;outline:none}.notes-textarea::placeholder{color:#64748b;color:var(--text-muted)}.action-buttons{gap:.75rem}.approve-btn,.reject-btn{border:none;border-radius:8px;border-radius:var(--border-radius);cursor:pointer;flex:1 1;font-size:.875rem;font-weight:600;overflow:hidden;padding:.75rem 1.5rem;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--transition)}.approve-btn:before,.reject-btn:before{background:linear-gradient(90deg,#0000,#fff3,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s;width:100%}.approve-btn:hover:before,.reject-btn:hover:before{left:100%}.approve-btn{background:#00c853;background:var(--success-color);color:#fff}.approve-btn:hover{background:#00b248;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;box-shadow:var(--shadow);transform:translateY(-1px)}.approve-btn:active{transform:translateY(0)}.reject-btn{background:#ff1744;background:var(--danger-color);color:#fff}.reject-btn:hover{background:#e00032;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;box-shadow:var(--shadow);transform:translateY(-1px)}.reject-btn:active{transform:translateY(0)}.empty-state{background:#1e293b;background:var(--background-card);border:1px solid #334155;border:1px solid var(--border-color);border-radius:12px;border-radius:var(--border-radius-lg);color:#64748b;color:var(--text-muted);padding:3rem 2rem;text-align:center}.empty-state:before{content:"✅";display:block;font-size:3rem;margin-bottom:1rem;opacity:.5}@media (min-width:1200px){.chart-section,.dashboard-header{padding-left:2rem;padding-right:2rem}}@media (max-width:1199px){.dashboard-header h1{font-size:1.75rem}.image-gallery{gap:1rem;grid-template-columns:1fr}}@media (max-width:767px){.dashboard{padding:0}.dashboard-header{padding:1.5rem 1rem 1rem}.dashboard-header h1{font-size:1.5rem}.chart-section{padding:1rem}.kyc-application{margin-bottom:1rem;padding:1.25rem}.app-header{flex-direction:column;gap:1rem}.app-status-info{text-align:left;width:100%}.image-gallery{gap:1rem;grid-template-columns:1fr}.kyc-image{height:180px}.action-buttons{flex-direction:column}.approve-btn,.reject-btn{width:100%}}@media (max-width:480px){.dashboard-header{padding:1rem .75rem}.dashboard-header h1{font-size:1.25rem}.dashboard-header p{font-size:.875rem}.chart-section{padding:.75rem}.kyc-application{padding:1rem}.app-user-name{font-size:1.125rem}.kyc-image{height:150px}.notes-textarea{font-size:.8rem;min-height:60px}}@media (prefers-contrast:high){:root{--border-color:#fff;--text-secondary:#fff}.kyc-application,.status-badge{border-width:2px}}.approve-btn:focus-visible,.image-link:focus-visible,.notes-textarea:focus-visible,.reject-btn:focus-visible{outline:2px solid #768fff;outline:2px solid var(--primary-light);outline-offset:2px}::-webkit-scrollbar{height:6px;width:6px}::-webkit-scrollbar-track{background:#1e293b;background:var(--background-card)}::-webkit-scrollbar-thumb{background:#334155;background:var(--border-color);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#475569;background:var(--border-light)}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.kyc-application{animation:fadeInUp .4s ease-out}.kyc-application:nth-child(odd){animation-delay:.1s}.kyc-application:nth-child(2n){animation-delay:.2s}@media print{.action-buttons{display:none}.dashboard{background:#fff;color:#000}.kyc-application{border:1px solid #ddd;break-inside:avoid;margin-bottom:1rem;page-break-inside:avoid}.image-container{border:1px solid #333}}.text-warning{color:#ffa726;color:var(--warning-color)}.text-success{color:#00c853;color:var(--success-color)}.text-danger{color:#ff1744;color:var(--danger-color)}.text-muted{color:#64748b;color:var(--text-muted)}.bg-warning{background:#ffa7261a}.bg-success{background:#00c8531a}.bg-danger{background:#ff17441a}.wallet-management{background:linear-gradient(135deg,#0c0c0c,#1a1a1a);color:#fff;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;min-height:100vh;padding:0}.wallet-header{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#1a1a1a,#2d2d2d);border-bottom:1px solid #333;padding:2rem}.header-content h2{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#00d4ff,#09f);-webkit-background-clip:text;background-clip:text;font-size:2rem;font-weight:700;margin:0 0 .5rem}.header-content p{color:#b0b0b0;font-size:1rem;margin:0}.header-stats{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-top:1.5rem}.stat-item{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff0d;border:1px solid #ffffff1a;border-radius:12px;padding:1.5rem;transition:all .3s ease}.stat-item:hover{border-color:#00d4ff4d;box-shadow:0 8px 25px #0000004d;transform:translateY(-2px)}.stat-item.danger{border-color:#ef44444d}.stat-label{color:#b0b0b0;font-size:.875rem;margin-bottom:.5rem}.stat-value{color:#fff;font-size:2rem}.stat-item.danger .stat-value{color:#ef4444}.controls-section{background:#ffffff05;border-bottom:1px solid #333;padding:1.5rem 2rem}.troubleshooting-section{align-items:center;display:flex;flex-wrap:wrap;gap:1rem}.refresh-btn,.test-connection-btn{align-items:center;background:#00d4ff1a;border:1px solid #00d4ff4d;border-radius:8px;color:#00d4ff;cursor:pointer;display:flex;font-weight:600;gap:.5rem;padding:.75rem 1.5rem;transition:all .3s ease}.refresh-btn:hover:not(:disabled),.test-connection-btn:hover{background:#00d4ff33;box-shadow:0 4px 15px #00d4ff33;transform:translateY(-1px)}.refresh-btn:disabled{cursor:not-allowed;opacity:.5}.view-mode-toggle{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:12px;display:flex;margin-top:1rem;padding:.25rem}.view-mode-toggle button{align-items:center;background:#0000;border:none;border-radius:8px;color:#b0b0b0;cursor:pointer;display:flex;flex:1 1;font-weight:600;gap:.5rem;justify-content:center;padding:.75rem 1rem;transition:all .3s ease}.view-mode-toggle button.active{background:#00d4ff33;box-shadow:0 2px 10px #00d4ff33;color:#00d4ff}.error-message{align-items:flex-start;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#ef44441a,#dc26260d);border:1px solid #ef44444d;border-radius:12px;display:flex;gap:1rem;margin:1rem 2rem;padding:1.5rem}.error-icon{flex-shrink:0;font-size:1.5rem}.error-content{flex:1 1}.error-content strong{color:#ef4444;display:block;margin-bottom:.5rem}.error-solutions{border-top:1px solid #ef444433;margin-top:1rem;padding-top:1rem}.error-solutions ul{margin:.5rem 0 0;padding-left:1.5rem}.error-solutions li{color:#b0b0b0;margin:.25rem 0}.error-close{border-radius:4px;color:#b0b0b0;font-size:1.25rem;padding:.25rem;transition:all .3s ease}.error-close:hover{background:#ef44441a;color:#ef4444}.filters-section{grid-gap:1rem;background:#ffffff05;border-bottom:1px solid #333;display:grid;gap:1rem;grid-template-columns:1fr auto auto;padding:1.5rem 2rem}.filter-select,.search-input{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:8px;color:#fff;font-size:.875rem;padding:.75rem 1rem;transition:all .3s ease}.filter-select:focus,.search-input:focus{border-color:#00d4ff;box-shadow:0 0 0 2px #00d4ff1a;outline:none}.search-input::placeholder{color:#666}.bulk-actions-section{background:#ffffff05;border-bottom:1px solid #333;padding:1.5rem 2rem}.bulk-header{align-items:center;display:flex;gap:1rem;justify-content:between}.bulk-header h4{color:#fff;font-size:1rem;margin:0}.bulk-controls{align-items:center;display:flex;flex:1 1;gap:1rem}.bulk-reason-input{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:8px;color:#fff;flex:1 1;font-size:.875rem;max-width:300px;padding:.75rem 1rem}.btn-bulk-freeze{background:#ef44441a;border:1px solid #ef44444d;border-radius:8px;color:#ef4444;cursor:pointer;font-weight:600;padding:.75rem 1.5rem;transition:all .3s ease}.btn-bulk-freeze:hover:not(:disabled){background:#ef444433;transform:translateY(-1px)}.table-container{overflow-x:auto;padding:0 2rem 2rem}.data-table{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff05;border:1px solid #ffffff1a;border-collapse:collapse;border-radius:12px;overflow:hidden;width:100%}.data-table th{background:#ffffff0d;border-bottom:1px solid #ffffff1a;color:#b0b0b0;font-size:.875rem;font-weight:600;letter-spacing:.5px;padding:1rem 1.5rem;text-align:left;text-transform:uppercase}.data-table td{border-bottom:1px solid #ffffff0d;color:#fff;padding:1.25rem 1.5rem}.data-table tr:last-child td{border-bottom:none}.data-table tr:hover{background:#ffffff08}.user-cell{display:flex;flex-direction:column;gap:.25rem}.user-name{color:#fff;font-weight:600}.user-email{color:#b0b0b0;font-size:.875rem}.status-badge{border-radius:20px;letter-spacing:.5px;padding:.5rem 1rem}.status-active{background:#22c55e1a;border:1px solid #22c55e4d;color:#22c55e}.status-frozen{background:#ef44441a;border:1px solid #ef44444d;color:#ef4444}.status-partial-frozen{background:#f59e0b1a;border:1px solid #f59e0b4d;color:#f59e0b}.currency-badge{background:#00d4ff1a;border:1px solid #00d4ff33;border-radius:8px;color:#00d4ff;font-size:.875rem;font-weight:600;padding:.5rem 1rem}.action-buttons{flex-wrap:wrap}.btn-bulk-freeze-user,.btn-bulk-unfreeze-user,.btn-freeze,.btn-unfreeze,.btn-view-details{align-items:center;border:none;border-radius:6px;cursor:pointer;display:flex;font-size:.75rem;font-weight:600;gap:.25rem;padding:.5rem 1rem;transition:all .3s ease}.btn-bulk-freeze-user,.btn-freeze{background:#ef44441a;border:1px solid #ef44444d;color:#ef4444}.btn-bulk-freeze-user:hover,.btn-freeze:hover{background:#ef444433;transform:translateY(-1px)}.btn-bulk-unfreeze-user,.btn-unfreeze{background:#22c55e1a;border:1px solid #22c55e4d;color:#22c55e}.btn-bulk-unfreeze-user:hover,.btn-unfreeze:hover{background:#22c55e33;transform:translateY(-1px)}.btn-view-details{background:#00d4ff1a;border:1px solid #00d4ff4d;color:#00d4ff}.btn-view-details:hover{background:#00d4ff33;transform:translateY(-1px)}.wallets-breakdown{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:.5rem}.currency-tag{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:4px;color:#b0b0b0;font-size:.75rem;padding:.25rem .5rem}.currency-tag.frozen{background:#ef44441a;border-color:#ef44444d;color:#ef4444}.modal-overlay{align-items:center;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#000c;bottom:0;display:flex;justify-content:center;left:0;padding:1rem;position:fixed;right:0;top:0;z-index:1000}.modal-content{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#1a1a1a,#2d2d2d);border:1px solid #ffffff1a;border-radius:16px;box-shadow:0 20px 60px #00000080;max-width:500px;padding:2rem;width:100%}.modal-content h3{color:#fff;font-size:1.5rem;font-weight:700;margin:0 0 1.5rem}.modal-body{margin-bottom:2rem}.wallet-info{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:8px;margin-bottom:1.5rem;padding:1.5rem}.reason-input label{color:#b0b0b0;display:block;font-weight:600;margin-bottom:.5rem}.reason-input textarea{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:8px;color:#fff;font-family:inherit;min-height:100px;padding:1rem;resize:vertical;width:100%}.reason-input textarea:focus{border-color:#00d4ff;box-shadow:0 0 0 2px #00d4ff1a;outline:none}.modal-actions{display:flex;gap:1rem;justify-content:flex-end}.btn-cancel{background:#0000;border:1px solid #fff3;border-radius:8px;color:#b0b0b0;cursor:pointer;font-weight:600;padding:.75rem 1.5rem;transition:all .3s ease}.btn-cancel:hover{background:#ffffff0d;color:#fff}.btn-confirm-freeze{background:#ef44441a;border:1px solid #ef44444d;border-radius:8px;color:#ef4444;cursor:pointer;font-weight:600;padding:.75rem 1.5rem;transition:all .3s ease}.btn-confirm-freeze:hover:not(:disabled){background:#ef444433;transform:translateY(-1px)}.btn-confirm-unfreeze{background:#22c55e1a;border:1px solid #22c55e4d;border-radius:8px;color:#22c55e;cursor:pointer;font-weight:600;padding:.75rem 1.5rem;transition:all .3s ease}.btn-confirm-unfreeze:hover:not(:disabled){background:#22c55e33;transform:translateY(-1px)}.loading-spinner-large{animation:spin 1s linear infinite;border:3px solid #ffffff1a;border-radius:50%;border-top-color:#00d4ff;height:50px;margin:0 auto 1rem;width:50px}.loading-text{color:#b0b0b0;font-size:1rem;text-align:center}.no-data{color:#666;padding:3rem;text-align:center}.no-data-icon{display:block;font-size:3rem;margin-bottom:1rem;opacity:.5}@media (max-width:1024px){.filters-section{grid-template-columns:1fr}.header-stats{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.wallet-management{padding:0}.wallet-header{padding:1.5rem 1rem}.bulk-actions-section,.controls-section,.filters-section,.table-container{padding:1rem}.header-stats{grid-template-columns:1fr}.data-table{font-size:.875rem}.data-table td,.data-table th{padding:.75rem 1rem}.action-buttons{flex-direction:column}.modal-content{margin:1rem;padding:1.5rem}.bulk-header,.modal-actions{flex-direction:column}.bulk-header{align-items:stretch}.bulk-controls{flex-direction:column}.bulk-reason-input{max-width:none}}@media (max-width:480px){.header-content h2,.stat-value{font-size:1.5rem}.troubleshooting-section{align-items:stretch;flex-direction:column}.view-mode-toggle{flex-direction:column}}.table-container::-webkit-scrollbar{height:8px}.table-container::-webkit-scrollbar-track{background:#ffffff0d;border-radius:4px}.table-container::-webkit-scrollbar-thumb{background:#fff3;border-radius:4px}.table-container::-webkit-scrollbar-thumb:hover{background:#ffffff4d}.fade-in{animation:fadeIn .3s ease-in-out}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.slide-in{animation:slideIn .3s ease-out}.hover-lift{transition:transform .2s ease,box-shadow .2s ease}.hover-lift:hover{box-shadow:0 8px 25px #00000026;transform:translateY(-2px)}button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid #00d4ff;outline-offset:2px}.back-button-section{align-items:center;background:#f8f9fa;border:1px solid #e9ecef;border-radius:8px;display:flex;gap:15px;margin:15px 0;padding:15px}.back-button{background:#6c757d;border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:14px;font-weight:500;padding:10px 20px;transition:all .3s ease}.back-button:hover{background:#5a6268;transform:translateY(-1px)}.back-button:active{transform:translateY(0)}.back-button-info{color:#6c757d;font-size:12px;font-style:italic}.test-back-btn{background:#17a2b8;border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:12px;padding:8px 15px;transition:background-color .3s ease}.test-back-btn:hover{background:#138496}.admin-chat{background:#0f0f0f;color:#e0e0e0;display:flex;flex-direction:column;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;height:100vh}.admin-header{align-items:center;background:linear-gradient(135deg,#1a1a1a,#2d2d2d);border-bottom:1px solid #333;box-shadow:0 2px 10px #0000004d;display:flex;justify-content:space-between;padding:1rem 1.5rem}.header-left h2{color:#fff;font-size:1.5rem;font-weight:600;margin:0}.user-welcome{color:#b0b0b0;display:block;font-size:.9rem;margin-top:.25rem}.header-right{align-items:center;display:flex;gap:1rem}.btn-refresh{background:#3a3a3a;border:1px solid #555;border-radius:6px;color:#e0e0e0;cursor:pointer;font-size:.9rem;padding:.5rem 1rem;transition:all .2s ease}.btn-refresh:hover{background:#4a4a4a;border-color:#666;transform:translateY(-1px)}.room-count{background:#2a2a2a;border:1px solid #444;border-radius:20px;color:#b0b0b0;font-size:.85rem;padding:.4rem .8rem}.debug-info-bar{background:#2a2a2a;border-bottom:1px solid #333;color:#888;font-size:.8rem;padding:.5rem 1.5rem}.chat-container{display:flex;flex:1 1;overflow:hidden}.chat-rooms-sidebar{background:#1a1a1a;border-right:1px solid #333;display:flex;flex-direction:column;overflow:hidden;width:350px}.sidebar-header{background:#222;border-bottom:1px solid #333;padding:1.25rem}.sidebar-header h3{color:#fff;font-size:1.1rem;margin:0 0 .5rem}.unread-total{background:#e74c3c;border-radius:12px;color:#fff;font-size:.8rem;font-weight:600;padding:.2rem .6rem}.rooms-list{flex:1 1;overflow-y:auto;padding:.5rem}.room-item{background:#252525;border:1px solid #333;border-radius:8px;cursor:pointer;margin-bottom:.5rem;padding:1rem;position:relative;transition:all .2s ease}.room-item:hover{background:#2d2d2d;border-color:#444;box-shadow:0 2px 8px #0003;transform:translateY(-1px)}.room-item.active{background:linear-gradient(135deg,#3498db,#2980b9);border-color:#3498db;color:#fff}.room-item.active .user-email{color:#fffc}.room-user{margin-bottom:.5rem}.room-user strong{display:block;font-size:1rem;margin-bottom:.25rem}.user-email{color:#888;font-size:.85rem}.room-meta{align-items:center;display:flex;justify-content:space-between;margin-bottom:.5rem}.status-badge{border-radius:12px;font-size:.75rem;font-weight:600;padding:.2rem .6rem;text-transform:uppercase}.status-badge.open{background:#27ae60;color:#fff}.status-badge.closed{background:#e74c3c;color:#fff}.status-badge.resolved{background:#f39c12;color:#fff}.unread-badge{align-items:center;background:#e74c3c;border-radius:50%;color:#fff;display:flex;font-size:.75rem;font-weight:600;height:20px;justify-content:center;width:20px}.room-time{color:#666;font-size:.8rem}.room-item.active .room-time{color:#ffffffb3}.chat-area{background:#0f0f0f;display:flex;flex:1 1;flex-direction:column}.chat-header{align-items:center;background:#1a1a1a;border-bottom:1px solid #333;display:flex;justify-content:space-between;padding:1rem 1.5rem}.room-info h4{color:#fff;font-size:1.2rem;margin:0}.room-actions{align-items:center;display:flex;gap:1rem}.album-btn{background:#3a3a3a;border:1px solid #555;border-radius:6px;color:#e0e0e0;cursor:pointer;padding:.5rem 1rem;transition:all .2s ease}.album-btn:hover:not(:disabled){background:#4a4a4a;border-color:#666}.album-btn:disabled{cursor:not-allowed;opacity:.5}.room-actions label{color:#b0b0b0;font-size:.9rem}.room-actions select{background:#2a2a2a;border:1px solid #444;border-radius:4px;color:#e0e0e0;cursor:pointer;padding:.4rem .8rem}.messages-container{background:#0f0f0f;display:flex;flex:1 1;flex-direction:column;gap:1rem;overflow-y:auto;padding:1.5rem}.message{animation:messageSlide .3s ease-out;border-radius:12px;max-width:70%;padding:.75rem 1rem;position:relative}@keyframes messageSlide{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.admin-message{align-self:flex-end;background:linear-gradient(135deg,#3498db,#2980b9);border-bottom-right-radius:4px;color:#fff}.user-message{align-self:flex-start;background:#2a2a2a;border:1px solid #333;border-bottom-left-radius:4px}.message-header{align-items:center;display:flex;font-size:.8rem;justify-content:space-between;margin-bottom:.5rem}.sender-name{font-weight:600;opacity:.9}.message-time{opacity:.7}.message-content{word-wrap:break-word;line-height:1.4}.message-status{font-size:.75rem;margin-top:.5rem;opacity:.7;text-align:right}.message-image{margin:.5rem 0}.message-image img{border:2px solid #ffffff1a;border-radius:8px;cursor:pointer;max-width:100%;transition:transform .2s ease}@media (min-width:1200px){.message-image img{max-height:400px;max-width:400px}}@media (min-width:768px) and (max-width:1199px){.message-image img{max-height:350px;max-width:350px}}@media (min-width:480px) and (max-width:767px){.message-image img{max-height:280px;max-width:280px}}@media (max-width:479px){.message-image img{max-height:220px;max-width:220px}}.message-image img:hover{border-color:#fff3;transform:scale(1.02)}.image-caption{margin-top:.5rem}.image-caption p{font-style:italic;margin:.25rem 0}.file-info{font-size:.8rem;opacity:.7}.message-file{align-items:center;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:8px;display:flex;gap:.75rem;padding:.75rem}.file-icon{font-size:1.5rem}.file-link{color:#3498db;font-weight:500;text-decoration:none}.file-link:hover{text-decoration:underline}.message-form{background:#1a1a1a;border-top:1px solid #333;padding:1.5rem}.input-container{align-items:flex-end;display:flex;gap:.75rem}.input-container input{background:#2a2a2a;border:1px solid #444;border-radius:24px;color:#e0e0e0;flex:1 1;font-size:1rem;outline:none;padding:.75rem 1.25rem;transition:all .2s ease}.input-container input:focus{border-color:#3498db;box-shadow:0 0 0 2px #3498db33}.input-container input:disabled{cursor:not-allowed;opacity:.6}.action-buttons{align-items:center;gap:.5rem}.file-upload-btn{align-items:center;background:#3a3a3a;border:1px solid #555;border-radius:50%;cursor:pointer;display:flex;font-size:1.2rem;height:44px;justify-content:center;transition:all .2s ease;width:44px}.file-upload-btn:hover:not(:disabled){background:#4a4a4a;border-color:#666}.file-upload-btn:disabled{cursor:not-allowed;opacity:.6}.send-btn{align-items:center;background:linear-gradient(135deg,#3498db,#2980b9);border:none;border-radius:24px;color:#fff;cursor:pointer;display:flex;font-weight:600;gap:.5rem;justify-content:center;min-width:80px;padding:.75rem 1.5rem;transition:all .2s ease}.send-btn:hover:not(:disabled){box-shadow:0 4px 12px #3498db4d;transform:translateY(-1px)}.send-btn:disabled{cursor:not-allowed;opacity:.6;transform:none}.send-btn.sending{background:linear-gradient(135deg,#7f8c8d,#95a5a6)}.sending-spinner{animation:spin 1s linear infinite;border:2px solid #0000;border-radius:50%;border-top-color:currentcolor;height:16px;width:16px}.upload-progress{align-items:center;color:#b0b0b0;display:flex;font-size:.9rem;gap:.75rem;margin-top:.75rem}.progress-bar{background:#2a2a2a;border-radius:10px;flex:1 1;height:6px;overflow:hidden}.progress-fill{animation:progressPulse 2s ease-in-out infinite;background:linear-gradient(90deg,#3498db,#2ecc71);height:100%;width:0}@keyframes progressPulse{0%,to{opacity:1}50%{opacity:.7}}.image-preview-modal{align-items:center;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#000c;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:1000}.image-preview-content{background:#1a1a1a;border:1px solid #333;border-radius:12px;box-shadow:0 20px 40px #00000080;max-width:500px;overflow:hidden;width:90%}.preview-header{align-items:center;background:#222;border-bottom:1px solid #333;display:flex;justify-content:space-between;padding:1rem 1.5rem}.preview-header h4{color:#fff;margin:0}.preview-header button{align-items:center;background:none;border:none;border-radius:50%;color:#b0b0b0;cursor:pointer;display:flex;font-size:1.5rem;height:30px;justify-content:center;padding:0;transition:all .2s ease;width:30px}.preview-header button:hover{background:#333;color:#fff}.preview-image{padding:1.5rem;text-align:center}.preview-image img{border:2px solid #333;border-radius:8px;max-height:700px;max-width:100%;object-fit:contain}.preview-actions{border-top:1px solid #333;padding:1rem 1.5rem}.preview-actions input{background:#2a2a2a;border:1px solid #444;border-radius:6px;color:#e0e0e0;margin-bottom:1rem;outline:none;padding:.75rem;width:100%}.preview-actions input:focus{border-color:#3498db}.preview-buttons{display:flex;gap:.75rem;justify-content:flex-end}.btn-cancel,.btn-send{align-items:center;border:none;border-radius:6px;cursor:pointer;display:flex;font-weight:600;gap:.5rem;padding:.6rem 1.25rem;transition:all .2s ease}.btn-cancel{background:#3a3a3a;border:1px solid #555;color:#e0e0e0}.btn-cancel:hover{background:#4a4a4a}.btn-send{background:linear-gradient(135deg,#27ae60,#2ecc71);color:#fff}.btn-send:hover:not(:disabled){box-shadow:0 4px 12px #27ae604d;transform:translateY(-1px)}.btn-send:disabled{cursor:not-allowed;opacity:.6}.album-modal{align-items:center;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#000c;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:1000}.album-modal-content{background:#1a1a1a;border:1px solid #333;border-radius:12px;box-shadow:0 20px 40px #00000080;display:flex;flex-direction:column;height:80%;max-width:1200px;overflow:hidden;width:90%}.album-header{align-items:center;background:#222;border-bottom:1px solid #333;display:flex;justify-content:space-between;padding:1rem 1.5rem}.album-header h3{color:#fff;margin:0}.album-header button{align-items:center;background:none;border:none;border-radius:50%;color:#b0b0b0;cursor:pointer;display:flex;font-size:1.5rem;height:30px;justify-content:center;padding:0;transition:all .2s ease;width:30px}.album-header button:hover{background:#333;color:#fff}.album-grid{grid-gap:1rem;display:grid;flex:1 1;gap:1rem;overflow-y:auto;padding:1.5rem}@media (min-width:1200px){.album-grid{grid-template-columns:repeat(5,1fr)}}@media (min-width:992px) and (max-width:1199px){.album-grid{grid-template-columns:repeat(4,1fr)}}@media (min-width:768px) and (max-width:991px){.album-grid{grid-template-columns:repeat(3,1fr)}}@media (min-width:480px) and (max-width:767px){.album-grid{gap:.75rem;grid-template-columns:repeat(2,1fr);padding:1rem}}@media (max-width:479px){.album-grid{gap:.75rem;grid-template-columns:1fr;padding:1rem}}.album-item{background:#252525;border:1px solid #333;border-radius:8px;cursor:pointer;overflow:hidden;transition:all .2s ease}.album-item:hover{border-color:#444;box-shadow:0 4px 12px #0000004d;transform:translateY(-2px)}.album-item img{border-bottom:1px solid #333;height:150px;object-fit:cover;width:100%}.album-item-info{padding:.75rem}.file-name{color:#e0e0e0;display:block;font-size:.85rem;font-weight:500;margin-bottom:.25rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.upload-date{color:#888;font-size:.75rem}.album-loading{align-items:center;color:var(--text-secondary);display:flex;flex-direction:column;grid-column:1/-1;justify-content:center;padding:40px}.album-loading .loading-spinner{margin-bottom:15px}.image-modal{align-items:center;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#000000f2;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:1000}.image-modal-content{background:#1a1a1a;border:1px solid #333;border-radius:12px;box-shadow:0 20px 40px #00000080;display:flex;flex-direction:column;height:auto;max-height:90vh;max-width:90vw;overflow:hidden;width:auto}.image-modal-header{align-items:center;background:#222;border-bottom:1px solid #333;display:flex;flex-shrink:0;justify-content:space-between;padding:1rem 1.5rem}.image-modal-header span{color:#fff;font-size:1rem;font-weight:500}.image-modal-header button{align-items:center;background:#fff3;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:1.5rem;height:40px;justify-content:center;padding:0;transition:all .2s ease;width:40px}.image-modal-header button:hover{background:#ffffff4d}.image-modal-body{flex:1 1;min-height:300px;padding:2rem}.image-container,.image-modal-body{align-items:center;display:flex;justify-content:center}.image-container{height:100%;width:100%}.image-modal-body img{border:2px solid #333;border-radius:8px;box-shadow:0 8px 25px #0000004d;height:auto;max-height:70vh;max-width:80%;object-fit:contain;width:auto}@media (min-width:1200px){.image-modal-body img{max-height:65vh;max-width:70%}}@media (min-width:768px) and (max-width:1199px){.image-modal-body img{max-height:60vh;max-width:75%}}@media (min-width:480px) and (max-width:767px){.image-modal-body img{max-height:55vh;max-width:85%}}@media (max-width:479px){.image-modal-body img{max-height:50vh;max-width:90%}.image-modal-body{padding:1rem}}.access-denied,.loading-full,.no-messages,.no-room-selected,.no-rooms{align-items:center;color:#888;display:flex;flex-direction:column;justify-content:center;padding:3rem 2rem;text-align:center}.no-room-selected{flex:1 1}.selection-prompt h3{color:#b0b0b0;margin-bottom:1rem}.no-messages-icon{font-size:48px;margin-bottom:10px;opacity:.5}.upload-hint{background:#3498db1a;border-radius:8px;color:#b0b0b0;font-size:12px;margin-top:15px;padding:10px}.upload-hint p{margin:0}.features-list{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-top:2rem;max-width:600px}.feature{background:#1a1a1a;border:1px solid #333;border-radius:8px;padding:1.25rem;text-align:center}.feature strong{color:#e0e0e0;display:block;margin-bottom:.5rem}.feature p{color:#888;font-size:.9rem;line-height:1.4;margin:0}.hint{color:#666;font-size:.9rem;margin-top:.5rem}.admin-chat-error{background:#e74c3c;border-radius:6px;font-size:.9rem;justify-content:space-between;margin:1rem;padding:.75rem 1rem}.admin-chat-error,.error-close{align-items:center;color:#fff;display:flex}.error-close{background:none;border:none;border-radius:50%;cursor:pointer;font-size:1.2rem;height:24px;justify-content:center;padding:0;width:24px}.error-close:hover{background:#fff3}.access-denied{background:#1a1a1a;border:1px solid #333;border-radius:12px;margin:2rem auto;max-width:500px}.access-denied h2{color:#e74c3c;margin-bottom:1rem}.user-info{background:#252525;border:1px solid #333;border-radius:8px;margin:1.5rem 0;padding:1rem;text-align:left;width:100%}.user-info h4{color:#b0b0b0;margin:0 0 .75rem}.user-info p{font-size:.9rem;margin:.25rem 0}.debug-info{background:#2a2a2a;border:1px solid #444;border-radius:6px;font-size:.8rem;margin:1rem 0;padding:.75rem;text-align:left;width:100%}.action-buttons{display:flex;gap:1rem;margin-top:1.5rem}.btn-primary,.btn-secondary{border:none;border-radius:6px;cursor:pointer;display:inline-block;font-weight:600;padding:.75rem 1.5rem;text-align:center;text-decoration:none;transition:all .2s ease}.btn-primary{background:linear-gradient(135deg,#3498db,#2980b9);color:#fff}.btn-primary:hover{box-shadow:0 4px 12px #3498db4d;transform:translateY(-1px)}.btn-secondary{background:#3a3a3a;border:1px solid #555;color:#e0e0e0}.btn-secondary:hover{background:#4a4a4a;border-color:#666}.loading-full{align-items:center;background:#1a1a1a;border-radius:12px;display:flex;flex:1 1;flex-direction:column;justify-content:center;margin:2rem}.loading-full h3{color:#e0e0e0;margin-bottom:1rem}.loading,.loading-full p{color:#888}.loading{align-items:center;display:flex;flex-direction:column;font-style:italic;gap:1rem;padding:2rem;text-align:center}.loading-spinner{border:2px solid #444;height:20px;width:20px}.album-grid::-webkit-scrollbar,.messages-container::-webkit-scrollbar,.rooms-list::-webkit-scrollbar{width:6px}.album-grid::-webkit-scrollbar-track,.messages-container::-webkit-scrollbar-track,.rooms-list::-webkit-scrollbar-track{background:#1a1a1a}.album-grid::-webkit-scrollbar-thumb,.messages-container::-webkit-scrollbar-thumb,.rooms-list::-webkit-scrollbar-thumb{background:#444;border-radius:3px}.album-grid::-webkit-scrollbar-thumb:hover,.messages-container::-webkit-scrollbar-thumb:hover,.rooms-list::-webkit-scrollbar-thumb:hover{background:#555}@media (max-width:1024px){.chat-rooms-sidebar{width:300px}.message{max-width:85%}}@media (max-width:768px){.admin-chat{height:100vh}.chat-container{flex-direction:column}.chat-rooms-sidebar{border-bottom:1px solid #333;border-right:none;height:40%;width:100%}.chat-area{height:60%}.admin-header{flex-direction:column;gap:.75rem;padding:1rem;text-align:center}.header-right,.room-actions{justify-content:center}.room-actions{flex-wrap:wrap}.message{max-width:90%}.features-list{gap:1rem;grid-template-columns:1fr}}@media (max-width:480px){.admin-header h2{font-size:1.25rem}.sidebar-header{padding:1rem}.chat-header{flex-direction:column;gap:.75rem;padding:1rem;text-align:center}.message-form,.messages-container{padding:1rem}.input-container{align-items:stretch;flex-direction:column}.action-buttons{align-self:flex-end}.album-grid{gap:.75rem;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));padding:1rem}.preview-buttons{flex-direction:column}.btn-cancel,.btn-send{justify-content:center;width:100%}}@keyframes messageHighlight{0%{background-color:#3498db4d}to{background-color:initial}}.message.highlight{animation:messageHighlight 2s ease-out}.file-upload-btn:focus,button:focus,input:focus,select:focus{outline:2px solid #3498db;outline-offset:2px}@media (prefers-contrast:high){.admin-chat{background:#000;color:#fff}.admin-header{background:#000;border-bottom-color:#fff}.room-item{border-color:#fff}.message{border:1px solid #fff}}@media (prefers-reduced-motion:reduce){*{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}:root{--bg-primary:#0f0f23;--bg-secondary:#1a1a2e;--bg-tertiary:#252547;--bg-card:#16213e;--bg-input:#2d3748;--bg-hover:#2a2a4a;--text-primary:#e2e8f0;--text-secondary:#a0aec0;--text-muted:#718096;--accent-primary:#6366f1;--accent-secondary:#818cf8;--accent-success:#10b981;--accent-warning:#f59e0b;--accent-danger:#ef4444;--accent-info:#3b82f6;--border-primary:#374151;--border-secondary:#4b5563;--shadow-sm:0 2px 4px #0000004d;--shadow-md:0 4px 6px -1px #0006;--shadow-lg:0 10px 15px -3px #00000080;--radius-sm:6px;--radius-md:8px;--radius-lg:12px;--radius-xl:16px}.profile-container{background:linear-gradient(135deg,#0f0f23,#1a1a2e);background:linear-gradient(135deg,var(--bg-primary) 0,var(--bg-secondary) 100%);color:#e2e8f0;color:var(--text-primary);font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;min-height:100vh;padding:20px}.profile-header{background:linear-gradient(135deg,#16213e,#252547);background:linear-gradient(135deg,var(--bg-card) 0,var(--bg-tertiary) 100%);border:1px solid #374151;border:1px solid var(--border-primary);border-radius:16px;border-radius:var(--radius-xl);box-shadow:0 10px 15px -3px #00000080;box-shadow:var(--shadow-lg);margin-bottom:40px;overflow:hidden;padding:40px 20px;position:relative;text-align:center}.profile-header:before{background:linear-gradient(90deg,#6366f1,#818cf8);background:linear-gradient(90deg,var(--accent-primary),var(--accent-secondary));content:"";height:2px;left:0;position:absolute;right:0;top:0}.user-identity{gap:20px;margin-bottom:15px}.user-avatar,.user-identity{align-items:center;display:flex;justify-content:center}.user-avatar{background:linear-gradient(135deg,#6366f1,#818cf8);background:linear-gradient(135deg,var(--accent-primary) 0,var(--accent-secondary) 100%);border:3px solid #0f0f23;border:3px solid var(--bg-primary);border-radius:50%;box-shadow:0 10px 15px -3px #00000080;box-shadow:var(--shadow-lg);color:#fff;font-size:32px;font-weight:700;height:80px;position:relative;width:80px}.user-avatar:after{background:linear-gradient(135deg,#6366f1,#818cf8);background:linear-gradient(135deg,var(--accent-primary),var(--accent-secondary));border-radius:50%;content:"";inset:-4px;opacity:.6;position:absolute;z-index:-1}.user-info h1{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#e2e8f0,#818cf8);background:linear-gradient(135deg,var(--text-primary) 0,var(--accent-secondary) 100%);-webkit-background-clip:text;background-clip:text;font-size:32px;font-weight:700;margin:0 0 8px}.user-meta{align-items:center;display:flex;flex-wrap:wrap;gap:12px;justify-content:center}.user-uid{background:#2d3748;background:var(--bg-input);border:1px solid #4b5563;border:1px solid var(--border-secondary);border-radius:8px;border-radius:var(--radius-md);color:#818cf8;color:var(--accent-secondary);font-family:JetBrains Mono,Fira Code,monospace;font-size:13px;font-weight:600}.role-badge,.user-uid{box-shadow:0 2px 4px #0000004d;box-shadow:var(--shadow-sm);padding:6px 12px}.role-badge{align-items:center;border-radius:20px;display:inline-flex;font-size:12px;font-weight:700;gap:6px;letter-spacing:.5px;text-transform:uppercase;transition:all .3s ease}.role-badge:hover{box-shadow:0 4px 6px -1px #0006;box-shadow:var(--shadow-md);transform:translateY(-1px)}.role-admin{background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff}.role-moderator{background:linear-gradient(135deg,#3b82f6,#1d4ed8);color:#fff}.role-user{background:linear-gradient(135deg,#6b7280,#4b5563);color:#fff}.role-icon{font-size:12px}.verification-banner{animation:pulse 2s infinite;background:linear-gradient(135deg,#f59e0b,#d97706);background:linear-gradient(135deg,var(--accent-warning),#d97706);border-radius:12px;border-radius:var(--radius-lg);box-shadow:0 4px 6px -1px #0006;box-shadow:var(--shadow-md);color:#fff;margin-bottom:30px}@keyframes pulse{0%,to{opacity:1}50%{opacity:.9}}.verification-content{align-items:center;display:flex;gap:15px;justify-content:space-between;padding:20px}.verification-icon{flex-shrink:0;font-size:24px}.verification-text{flex:1 1}.verification-text strong{display:block;font-size:16px;margin-bottom:4px}.verification-text p{font-size:14px;margin:0;opacity:.9}.verify-btn{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fff3;border:1px solid #ffffff4d;border-radius:8px;border-radius:var(--radius-md);color:#fff;cursor:pointer;font-weight:600;padding:10px 20px;transition:all .3s ease}.verify-btn:hover:not(:disabled){background:#ffffff4d;transform:translateY(-1px)}.verify-btn:disabled{cursor:not-allowed;opacity:.6}.profile-message{background:linear-gradient(135deg,#10b981,#059669);background:linear-gradient(135deg,var(--accent-success),#059669)}.profile-error,.profile-message{border-left:4px solid #ffffff4d;border-radius:12px;border-radius:var(--radius-lg);box-shadow:0 4px 6px -1px #0006;box-shadow:var(--shadow-md);color:#fff;margin-bottom:25px;padding:16px 20px}.profile-error{background:linear-gradient(135deg,#ef4444,#dc2626);background:linear-gradient(135deg,var(--accent-danger),#dc2626)}.profile-content{grid-gap:30px;display:grid;gap:30px;grid-template-columns:280px 1fr;margin:0 auto;max-width:1200px}.profile-sidebar{background:#16213e;background:var(--bg-card);border:1px solid #374151;border:1px solid var(--border-primary);border-radius:16px;border-radius:var(--radius-xl);box-shadow:0 10px 15px -3px #00000080;box-shadow:var(--shadow-lg);height:-webkit-fit-content;height:fit-content;padding:25px;position:-webkit-sticky;position:sticky;top:20px}.sidebar-tab{align-items:center;background:#0000;border:none;border-radius:12px;border-radius:var(--radius-lg);color:#a0aec0;color:var(--text-secondary);cursor:pointer;display:flex;font-size:15px;font-weight:500;gap:12px;margin-bottom:8px;padding:15px 20px;transition:all .3s ease;width:100%}.sidebar-tab:hover{background:#2a2a4a;background:var(--bg-hover);color:#e2e8f0;color:var(--text-primary);transform:translateX(5px)}.sidebar-tab.active{background:linear-gradient(135deg,#6366f1,#818cf8);background:linear-gradient(135deg,var(--accent-primary),var(--accent-secondary));box-shadow:0 4px 6px -1px #0006;box-shadow:var(--shadow-md);color:#fff}.tab-icon{font-size:18px;text-align:center;width:24px}.profile-main{background:#16213e;background:var(--bg-card);border:1px solid #374151;border:1px solid var(--border-primary);border-radius:16px;border-radius:var(--radius-xl);box-shadow:0 10px 15px -3px #00000080;box-shadow:var(--shadow-lg);padding:35px}.profile-section h2{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#e2e8f0,#818cf8);background:linear-gradient(135deg,var(--text-primary) 0,var(--accent-secondary) 100%);-webkit-background-clip:text;background-clip:text;font-size:28px;font-weight:700;margin:0 0 25px}.user-identity-card{background:linear-gradient(135deg,#252547,#16213e);background:linear-gradient(135deg,var(--bg-tertiary) 0,var(--bg-card) 100%);border:1px solid #374151;border:1px solid var(--border-primary);border-radius:12px;border-radius:var(--radius-lg);box-shadow:0 4px 6px -1px #0006;box-shadow:var(--shadow-md);margin-bottom:30px;overflow:hidden;padding:25px;position:relative}.user-identity-card:before{background:linear-gradient(180deg,#6366f1,#818cf8);background:linear-gradient(180deg,var(--accent-primary),var(--accent-secondary));content:"";height:100%;left:0;position:absolute;top:0;width:4px}.identity-header{margin-bottom:20px}.identity-header h3{color:#e2e8f0;color:var(--text-primary);font-size:18px;font-weight:600;margin:0}.identity-details{grid-gap:15px;display:grid;gap:15px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.identity-row{align-items:center;border-bottom:1px solid #374151;border-bottom:1px solid var(--border-primary);display:flex;justify-content:space-between;padding:12px 0}.identity-row:last-child{border-bottom:none}.identity-label{color:#a0aec0;color:var(--text-secondary);font-size:14px;font-weight:500}.identity-value{color:#e2e8f0;color:var(--text-primary);font-size:14px;font-weight:600}.uid-display{background:#2d3748;background:var(--bg-input);border:1px solid #4b5563;border:1px solid var(--border-secondary);border-radius:6px;border-radius:var(--radius-sm);color:#818cf8;color:var(--accent-secondary);font-family:JetBrains Mono,Fira Code,monospace;padding:6px 10px}.profile-stats{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:35px}.stat-card{align-items:center;background:linear-gradient(135deg,#252547,#16213e);background:linear-gradient(135deg,var(--bg-tertiary) 0,var(--bg-card) 100%);border:1px solid #374151;border:1px solid var(--border-primary);border-radius:12px;border-radius:var(--radius-lg);box-shadow:0 4px 6px -1px #0006;box-shadow:var(--shadow-md);display:flex;gap:15px;padding:20px;transition:all .3s ease}.stat-card:hover{border-color:#6366f1;border-color:var(--accent-primary);box-shadow:0 10px 15px -3px #00000080;box-shadow:var(--shadow-lg);transform:translateY(-2px)}.stat-icon{align-items:center;background:#2d3748;background:var(--bg-input);border-radius:8px;border-radius:var(--radius-md);display:flex;flex-shrink:0;font-size:24px;height:50px;justify-content:center;width:50px}.stat-info{flex:1 1}.stat-label{color:#a0aec0;color:var(--text-secondary);display:block;font-size:12px;font-weight:600;letter-spacing:.5px;margin-bottom:4px;text-transform:uppercase}.stat-value{color:#e2e8f0;color:var(--text-primary);display:block;font-size:16px;font-weight:700}.stat-value.verified{color:#10b981;color:var(--accent-success)}.stat-value.unverified{color:#f59e0b;color:var(--accent-warning)}.kyc-badge{align-items:center;border-radius:20px;box-shadow:0 2px 4px #0000004d;box-shadow:var(--shadow-sm);display:inline-flex;font-size:11px;font-weight:700;gap:6px;letter-spacing:.5px;padding:6px 12px;text-transform:uppercase}.kyc-approved,.kyc-verified{background:linear-gradient(135deg,#10b981,#059669);background:linear-gradient(135deg,var(--accent-success),#059669);color:#fff}.kyc-pending{background:linear-gradient(135deg,#f59e0b,#d97706);background:linear-gradient(135deg,var(--accent-warning),#d97706);color:#fff}.kyc-rejected{background:linear-gradient(135deg,#ef4444,#dc2626);background:linear-gradient(135deg,var(--accent-danger),#dc2626);color:#fff}.kyc-not-started{background:linear-gradient(135deg,#6b7280,#4b5563);color:#fff}.kyc-icon{font-size:10px}.profile-form{background:#252547;background:var(--bg-tertiary);border:1px solid #374151;border:1px solid var(--border-primary);border-radius:12px;border-radius:var(--radius-lg);box-shadow:0 4px 6px -1px #0006;box-shadow:var(--shadow-md);padding:30px}.section-description{color:#a0aec0;color:var(--text-secondary);font-size:15px;line-height:1.5;margin-bottom:25px}.form-group input,.form-group label{color:#e2e8f0;color:var(--text-primary)}.form-group input{background:#2d3748;background:var(--bg-input);border:1px solid #4b5563;border:1px solid var(--border-secondary);border-radius:8px;border-radius:var(--radius-md);font-size:15px;padding:12px 16px}.form-group input:focus{border-color:#6366f1;border-color:var(--accent-primary);box-shadow:0 0 0 3px #6366f11a}.form-group input.disabled-input{background:#1a1a2e;background:var(--bg-secondary);color:#718096;color:var(--text-muted);cursor:not-allowed;opacity:.7}.form-group small{color:#718096;color:var(--text-muted);display:block;font-size:12px;margin-top:6px}.save-btn{background:linear-gradient(135deg,#6366f1,#818cf8);background:linear-gradient(135deg,var(--accent-primary),var(--accent-secondary));border:none;border-radius:8px;border-radius:var(--radius-md);box-shadow:0 4px 6px -1px #0006;box-shadow:var(--shadow-md);color:#fff;cursor:pointer;font-size:15px;font-weight:600;padding:14px 30px;transition:all .3s ease}.save-btn:hover:not(:disabled){box-shadow:0 10px 15px -3px #00000080;box-shadow:var(--shadow-lg);transform:translateY(-2px)}.save-btn:disabled{cursor:not-allowed;opacity:.6;transform:none}.security-info{background:linear-gradient(135deg,#252547,#16213e);background:linear-gradient(135deg,var(--bg-tertiary) 0,var(--bg-card) 100%);border:1px solid #374151;border:1px solid var(--border-primary);border-radius:12px;border-radius:var(--radius-lg);box-shadow:0 4px 6px -1px #0006;box-shadow:var(--shadow-md);margin-bottom:30px;padding:25px}.security-info h3{color:#e2e8f0;color:var(--text-primary);font-size:18px;font-weight:600;margin:0 0 20px}.security-status{grid-gap:15px;display:grid;gap:15px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.security-item{background:#2d3748;background:var(--bg-input);border:1px solid #4b5563;border:1px solid var(--border-secondary);border-radius:8px;border-radius:var(--radius-md);padding:20px;transition:all .3s ease}.security-item:hover{border-color:#6366f1;border-color:var(--accent-primary);transform:translateY(-1px)}.security-icon{align-items:center;background:#252547;background:var(--bg-tertiary);border-radius:6px;border-radius:var(--radius-sm);display:flex;font-size:20px;height:40px;justify-content:center;margin-bottom:12px;width:40px}.security-label{color:#a0aec0;color:var(--text-secondary);display:block;font-size:12px;font-weight:600;letter-spacing:.5px;margin-bottom:4px;text-transform:uppercase}.security-value{color:#e2e8f0;color:var(--text-primary);display:block;font-size:15px;font-weight:700}.security-value.secure{color:#10b981;color:var(--accent-success)}.security-value.insecure{color:#f59e0b;color:var(--accent-warning)}.uid-value{color:#818cf8;color:var(--accent-secondary);font-family:JetBrains Mono,Fira Code,monospace}.current-email{background:linear-gradient(135deg,#252547,#16213e);background:linear-gradient(135deg,var(--bg-tertiary) 0,var(--bg-card) 100%);border:1px solid #374151;border:1px solid var(--border-primary);border-radius:12px;border-radius:var(--radius-lg);box-shadow:0 4px 6px -1px #0006;box-shadow:var(--shadow-md);margin-bottom:25px;padding:25px}.current-email h3{color:#e2e8f0;color:var(--text-primary);font-size:18px;font-weight:600;margin:0 0 15px}.email-display{flex-wrap:wrap;gap:15px;justify-content:space-between}.email-display,.email-info{align-items:center;display:flex}.email-info{gap:12px}.email-address{color:#e2e8f0;color:var(--text-primary);font-size:16px;font-weight:600}.email-status{border-radius:12px;font-size:12px;font-weight:600;padding:4px 10px;text-transform:uppercase}.email-status.verified{background:#10b981;background:var(--accent-success);color:#fff}.email-status.unverified{background:#f59e0b;background:var(--accent-warning);color:#fff}.account-id{align-items:center;display:flex;gap:8px}.id-label{color:#a0aec0;color:var(--text-secondary);font-size:12px}.id-value{color:#818cf8;color:var(--accent-secondary);font-family:JetBrains Mono,Fira Code,monospace;font-size:12px;font-weight:600}.verification-prompt{background:linear-gradient(135deg,#f59e0b,#d97706);background:linear-gradient(135deg,var(--accent-warning),#d97706);border-radius:12px;border-radius:var(--radius-lg);box-shadow:0 4px 6px -1px #0006;box-shadow:var(--shadow-md);color:#fff;margin-bottom:25px;padding:20px}.verification-prompt h4{font-size:16px;margin:0 0 8px}.verification-prompt p{font-size:14px;margin:0 0 15px;opacity:.9}.verify-btn.secondary{background:#ffffff26;border:1px solid #ffffff4d}.change-email-section{background:#252547;background:var(--bg-tertiary);border:1px solid #374151;border:1px solid var(--border-primary);border-radius:12px;border-radius:var(--radius-lg);box-shadow:0 4px 6px -1px #0006;box-shadow:var(--shadow-md);padding:25px}.change-email-section h3{color:#e2e8f0;color:var(--text-primary);font-size:18px;font-weight:600;margin:0 0 8px}.change-email-section p{color:#a0aec0;color:var(--text-secondary);font-size:14px;margin-bottom:20px}@media (max-width:1024px){.profile-content{gap:20px;grid-template-columns:1fr}.profile-sidebar{position:static}.sidebar-tab{justify-content:center}}@media (max-width:768px){.profile-container{padding:15px}.profile-header{padding:30px 15px}.user-identity{flex-direction:column;text-align:center}.user-meta{justify-content:center}.verification-content{flex-direction:column;text-align:center}.identity-details{grid-template-columns:1fr}.identity-row{align-items:flex-start;flex-direction:column;gap:5px}.profile-stats,.security-status{grid-template-columns:1fr}.email-display{align-items:flex-start;flex-direction:column;gap:10px}.profile-main{padding:25px 20px}.profile-form{padding:20px}}@media (max-width:480px){.user-avatar{height:60px;width:60px}.profile-section h2,.user-avatar,.user-info h1{font-size:24px}.stat-card{flex-direction:column;gap:12px}.security-item,.stat-card{text-align:center}}*{transition:background-color .3s ease,border-color .3s ease}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:#1a1a2e;background:var(--bg-secondary)}::-webkit-scrollbar-thumb{background:#6366f1;background:var(--accent-primary);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#818cf8;background:var(--accent-secondary)}.auth-container{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;justify-content:center;min-height:100vh;overflow:hidden;padding:20px;position:relative}.auth-container:before{animation:float 20s linear infinite;background:url("data:image/svg+xml;charset=utf-8,%3Csvg width='100' height='100' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M11 18a7 7 0 1 0 0-14 7 7 0 0 0 0 14zm48 25a7 7 0 1 0 0-14 7 7 0 0 0 0 14zm-43-7a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm63 31a3 3 0 1 0 0-6 3 3 0 0 0 0 6zM34 90a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm56-76a3 3 0 1 0 0-6 3 3 0 0 0 0 6zM12 86c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm28-65c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm23-11c2.76 0 5-2.24 5-5s-2.24-5-5-5-5 2.24-5 5 2.24 5 5 5zm-6 60c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm29 22c2.76 0 5-2.24 5-5s-2.24-5-5-5-5 2.24-5 5 2.24 5 5 5zM32 63c2.76 0 5-2.24 5-5s-2.24-5-5-5-5 2.24-5 5 2.24 5 5 5zm57-13c2.76 0 5-2.24 5-5s-2.24-5-5-5-5 2.24-5 5 2.24 5 5 5zm-9-21a2 2 0 1 0 .001-3.999A2 2 0 0 0 80 29zM60 91a2 2 0 1 0 .001-3.999A2 2 0 0 0 60 91zM35 41a2 2 0 1 0 .001-3.999A2 2 0 0 0 35 41zM12 60a2 2 0 1 0 .001-3.999A2 2 0 0 0 12 60z' fill='%23fff' fill-opacity='.03' fill-rule='evenodd'/%3E%3C/svg%3E");bottom:0;content:"";left:0;position:absolute;right:0;top:0}@keyframes float{0%{transform:translate(0) rotate(0deg)}to{transform:translate(-50px,-50px) rotate(1turn)}}.auth-box{animation:slideUp .6s ease-out;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#fffffff2;border:1px solid #ffffff4d;border-radius:20px;box-shadow:0 20px 60px #0003;max-width:450px;padding:40px;position:relative;width:100%;z-index:1}.dark-theme .auth-box{background:#1e1e2df2;border:1px solid #ffffff1a}.auth-header{margin-bottom:30px;text-align:center}.auth-header h1{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;background-clip:text;font-size:2.2rem;font-weight:700;margin-bottom:10px}.auth-header p{color:#666;font-size:1.1rem;margin:0}.dark-theme .auth-header p{color:#a0aec0}.auth-form{display:flex;flex-direction:column;gap:20px}.auth-form.active{display:block}.form-group{margin-bottom:20px}.form-group label{color:#2d3748;display:block;font-size:14px;font-weight:600;margin-bottom:8px}.dark-theme .form-group label{color:#e2e8f0}.form-group input{background:#fff;border:2px solid #e2e8f0;border-radius:12px;box-sizing:border-box;color:#2d3748;font-size:16px;padding:15px 20px;transition:all .3s ease;width:100%}.dark-theme .form-group input{background:#2d3748;border-color:#4a5568;color:#e2e8f0}.form-group input:focus{border-color:#667eea;box-shadow:0 0 0 4px #667eea1a;outline:none;transform:translateY(-2px)}.form-group input::placeholder{color:#a0aec0}.auth-submit-btn{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:12px;color:#fff;cursor:pointer;font-size:16px;font-weight:600;overflow:hidden;padding:16px;position:relative;transition:all .3s ease;width:100%}.auth-submit-btn:before{background:linear-gradient(90deg,#0000,#fff3,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s;width:100%}.auth-submit-btn:hover:before{left:100%}.auth-submit-btn:hover:not(:disabled){box-shadow:0 10px 30px #667eea66;transform:translateY(-3px)}.auth-submit-btn:active{transform:translateY(-1px)}.auth-submit-btn:disabled{cursor:not-allowed;opacity:.6;transform:none!important}.auth-link{align-items:center;color:#667eea;display:inline-flex;font-weight:500;gap:5px;text-decoration:none;transition:all .3s ease}.auth-link:hover{color:#764ba2;text-decoration:underline;transform:translateX(3px)}.auth-footer{border-top:1px solid #e2e8f0;margin-top:25px;padding-top:20px;text-align:center}.dark-theme .auth-footer{border-top-color:#4a5568}.auth-footer p{color:#666;margin:0}.dark-theme .auth-footer p{color:#a0aec0}.auth-toggle{border-top:1px solid #e2e8f0;margin-top:25px;padding-top:20px;text-align:center}.dark-theme .auth-toggle{border-top-color:#4a5568}.toggle-btn{background:none;border:none;color:#667eea;cursor:pointer;font-size:14px;font-weight:600;transition:all .3s ease}.toggle-btn:hover{color:#764ba2;text-decoration:underline}.auth-success{align-items:flex-start;animation:slideIn .5s ease-out;background:linear-gradient(135deg,#d4edda,#c3e6cb);border:1px solid #c3e6cb;border-radius:12px;color:#155724;display:flex;gap:12px;margin:20px 0;padding:16px 20px}.dark-theme .auth-success{background:linear-gradient(135deg,#1e3a2c,#166534);border-color:#166534;color:#4ade80}.auth-error{align-items:flex-start;animation:slideIn .5s ease-out;background:linear-gradient(135deg,#f8d7da,#f5c6cb);border:1px solid #f5c6cb;border-radius:12px;color:#721c24;display:flex;gap:12px;margin:20px 0;padding:16px 20px}.dark-theme .auth-error{background:linear-gradient(135deg,#3a1e1e,#7f1d1d);border-color:#7f1d1d;color:#fca5a5}.error-icon,.success-icon{flex-shrink:0;font-size:20px;margin-top:2px}.auth-loading{align-items:center;display:flex;flex-direction:column;gap:15px;justify-content:center;padding:40px 20px}.loading-spinner{border:4px solid #e2e8f0;border-top-color:#667eea}.dark-theme .loading-spinner{border-color:#667eea #4a5568 #4a5568}.auth-loading span{color:#666;font-size:14px}.dark-theme .auth-loading span{color:#a0aec0}@keyframes slideIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.password-strength{margin-top:8px}.strength-bar{background:#e2e8f0;border-radius:2px;height:4px;margin-bottom:5px;overflow:hidden}.dark-theme .strength-bar{background:#4a5568}.strength-fill{border-radius:2px;height:100%;transition:all .3s ease}.strength-weak{background:#e53e3e;width:33%}.strength-medium{background:#d69e2e;width:66%}.strength-strong{background:#38a169;width:100%}.strength-text{color:#666;font-size:12px;text-align:right}.dark-theme .strength-text{color:#a0aec0}.form-row{grid-gap:15px;display:grid;gap:15px;grid-template-columns:1fr 1fr}.checkbox-group{align-items:center;display:flex;gap:10px;margin:15px 0}.checkbox-group input[type=checkbox]{accent-color:#667eea;height:18px;width:18px}.checkbox-group label{color:#4a5568;font-size:14px;margin:0}.dark-theme .checkbox-group label{color:#a0aec0}.social-auth{margin:25px 0}.social-divider{align-items:center;color:#a0aec0;display:flex;font-size:14px;margin:25px 0}.social-divider:after,.social-divider:before{background:#e2e8f0;content:"";flex:1 1;height:1px}.dark-theme .social-divider:after,.dark-theme .social-divider:before{background:#4a5568}.social-divider span{padding:0 15px}.social-buttons{grid-gap:12px;display:grid;gap:12px;grid-template-columns:1fr 1fr}.social-btn{align-items:center;background:#fff;border:2px solid #e2e8f0;border-radius:10px;color:#4a5568;cursor:pointer;display:flex;font-weight:500;gap:8px;justify-content:center;padding:12px;transition:all .3s ease}.dark-theme .social-btn{background:#2d3748;border-color:#4a5568;color:#a0aec0}.social-btn:hover{box-shadow:0 4px 12px #0000001a;transform:translateY(-2px)}.social-btn.google:hover{border-color:#db4437;color:#db4437}.social-btn.github:hover{border-color:#333;color:#333}.dark-theme .social-btn.github:hover{border-color:#f0f6fc;color:#f0f6fc}.auth-options{justify-content:space-between;margin:15px 0}.auth-options,.remember-me{align-items:center;display:flex}.remember-me{gap:8px}.remember-me input[type=checkbox]{accent-color:#667eea;height:16px;width:16px}.remember-me label{color:#4a5568;cursor:pointer;font-size:14px;margin:0}.dark-theme .remember-me label{color:#a0aec0}.forgot-password{color:#667eea;font-size:14px;text-decoration:none;transition:all .3s ease}.forgot-password:hover{color:#764ba2;text-decoration:underline}@media (max-width:480px){.auth-container{padding:15px}.auth-box{border-radius:16px;padding:30px 25px}.auth-header h1{font-size:1.8rem}.auth-header p{font-size:1rem}.form-group input{font-size:15px;padding:14px 16px}.auth-submit-btn{font-size:15px;padding:15px}.form-row{gap:15px}.form-row,.social-buttons{grid-template-columns:1fr}.auth-options{align-items:flex-start;flex-direction:column;gap:15px}}@media (max-width:320px){.auth-box{padding:25px 20px}.auth-header h1{font-size:1.6rem}}.dark-theme .auth-container{background:linear-gradient(135deg,#1a202c,#2d3748)}.dark-theme .auth-container:before{opacity:.1}.auth-link:focus-visible,.auth-submit-btn:focus-visible,.toggle-btn:focus-visible{outline:2px solid #667eea;outline-offset:2px}@media print{.auth-container{background:#fff!important}.auth-box{border:1px solid #ccc;box-shadow:none}}@media (prefers-contrast:high){.auth-box{border:2px solid #000}.form-group input{border-width:2px}.auth-submit-btn{border:2px solid #000}}@media (prefers-reduced-motion:reduce){.auth-box,.auth-container:before,.auth-link,.auth-submit-btn,.form-group input{animation:none;transition:none}.auth-submit-btn:before{display:none}}.App:not(.dark-theme) .homepage.dark-theme,.homepage.dark-theme{background:#0f172a!important}.homepage.dark-theme .hero-section{background:linear-gradient(135deg,#0f172a,#1e293b)!important}.homepage.dark-theme .features-section{background:#0f172a!important}.homepage.dark-theme .market-overview{background:#1e293b!important}.homepage.dark-theme .cta-section{background:linear-gradient(135deg,#1e40af,#1e3a8a)!important}body:not(.logged-in) .homepage,html:not(.logged-in) .homepage{background:#0f172a!important}body:not(.logged-in) .homepage .hero-section{background:linear-gradient(135deg,#0f172a,#1e293b)!important}body:not(.logged-in) .homepage .features-section{background:#0f172a!important}body:not(.logged-in) .homepage .market-overview{background:#1e293b!important}body:not(.logged-in) .homepage .cta-section{background:linear-gradient(135deg,#1e40af,#1e3a8a)!important}.mobile-error-boundary{background:#1a1a1a;color:#fff;min-height:100vh;text-align:center}.mobile-error-boundary .error-actions{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;margin-top:20px}.mobile-error-boundary .home-btn,.mobile-error-boundary .retry-btn{border:none;border-radius:5px;cursor:pointer;font-size:16px;padding:12px 24px}.mobile-error-boundary .retry-btn{background:#3498db;color:#fff}.mobile-error-boundary .home-btn{background:#2ecc71;color:#fff}.mobile-error-boundary .error-details{background:#2a2a2a;border-radius:5px;margin-top:20px;max-height:200px;overflow-y:auto;padding:15px;text-align:left}.global-error-page{background:#1a1a1a;color:#fff;min-height:100vh;text-align:center}.global-error-page .error-actions{display:flex;gap:10px;justify-content:center;margin-top:20px}.connection-error-page{background:#1a1a1a;color:#fff;min-height:100vh;text-align:center}.mobile-tip{font-size:14px;margin:10px 0;opacity:.8}@media (max-width:768px){.mobile-app{font-size:14px}.mobile-app .loading-container{font-size:16px}.mobile-indicator{display:block;margin-top:10px}}.loading-container{background:#1a1a1a;height:100vh}.loading-spinner{animation:spin 2s linear infinite;border:4px solid #f3f3f3;border-top-color:#3498db;height:40px;width:40px}.mobile-error-boundary{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:9999}.mobile-error-boundary .error-content{background:#fff;border-radius:15px;box-shadow:0 20px 40px #0000001a;max-width:500px;padding:30px;text-align:center;width:100%}.mobile-error-boundary .error-icon{font-size:3rem;margin-bottom:20px}.mobile-error-boundary h2{color:#333;font-size:1.5rem;margin-bottom:15px}.mobile-error-boundary p{color:#666;line-height:1.5;margin-bottom:25px}.mobile-tips{background:#f8f9fa;border-radius:8px;margin:20px 0;padding:15px;text-align:left}.mobile-tips h4{color:#333;margin:0 0 10px}.mobile-tips ul{color:#666;margin:0;padding-left:20px}.mobile-tips li{margin-bottom:5px}.error-actions{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;margin:25px 0}.continue-btn,.home-btn,.reload-btn,.retry-btn{border:none;border-radius:8px;cursor:pointer;font-weight:600;min-width:120px;padding:12px 24px;transition:all .3s ease}.retry-btn{background:#007bff;color:#fff}.retry-btn:hover:not(:disabled){background:#0056b3}.retry-btn:disabled{background:#6c757d;cursor:not-allowed}.reload-btn{background:#28a745;color:#fff}.reload-btn:hover{background:#1e7e34}.home-btn{background:#6c757d;color:#fff}.home-btn:hover{background:#545b62}.continue-btn{background:#17a2b8;color:#fff}.continue-btn:hover{background:#138496}.persistent-error{background:#fff3cd;border:1px solid #ffeaa7;border-radius:8px;margin:20px 0;padding:15px;text-align:left}.persistent-error ol{margin:10px 0 0;padding-left:20px}.persistent-error li{color:#856404;margin-bottom:5px}.error-details{margin-top:20px;text-align:left}.error-details summary{cursor:pointer;margin-bottom:10px}.error-details pre,.error-details summary{background:#f8f9fa;border-radius:5px;padding:10px}.error-details pre{font-size:.8rem;overflow-x:auto;white-space:pre-wrap}.global-error-page{align-items:center;background:linear-gradient(135deg,#ff6b6b,#ee5a24);bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:9999}.global-error-page .error-content{background:#fff;border-radius:15px;box-shadow:0 20px 40px #0003;max-width:500px;padding:30px;text-align:center;width:100%}.connection-error-page{align-items:center;background:linear-gradient(135deg,#74b9ff,#0984e3);bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:9999}.connection-error-page .error-content{background:#fff;border-radius:15px;box-shadow:0 20px 40px #0000001a;max-width:500px;padding:30px;text-align:center;width:100%}.desktop-connection-tips,.mobile-connection-tips{background:#e3f2fd;border-radius:8px;margin:20px 0;padding:15px;text-align:left}.desktop-connection-tips h4,.mobile-connection-tips h4{color:#1565c0;margin:0 0 10px}.desktop-connection-tips ul,.mobile-connection-tips ul{color:#1976d2;margin:0;padding-left:20px}.connection-actions{display:flex;gap:10px;justify-content:center;margin:25px 0}.connection-status{background:#f8f9fa;border-radius:5px;font-family:monospace;font-size:.9rem;padding:10px}.loading-container{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);bottom:0;color:#fff;display:flex;flex-direction:column;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:9998}.loading-spinner{animation:spin 1s linear infinite;border:5px solid #ffffff4d;border-radius:50%;border-top-color:#fff;height:50px;margin-bottom:20px;width:50px}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.connection-status{margin-top:15px;text-align:center}.reconnecting-dots{display:inline-flex;margin-left:5px}.reconnecting-dots span{animation:blink 1.4s infinite both}.reconnecting-dots span:nth-child(2){animation-delay:.2s}.reconnecting-dots span:nth-child(3){animation-delay:.4s}@keyframes blink{0%,80%,to{opacity:0}40%{opacity:1}}.mobile-loading-info{margin-top:15px;text-align:center}.mobile-indicator{background:#fff3;border-radius:12px;display:inline-block;margin:0 5px;padding:4px 8px}.mobile-connection-bar{animation:slideUp .3s ease;background:#ff6b6b;bottom:0;color:#fff;font-weight:600;left:0;padding:10px;position:fixed;right:0;text-align:center;z-index:1000}.mobile-connection-bar.connecting,.mobile-connection-bar.reconnecting{background:#ffa726}.mobile-connection-bar.disconnected{background:#ff6b6b}@keyframes slideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}.mobile-app .main-content{padding-bottom:60px}.mobile-app{-webkit-overflow-scrolling:touch}.not-found-page{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;justify-content:center;min-height:100vh;padding:20px}.not-found-page.mobile{padding:40px 20px}.not-found-content{background:#fff;border-radius:15px;box-shadow:0 20px 40px #0000001a;max-width:500px;padding:40px;text-align:center;width:100%}.not-found-content h1{color:#333;font-size:4rem;margin:0}.not-found-content p{color:#666;margin:10px 0 20px}.home-link{background:#007bff;border-radius:8px;display:inline-block;font-weight:600;padding:12px 30px;transition:background .3s ease}.home-link,.home-link:hover{color:#fff;text-decoration:none}.home-link:hover{background:#0056b3}.mobile-suggestions{border-top:1px solid #eee;margin-top:25px;padding-top:20px}.suggestion-links{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;margin-top:10px}.suggestion-links a{background:#f8f9fa;border-radius:6px;color:#333;font-size:.9rem;padding:8px 16px;text-decoration:none;transition:background .3s ease}.suggestion-links a:hover{background:#e9ecef;text-decoration:none}@media (max-width:768px){.connection-error-page .error-content,.global-error-page .error-content,.mobile-error-boundary .error-content{margin:10px;padding:20px}.connection-actions,.error-actions{flex-direction:column}.continue-btn,.home-btn,.reload-btn,.retry-btn{margin-bottom:10px;width:100%}.not-found-content{padding:30px 20px}.not-found-content h1{font-size:3rem}}@media print{.connection-error-page,.global-error-page,.loading-container,.mobile-error-boundary{display:none!important}}
/*# sourceMappingURL=main.1d14fd8b.css.map*/