@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.spinning-logo{width:100px;height:100px;animation:spin 1.5s linear infinite}.loader-overlay{display:flex;align-items:center;justify-content:center;width:100vw;height:100vh;position:fixed;top:0;left:0;background-color:#fff;z-index:9999}.modal-overlay{position:fixed;inset:0;background-color:#000000bf;display:flex;align-items:center;justify-content:center;z-index:1000;opacity:0;animation:fadeIn .3s forwards}.modal-content{background:#fff;padding:30px;border-radius:8px;max-width:700px;width:90%;position:relative;box-shadow:0 5px 20px #0003;color:#333;max-height:90vh;overflow-y:auto;-ms-overflow-style:none;scrollbar-width:none;transform:translateY(-20px);animation:slideIn .3s .1s forwards}.modal-content::-webkit-scrollbar{display:none}.modal-close{position:absolute;top:10px;right:15px;background:none;border:none;font-size:2rem;line-height:1;cursor:pointer;color:#aaa;transition:color .2s}.modal-close:hover{color:#333}.modal-content h2{margin-top:0;margin-bottom:15px;color:#000}.modal-content p{line-height:1.6;margin-bottom:20px}.modal-actions{margin-top:25px;display:flex;flex-wrap:wrap;gap:15px;justify-content:flex-end}.modal-actions .btn{padding:10px 20px;border-radius:5px;text-decoration:none;font-weight:700;cursor:pointer;border:none;font-size:.9rem;text-align:center}.modal-actions .btn-primary{background-color:#0e0c9e;color:#fff;transition:background-color .2s}.modal-actions .btn-primary:hover{background-color:#fff;color:#0b148b}@keyframes fadeIn{to{opacity:1}}@keyframes slideIn{to{opacity:1;transform:translateY(0)}}.login-modal-actions{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-top:20px}.login-modal-actions .btn-primary{flex:1 1 40%;margin:0;font-size:15px}.login-modal-actions .login-secondary-link{flex:1 1 25%;background:#f0f0f0;border:1px solid #ddd;color:#555;padding:10px 5px;border-radius:5px;text-align:center;font-size:13px;cursor:pointer;text-decoration:none;line-height:1.2;transition:background-color .2s,border-color .2s}.login-modal-actions .login-secondary-link:hover{background-color:#e9e9e9;border-color:#ccc;text-decoration:none}.modal-mode .form-content{max-height:100vh;overflow-y:auto;padding:0 15px;margin:0 -15px;scrollbar-width:none;-ms-overflow-style:none}.modal-mode .form-content::-webkit-scrollbar{display:none}.profile-modal-body{max-height:60vh;overflow-y:auto;padding:10px 5px;margin:15px 0;scrollbar-width:none}.profile-modal-body::-webkit-scrollbar{width:0px;background:transparent}.profile-form-row{display:flex;flex-wrap:wrap;gap:20px;width:100%}.profile-modal-body .input-group{margin-bottom:1rem;display:flex;flex-direction:column;flex:1;min-width:250px}.profile-modal-body .input-group label{font-size:.9rem;font-weight:600;margin-bottom:5px;color:#333}.required-asterisk{color:#dc3545;cursor:help;font-weight:700;margin-left:2px}.profile-modal-body input[type=text],.profile-modal-body input[type=email],.profile-modal-body input[type=password],.profile-modal-body input[type=tel],.profile-modal-body select{width:100%;padding:10px 12px;border:1px solid #ccc;border-radius:6px;font-size:.95rem;background-color:#fff;color:var(--primary, #2628a5)}.profile-modal-body select{background-color:#fff}.profile-modal-body input[type=file]{font-size:.9rem;padding:8px 10px;border:1px solid #ccc;border-radius:6px}.qr-note{font-size:.8rem;color:#666;margin:0 0 5px}.qr-success-note{font-size:.8rem;color:green;margin-top:5px}.accordion-container{width:100%;border:1px solid #eee;border-radius:8px;overflow:hidden;box-shadow:0 4px 12px #0000000d}.accordion-item{border-bottom:1px solid #eee}.accordion-item:last-child{border-bottom:none}.accordion-header{padding:20px 25px;display:flex;justify-content:space-between;align-items:center;cursor:pointer;background-color:#fcfcfc;transition:background-color .2s}.accordion-header:hover{background-color:#f5f5f5}.accordion-header h5{margin:0;font-size:1.1rem;font-weight:600;color:#222}.accordion-icon{font-size:.9rem;color:#555;transition:transform .3s ease-in-out}.accordion-header.open .accordion-icon{transform:rotate(180deg)}.accordion-body{max-height:0;overflow:hidden;transition:max-height .3s ease-in-out,padding .3s ease-in-out;background-color:#fff}.accordion-body.open{max-height:1000px;padding-top:100px;padding-bottom:25px}.accordion-content{padding:0 25px}.video-description{margin-top:15px;font-size:.95rem;line-height:1.6;color:#444}.video-responsive-wrapper{position:relative;overflow:hidden;width:100%;padding-top:56.25%;border-radius:8px;box-shadow:0 2px 8px #0000001a}.video-responsive-wrapper iframe{position:absolute;inset:0;width:100%;height:100%}:root{--bg-main: #EAECEE;--bg-sidebar-left: #261f87;--bg-sidebar-right: #261f87;--bg-card: #FFFFFF;--text-primary: #2C3E50;--text-secondary: #85929E;--text-sidebar: #FFFFFF;--border-color: #D5D8DC;--shadow: 0 4px 10px -2px rgba(0, 0, 0, .08)}body.dark{--bg-main: #0c074f;--bg-sidebar-left: #1e2064;--bg-sidebar-right: #080a78;--bg-card: #211486;--text-primary: #FDFEFE;--text-secondary: #AAB7B8;--text-sidebar: #FDFEFE;--border-color: #566573}*,*:before,*:after{box-sizing:border-box}html,body,#root{height:100%;width:100%;margin:0;padding:0;overflow:hidden;font-family:Poppins,sans-serif;background-color:var(--bg-main);color:var(--text-primary);transition:background-color .3s,color .3s}.dashboard-container{display:grid;grid-template-rows:auto 1fr;grid-template-columns:280px 1fr 80px;grid-template-areas:"sidebar-left header header" "sidebar-left main sidebar-right";height:100%;width:100%;transition:grid-template-columns .3s ease}.dashboard-container.sidebar-collapsed{grid-template-columns:80px 1fr 80px}.main-content-area{grid-area:main;overflow-y:auto;padding:24px 32px;scrollbar-width:none;-ms-overflow-style:none}.main-content-area::-webkit-scrollbar{display:none}.left-sidebar{grid-area:sidebar-left;background-color:var(--bg-sidebar-left);color:var(--text-sidebar);padding:24px;display:flex;flex-direction:column;border-top-right-radius:30px;border-bottom-right-radius:30px;overflow:visible;transition:padding .3s ease}.left-sidebar .sidebar-logo{display:flex;align-items:center;gap:12px;margin-bottom:40px;height:90px}.sidebar-logo-full{height:90px}.sidebar-icon{height:50px}.left-sidebar.collapsed{padding:24px 15px}.left-sidebar.collapsed .sidebar-logo{justify-content:center}.left-sidebar .sidebar-nav ul{list-style:none;padding:0;margin:0}.left-sidebar .sidebar-nav li{margin-bottom:8px}.menu-item{display:flex;justify-content:space-between;align-items:center;width:100%;cursor:pointer}.left-sidebar .sidebar-nav a,.left-sidebar .menu-item{color:var(--text-sidebar);text-decoration:none;display:flex;align-items:center;gap:12px;padding:12px 16px;border-radius:10px;transition:all .3s ease;opacity:.8}.left-sidebar .sidebar-nav a:hover,.left-sidebar .menu-item:hover,.left-sidebar .sidebar-nav a.active{background-color:#ffffff1a;opacity:1;font-weight:600}.left-sidebar.collapsed .sidebar-nav a,.left-sidebar.collapsed .menu-item{justify-content:center;padding:12px 0}.left-sidebar.collapsed .sidebar-nav span:not(.arrow){display:none}.arrow{font-size:.8rem;transition:transform .3s ease}.arrow.open{transform:rotate(180deg)}.menu-item-with-submenu{position:relative}.submenu{list-style:none;padding:0;margin:0;opacity:0;visibility:hidden;max-height:0;overflow:hidden;background-color:var(--bg-sidebar-left)}.left-sidebar:not(.collapsed) .submenu{transition:max-height .3s ease-out,padding .3s ease-out;padding-left:30px}.left-sidebar:not(.collapsed) .submenu.open{visibility:visible;opacity:1;max-height:500px;padding-top:10px;padding-bottom:10px}.left-sidebar.collapsed .submenu{position:absolute;left:100%;top:0;z-index:1000;min-width:230px;border-radius:12px;box-shadow:5px 5px 15px #0000004d;transition:opacity .2s ease,visibility .2s ease}.left-sidebar.collapsed li.menu-item-with-submenu:hover>.submenu{visibility:visible;opacity:1;max-height:500px;overflow:visible;padding:10px 10px 10px 15px;margin-left:-5px}.left-sidebar.collapsed .submenu span{display:inline!important}.menu-icon{width:24px;height:24px;object-fit:contain;flex-shrink:0;filter:brightness(0) invert(1)}.menu-icon-xcoin{width:24px;height:24px;object-fit:contain;flex-shrink:0}.header{grid-area:header;display:flex;justify-content:space-between;align-items:center;padding:24px 32px;background-color:transparent}.header-left{display:flex;align-items:center;gap:15px}.header h1{margin:0;font-size:1.5rem}.sidebar-toggle-btn{background:none;border:none;font-size:1.5rem;cursor:pointer;color:var(--text-secondary)}.search-bar{position:relative;display:flex;align-items:center}.search-bar .search-icon{position:absolute;left:0;width:45px;height:45px;transition:filter .3s ease;filter:invert(1) brightness(2)}.search-bar input{background-color:var(--bg-sidebar-left);color:#fff;border:none;border-radius:8px;padding:10px 16px 10px 45px;width:300px;font-size:.9rem;transition:all .3s ease}.search-bar input::placeholder{color:#fff;opacity:.8}.search-results{position:absolute;top:110%;left:0;width:100%;background-color:var(--bg-card);border-radius:8px;box-shadow:var(--shadow);list-style:none;padding:8px;margin:0;z-index:100}.search-results li a{display:block;padding:10px 12px;color:var(--text-primary);text-decoration:none;border-radius:6px;transition:background-color .2s ease;text-align:left}.search-results li a:hover{background-color:var(--bg-main)}body.dark .search-bar .search-icon{filter:none}body.dark .search-bar input{background-color:#f5f5f5;color:var(--bg-sidebar-left)}body.dark .search-bar input::placeholder{color:var(--bg-sidebar-left);opacity:.7}.right-sidebar{grid-area:sidebar-right;background-color:var(--bg-sidebar-right);border-left:1px solid var(--border-color);display:flex;flex-direction:column;align-items:center;justify-content:flex-start;padding:24px 0;border-top-left-radius:30px;border-bottom-left-radius:30px}.right-sidebar .action-icons{list-style:none;padding:0;margin:0}.right-sidebar .action-icons li{margin-bottom:16px}.right-sidebar .action-icons button{background:none;border:none;font-size:1.5rem;cursor:pointer;color:var(--text-secondary);padding:8px;transition:transform .2s ease-in-out,color .3s}.right-sidebar .action-icons button:hover{color:var(--text-primary);transform:translateY(-3px)}.user-mini-modal{position:absolute;top:60px;right:-10px;background-color:#fff;width:180px;border-radius:12px;box-shadow:0 5px 15px #0003;z-index:1000;overflow:hidden;border:1px solid #e0e0e0;animation:fadeIn .2s ease-in-out;padding:5px 0}.modal-item{display:flex;align-items:center;padding:12px 20px;color:#333;text-decoration:none;font-size:.95rem;font-weight:500;transition:background .2s;cursor:pointer}.modal-item:hover{background-color:#f5f5f5}.item-icon{font-size:1.2rem;margin-right:12px;width:24px;text-align:center}.separator{height:1px;background-color:#eee;margin:4px 0}@keyframes fadeIn{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.dark-mode .user-mini-modal{background-color:#1e1e2d;border-color:#333}.dark-mode .modal-item{color:#fff}.dark-mode .modal-item:hover{background-color:#ffffff0d}.profile-widget{width:100%;border-top:1px solid var(--border-color);padding:10px 0}.profile-header{display:flex;align-items:center;justify-content:space-around;cursor:pointer}.profile-header img{width:40px;height:40px;border-radius:50%}.profile-submenu{list-style:none;padding:10px 0 0;margin:0;text-align:center}.profile-submenu li a{display:block;padding:8px 0;font-size:.9rem;color:var(--text-secondary);text-decoration:none}.profile-submenu li a:hover{color:var(--text-primary)}.content-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:24px}.card,.stat-card{background-color:var(--bg-card);padding:24px;border-radius:16px;box-shadow:var(--shadow)}.card h4,.stat-card h4{margin:0 0 10px;color:var(--text-secondary);font-weight:500}.stat-card p{font-size:1.8rem;font-weight:600;margin:0}.content-grid-dashboard{display:grid;grid-template-columns:2fr 1fr;gap:24px;align-items:start}.main-column,.side-column{display:flex;flex-direction:column;gap:24px}.promo-card{background:linear-gradient(to right,#6a75ca,#8e96e2);color:#fff;padding:32px;border-radius:16px;position:relative}.promo-card h2{margin:0 0 10px}.promo-card p{opacity:.8;margin-bottom:20px;max-width:50%}.promo-card button{background-color:#fff;color:#3c44b1;border:none;padding:12px 24px;border-radius:8px;font-weight:600;cursor:pointer}.promo-image-placeholder{width:200px;height:150px;background-color:#fff3;position:absolute;right:32px;bottom:24px;border-radius:8px}.stats-row,.bottom-row{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.stat-card{position:relative;overflow:hidden}.stat-chart-placeholder{position:absolute;bottom:0;left:0;width:100%;height:60px;opacity:.2}.stat-chart-placeholder.balance{background:linear-gradient(to top,#8b5cf6,transparent)}.stat-chart-placeholder.profit{background:linear-gradient(to top,#10b981,transparent)}.stat-chart-placeholder.deposit{background:linear-gradient(to top,#3b82f6,transparent)}.market-chart-placeholder{height:250px;background-color:var(--bg-main);border-radius:8px}.buy-sell-widget,.order-book-card{background-color:var(--bg-card);padding:24px;border-radius:16px;box-shadow:var(--shadow)}.market-button{flex:1;background:none;border:none;padding:8px;border-radius:6px;cursor:pointer;color:var(--text-secondary)}.form-group{margin-bottom:15px}.form-group label{display:block;margin-bottom:5px;font-size:.9rem;color:var(--text-secondary)}.input-with-label{display:flex;align-items:center;border:1px solid var(--border-color);border-radius:8px}.input-with-label input{flex:1;border:none;background:none;padding:12px;color:var(--text-primary);width:100%}.input-with-label span{padding:0 12px;color:var(--text-secondary)}.balance{font-size:.8rem;color:var(--text-secondary)}.buy-sell-widget .tabs{position:relative;display:flex;border-bottom:1px solid var(--border-color);margin-bottom:15px}.buy-sell-widget .tabs button{flex:1;background:none;border:none;padding:12px 0;cursor:pointer;color:var(--text-secondary);font-weight:600;text-align:center;position:relative;z-index:2;transition:color .3s ease}.buy-sell-widget .tabs button.active{color:var(--text-primary)}.buy-sell-widget .tab-indicator{position:absolute;bottom:-1px;height:2px;background-color:var(--bg-sidebar-left);transition:left .3s ease-in-out;z-index:1;width:50%;left:0}body.dark .buy-sell-widget .tab-indicator{background-color:#f5f5f5}.buy-sell-widget .tabs.sell-active .tab-indicator{left:50%}.order-book-card .tabs{display:flex;gap:20px;border-bottom:1px solid var(--border-color);margin-bottom:15px}.order-book-card .tabs .tab-button{background:none;border:none;color:var(--text-secondary);font-size:1rem;font-weight:500;cursor:pointer;padding-bottom:8px;border-bottom:2px solid transparent}.order-book-card .tabs .tab-button.active{color:var(--bg-sidebar-left);border-bottom-color:var(--bg-sidebar-left)}.market-tabs{display:flex;background-color:var(--bg-main);border-radius:8px;padding:4px;margin-bottom:15px}.market-button{flex:1;background:none;border:none;padding:8px;border-radius:6px;cursor:pointer;color:var(--text-secondary);font-weight:500;transition:all .3s ease}.market-button.active{background-color:var(--bg-card);color:var(--text-primary);box-shadow:var(--shadow)}.verification-steps-container{padding:24px}.verification-steps-container h3{margin-top:0;margin-bottom:20px}.steps-indicator{display:flex;align-items:center;margin-bottom:20px}.step{width:24px;height:24px;border-radius:50%;background-color:var(--bg-main);color:var(--text-secondary);display:flex;align-items:center;justify-content:center;font-weight:600;transition:all .3s ease}.step.active{background-color:var(--bg-sidebar-left);color:#fff}.step-line{flex-grow:1;height:2px;background-color:var(--bg-main)}.steps-content{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.step-card{background-color:var(--bg-main);border-radius:12px;padding:16px;opacity:.5}.step-card.active{opacity:1;border:2px solid var(--bg-sidebar-left)}.step-card h4{margin-top:0;margin-bottom:8px}.step-card p{font-size:.85rem;color:var(--text-secondary);margin-bottom:16px}.step-card-status{color:var(--text-secondary);font-weight:500}.cta-button-small{width:100%;border:2px solid var(--bg-sidebar-left);color:#fff;background-color:var(--bg-sidebar-left);padding:14px;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;transition:transform .2s ease,background-color .3s ease,color .3s ease}.cta-button-small:hover{transform:scale(1.03);background-color:var(--silver);color:var(--bg-sidebar-left);border-color:#d9d9dc}body.dark .cta-button-small{background-color:#fff;color:var(--bg-sidebar-left);border-color:#fff}body.dark .cta-button-small:hover{background-color:#0e1cdccb;color:var(--white);border-color:#121ec6}.wallet-balance-container{display:flex;justify-content:space-between;align-items:center;padding:24px}.balance-info h4{margin:0 0 8px;color:var(--text-secondary);font-weight:500}.balance-amount{font-size:1.8rem;font-weight:600;margin:0}.balance-secondary{color:var(--text-secondary);margin:4px 0 0}.balance-actions{text-align:right}.balance-actions .cta-button{margin-bottom:12px}.secondary-actions .action-btn{background:none;border:1px solid var(--border-color);color:var(--text-primary);padding:8px 16px;border-radius:8px;cursor:pointer;margin-left:8px;font-weight:500}.slider-group{margin-top:30px}.slider-container{position:relative;padding-top:20px}.slider-value{position:absolute;top:-10px;transform:translate(-50%);background-color:var(--bg-sidebar-left);color:#fff;padding:2px 8px;border-radius:4px;font-size:.8rem;font-weight:600}.amount-slider{appearance:none;-webkit-appearance:none;width:100%;height:6px;background:var(--bg-main);border-radius:30px;outline:none}.amount-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:18px;height:18px;background:var(--bg-sidebar-left);cursor:pointer;border-radius:50%;border:3px solid var(--bg-card)}.amount-slider::-moz-range-thumb{width:18px;height:18px;background:var(--bg-sidebar-left);cursor:pointer;border-radius:50%;border:3px solid var(--bg-card)}body.dark .amount-slider::-webkit-slider-thumb{background:#fff;border-color:var(--bg-card)}body.dark .amount-slider::-moz-range-thumb{background:#fff;border-color:var(--bg-card)}body.dark .slider-value{background-color:#fff;color:var(--bg-sidebar-left)}.buy-button{width:100%;border:2px solid var(--bg-sidebar-left);color:#fff;background-color:var(--bg-sidebar-left);padding:14px;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;transition:transform .2s ease,background-color .3s ease,color .3s ease}.buy-button:hover{transform:scale(1.03);background-color:var(--silver);color:var(--bg-sidebar-left);border-color:#d9d9dc}.buy-button.sell-button{background-color:#e74c3c;border-color:#e74c3c;color:#fff}body.dark .buy-button{background-color:#fff;color:var(--bg-sidebar-left);border-color:#fff}body.dark .buy-button:hover{background-color:#0e1cdccb;color:var(--white);border-color:#121ec6}body.dark .buy-button.sell-button{background-color:#c0392b;border-color:#c0392b;color:#fff}.order-book-table{width:100%;border-collapse:collapse;margin-top:15px}.order-book-table th,.order-book-table td{text-align:left;padding:8px;font-size:.9rem}.order-book-table th{color:var(--text-secondary)}.order-book-table tbody tr:nth-child(2n){background-color:var(--bg-main)}.order-book-table .highlight{color:#f59e0b}.legend-list,.market-list{list-style:none;padding:0}.legend-list li,.market-list li{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px}.dot{height:10px;width:10px;border-radius:50%;display:inline-block;margin-right:8px}.dot.btc{background-color:#f59e0b}.dot.eth{background-color:#3b82f6}.dot.xcn{background-color:#10b981}.market-list span:nth-child(3).positive{color:#10b981}.market-list span:nth-child(3).negative{color:#ef4444}.server-status-placeholder{display:flex;align-items:flex-end;justify-content:space-around;height:100px;padding-top:20px}.bar{width:15%;background-color:var(--bg-sidebar-left);border-radius:4px 4px 0 0}.dashboard-footer{text-align:center;padding:20px 0;color:var(--text-secondary);font-size:.9rem;grid-column:1 / -1}.stats-row-market{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-bottom:24px}.stat-card-market{background-color:var(--bg-card);padding:24px;border-radius:16px;box-shadow:var(--shadow)}.stat-card-market h4{margin:0 0 8px;color:var(--text-secondary);font-weight:500}.stat-card-market p{font-size:1.5rem;font-weight:600;margin:0}.live-market-card{background-color:var(--bg-card);padding:24px;border-radius:16px;box-shadow:var(--shadow)}.live-market-card h2{margin-top:0}.market-table{width:100%;border-collapse:collapse}.market-table th,.market-table td{padding:16px;text-align:left;border-bottom:1px solid var(--border-color)}.market-table th{color:var(--text-secondary);font-size:.9rem}.market-table td strong{color:var(--text-secondary);font-weight:500}.mini-chart-placeholder-table{width:100px;height:40px;background-color:var(--bg-main);border-radius:4px}.table-buy-btn,.table-sell-btn{border:none;padding:8px 16px;border-radius:6px;color:#fff;cursor:pointer;font-weight:500}.table-buy-btn{background-color:#10b981;margin-right:8px}.table-sell-btn{background-color:#ef4444}.table-tabs{display:flex;gap:20px}.table-tabs button{background:none;border:none;color:var(--text-secondary);font-size:1rem;font-weight:500;cursor:pointer;padding-bottom:5px;border-bottom:2px solid transparent}.table-tabs button.active{color:var(--bg-sidebar-left);border-bottom-color:var(--bg-sidebar-left)}.live-market-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.xcoin-status-view{display:flex;flex-direction:column;gap:24px}.progress-bar-container{width:100%;height:20px;background-color:var(--bg-main);border-radius:10px;overflow:hidden;margin:15px 0 10px}.progress-bar{height:100%;background-color:var(--bg-sidebar-left);border-radius:10px;transition:width .5s ease-in-out}.progress-labels,.progress-total{display:flex;justify-content:space-between;font-size:.9rem;color:var(--text-secondary)}.progress-total{justify-content:flex-end;margin-top:5px;font-size:1rem}.countdown-timer h4{text-align:center;color:var(--text-secondary);font-weight:500}.timer-boxes{display:flex;justify-content:center;gap:20px;margin-top:20px}.timer-box{background-color:var(--bg-main);padding:15px 25px;border-radius:8px;text-align:center}.timer-box span{display:block;font-size:2rem;font-weight:600}.timer-box small{font-size:.9rem;color:var(--text-secondary)}.details-row{display:grid;grid-template-columns:1fr 1fr;gap:24px}.token-price{font-size:2.5rem;font-weight:600;margin:10px 0}.bonus-phase{color:#10b981;font-weight:500}.accepted-currencies{display:flex;align-items:center;gap:15px;margin-top:20px}.accepted-currencies img{width:40px;height:40px}.cta-container{text-align:center;margin-top:20px}.cta-button{border:2px solid var(--bg-sidebar-left);padding:14px 40px;font-size:1.1rem;font-weight:600;border-radius:8px;cursor:pointer;transition:all .3s ease;background-color:var(--bg-sidebar-left);color:#fff;text-decoration:none}.cta-button:hover{background-color:#fff;color:var(--bg-sidebar-left);border-color:#fff;transform:scale(1.05)}body.dark .cta-button{background-color:#fff;color:var(--bg-sidebar-left);border-color:#fff}body.dark .cta-button:hover{background-color:#0e1cdccb;color:var(--white);border-color:#121ec6;transform:scale(1.05)}.currency-item{display:flex;flex-direction:column;align-items:center;gap:8px}.currency-item span{font-size:.85rem;font-weight:500;color:var(--text-secondary)}.order-header{display:flex;justify-content:space-between;align-items:center;margin-top:20px;margin-bottom:15px;gap:20px}.trade-type-tabs{display:flex;background-color:var(--bg-main);border-radius:8px;padding:4px}.trade-type-tabs button{background:none;border:none;padding:15px 25px;border-radius:6px;cursor:pointer;color:var(--text-secondary);font-weight:500;transition:all .3s ease}.trade-type-tabs button.active{background-color:var(--bg-card);color:var(--text-primary);box-shadow:var(--shadow)}.coin-icon{width:28px;height:28px;margin-right:10px;vertical-align:middle}.balance-view{display:flex;flex-direction:column;gap:24px}.estimated-balance-card{display:flex;justify-content:space-between;align-items:center;padding:24px}.estimated-balance-card h4{margin:0 0 8px;color:var(--text-secondary);font-weight:500}.main-balance{font-size:1.8rem;font-weight:600;margin:0}.secondary-balance{color:var(--text-secondary);margin:4px 0 0}.balance-actionss{display:flex;flex-direction:column;gap:8px;margin-top:12px}.balance-actionss .action-btn{background:none;border:1px solid var(--border-color);color:var(--text-primary);padding:8px 16px;border-radius:8px;cursor:pointer;margin-left:0;font-weight:500;width:100%}.balance-actionss .action-btn:hover{background-color:var(--bg-main)}.my-assets-card{padding:24px}.assets-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.assets-header h3{margin:0}.assets-header a{color:var(--text-secondary);text-decoration:none;font-weight:500}.assets-table{width:100%;border-collapse:collapse}.assets-table th{text-align:left;color:var(--text-secondary);font-weight:500;padding-bottom:12px;border-bottom:1px solid var(--border-color)}.assets-table td{padding:16px 0;border-bottom:1px solid var(--border-color)}.assets-table tbody tr:last-child td{border-bottom:none}.coin-info{display:flex;align-items:center;gap:12px}.coin-info .coin-icon{width:32px;height:32px}.coin-info div{display:flex;flex-direction:column}.coin-symbol{font-weight:600}.coin-name{font-size:.85rem;color:var(--text-secondary)}.amount-crypto,.amount-fiat{display:block}.amount-fiat{font-size:.85rem;color:var(--text-secondary)}.action-btn-table{background-color:var(--bg-main);border:none;color:var(--text-primary);padding:8px 16px;border-radius:8px;cursor:pointer;font-weight:600}.recent-transactions-card{padding:24px}.no-records{text-align:center;padding:40px 0;color:var(--text-secondary)}.no-records-icon{font-size:2.5rem;opacity:.5}.wallet-info{flex-grow:1}.wallet-info h4{margin:0}.wallet-info p{margin:4px 0 0;color:var(--text-secondary)}.wallet-balance{font-weight:600;color:var(--text-primary)}.wallet-connection-card{display:flex;align-items:center;justify-content:space-between;padding:20px;gap:20px}.wallet-action-status{display:flex;align-items:center;gap:12px}.status-button{border:none;border-radius:8px;padding:8px 16px;color:#fff;font-weight:600;cursor:pointer}.status-indicator.verified,.status-button.verified{background-color:#10b981}.status-indicator.connected,.status-button.connected{background-color:#f59e0b}.status-indicator.disconnected,.status-button.disconnected{background-color:#ef4444}.status-indicator{width:12px;height:12px;border-radius:50%}.settings-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#00000080;z-index:1000}.settings-panel{position:fixed;top:0;right:0;width:400px;height:100%;background-color:var(--bg-main);z-index:1001;display:flex;flex-direction:column;box-shadow:-10px 0 30px #0003}.settings-header{display:flex;justify-content:space-between;align-items:center;padding:16px 24px;border-bottom:1px solid var(--border-color)}.settings-header h3{margin:0}.close-btn{background:none;border:none;font-size:1.8rem;cursor:pointer;color:var(--text-secondary)}.settings-content{padding:24px;overflow-y:auto;flex-grow:1}.settings-section{margin-bottom:32px}.settings-section h4{margin-top:0;margin-bottom:16px;color:var(--text-secondary)}.settings-row{display:flex;justify-content:space-between;align-items:center;padding:12px 0;border-bottom:1px solid var(--border-color)}.settings-section .settings-row:last-child{border-bottom:none}.settings-info{display:flex;flex-direction:column}.settings-label{font-weight:500}.settings-description{font-size:.85rem;color:var(--text-secondary);margin-top:4px}.action-btn.delete{color:#ef4444;border-color:#ef4444}.action-btn.delete:hover{background-color:#ef4444;color:#fff}.profile-setting-row{display:flex;justify-content:space-between;align-items:center;padding:12px 0}.profile-details{display:flex;align-items:center;gap:16px}.profile-setting-avatar{width:48px;height:48px;border-radius:50%}.profile-setting-info{display:flex;flex-direction:column}.switch{position:relative;display:inline-block;width:50px;height:28px}.switch input{opacity:0;width:0;height:0}.slider{position:absolute;cursor:pointer;inset:0;background-color:var(--border-color);transition:.4s}.slider:before{position:absolute;content:"";height:20px;width:20px;left:4px;bottom:4px;background-color:#fff;transition:.4s}input:checked+.slider{background-color:var(--bg-sidebar-left)}input:checked+.slider:before{transform:translate(22px)}.slider.round{border-radius:34px}.slider.round:before{border-radius:50%}.graficos-view h2{margin-top:0;margin-bottom:24px}.charts-grid{display:grid;grid-template-columns:2fr 1fr;gap:24px;align-items:flex-start}.chart-card{padding:24px}.legend-list li{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px;font-size:.9rem}.legend-list li>div{display:flex;align-items:center}.action-btn{width:100%;border:2px solid var(--bg-sidebar-left);color:#fff;background-color:var(--bg-sidebar-left);padding:14px;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;transition:transform .2s ease,background-color .3s ease,color .3s ease;text-decoration:none}.action-btn:hover{transform:scale(1.03);background-color:var(--silver);color:var(--bg-sidebar-left);border-color:#d9d9dc}body.dark .action-btn{background-color:#fff;color:var(--bg-sidebar-left);border-color:#fff;text-decoration:none}body.dark .action-btn:hover{background-color:#0e1cdccb;color:var(--white);border-color:#121ec6}.delete-btn{width:100%;border:2px solid #b10b0b;color:#fff;background-color:#b10b0b;padding:14px;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;transition:transform .2s ease,background-color .3s ease,color .3s ease}.delete-btn:hover{transform:scale(1.03);background-color:var(--silver);color:#b10b0b;border-color:#d9d9dc}body.dark .delete-btn{background-color:#fff;color:#b10b0b;border-color:#fff}body.dark .delete-btn:hover{background-color:#b10b0b;color:var(--white);border-color:#b10b0b}.positive{color:var(--positive-color)}.negative{color:var(--negative-color)}.color-picker-modal{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);background-color:var(--bg-card);padding:24px;border-radius:16px;box-shadow:0 10px 30px #0003;z-index:1002;width:300px;text-align:center}.color-picker-modal h4{margin-top:0}.color-picker-content{display:flex;flex-direction:column;align-items:center;gap:20px}.react-colorful{width:100%;height:200px}.color-picker-controls{display:flex;flex-direction:column;align-items:center;gap:12px;width:100%}.target-buttons{display:inline-flex;background-color:var(--bg-main);border-radius:8px;padding:4px}.target-buttons button{background:none;border:none;padding:6px 16px;border-radius:6px;cursor:pointer;color:var(--text-secondary);font-weight:500}.target-buttons button.active{background-color:var(--bg-card);color:var(--text-primary);box-shadow:var(--shadow)}.color-preview{padding:8px 12px;border-radius:8px;color:#fff;font-weight:600;text-shadow:1px 1px 2px rgba(0,0,0,.4);min-width:100px;text-align:center}.modal-footer{display:flex;justify-content:center;gap:12px;margin-top:24px;padding-top:16px;border-top:1px solid var(--border-color)}.secondary-actions{display:flex;flex-direction:column;gap:8px;margin-top:12px}.secondary-actions .action-btn{width:100%;margin-left:0}.profile-view{display:flex;flex-direction:column;gap:24px;max-width:800px;margin:0 auto}.profile-view h2{margin-top:0}.profile-section{background-color:var(--bg-card);padding:24px;border-radius:16px;box-shadow:var(--shadow)}.profile-section__title{margin:0 0 16px;border-bottom:1px solid var(--border-color);padding-bottom:16px;color:var(--text-secondary)}.profile-section__header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.profile-header{display:flex;align-items:center;justify-content:space-between}.profile-avatar{width:200px;height:200px;border-radius:10%;object-fit:cover}.profile-avatar__actions{display:flex;flex-direction:column;gap:12px}.profile-row{display:flex;justify-content:space-between;align-items:center;gap:20px}.profile-field{margin-bottom:16px}.profile-field:last-child{margin-bottom:0}.profile-field label{display:block;margin-bottom:8px;font-weight:500;color:var(--text-secondary);font-size:.9rem}.profile-field__value{font-size:1rem;margin:0;font-weight:500}.profile-wallet-card{display:flex;justify-content:space-between;align-items:center;padding:16px;border-radius:12px;background-color:var(--bg-main);margin-bottom:16px}.profile-wallet-card__info span{display:block}.profile-wallet-card__info span b{color:var(--text-primary)}.profile-wallet-card__status{display:flex;align-items:center;gap:8px;font-weight:600}.profile-wallet__date{font-size:.85rem;color:var(--text-secondary)}.profile-wallet__actions{display:flex;gap:12px;margin-top:16px;padding-top:16px;border-top:1px solid var(--border-color)}.profile-button{border:2px solid var(--bg-sidebar-left);color:#fff;background-color:var(--bg-sidebar-left);padding:14px;border-radius:8px;cursor:pointer;transition:transform .2s ease,background-color .3s ease,color .3s ease;text-decoration:none}.profile-button:hover{transform:scale(1.05);background-color:var(--silver);color:var(--bg-sidebar-left);border-color:#d9d9dc}body.dark .profile-button{background-color:#fff;color:var(--bg-sidebar-left);border-color:#fff}body.dark .profile-button:hover{background-color:#0e1cdccb;color:var(--white);border-color:#121ec6;transform:scale(1.05)}.profile-button--primary{background-color:var(--bg-sidebar-left);border-color:var(--bg-sidebar-left);color:#fff}.profile-button--danger{background-color:#ef4444;border-color:#ef4444;color:#fff}.profile-button--danger:hover{background-color:#fff;color:#ef4444}body.dark .profile-button--danger{background-color:#fff;border-color:#fff;color:#ef4444}body.dark .profile-button--danger:hover{background-color:#ef4444;color:#fff;border-color:#ef4444}.profile-footer{display:flex;justify-content:space-between;align-items:center;gap:20px}.profile-footer .profile-button{flex-grow:1}.confirmation-modal{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);background-color:var(--bg-card);padding:24px;border-radius:16px;box-shadow:0 10px 30px #0003;z-index:1002;width:90%;max-width:400px;text-align:center}.confirmation-modal h3{margin-top:0}.confirmation-modal p{color:var(--text-secondary);margin-bottom:24px}.confirmation-modal .modal-footer{display:flex;justify-content:center;gap:12px;margin-top:24px;padding-top:0;border-top:none}.drop-zone{border:2px dashed var(--border-color);border-radius:12px;padding:40px 20px;text-align:center;color:var(--text-secondary);cursor:pointer;transition:background-color .2s ease}.drop-zone:hover{background-color:var(--bg-main)}.image-preview{max-width:100%;max-height:150px;border-radius:8px}.avatar-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin:20px 0}.avatar-item{width:100%;border-radius:50%;cursor:pointer;border:3px solid transparent;transition:border-color .2s ease}.avatar-item:hover{opacity:.8}.avatar-item.selected{border-color:var(--bg-sidebar-left);box-shadow:0 0 10px var(--bg-sidebar-left);transform:scale(1.05)}#username-edit{width:100%;padding:12px;border-radius:8px;border:1px solid var(--border-color);background-color:var(--bg-main);color:var(--text-primary);font-size:1rem;margin-top:8px}:root{--primary: #2628a5;--primary-hover: #3a3cc2;--secondary: #333}.login-page-wrapper{display:flex;width:100vw;height:100vh;overflow:hidden}.form-side{width:50%;padding:10px;display:flex;justify-content:center;align-items:center;background-color:#fff;color:var(--secondary);overflow-y:auto;max-height:100vh;scrollbar-width:none}.form-side::-webkit-scrollbar{width:0px;background:transparent}.form-content{width:100%;max-width:360px;display:flex;flex-direction:column;justify-content:space-between;height:90%}.form-header{display:flex;align-items:center;justify-content:center;gap:10px;margin-bottom:1rem}.form-header .logo{width:45px;height:auto}.form-header h1{color:var(--secondary);font-size:1.6rem;margin:0}.form-body h2{color:var(--secondary);font-weight:600;margin-bottom:.3rem;font-size:1.2rem}.form-body p{color:#6c757d;margin-bottom:1rem;font-size:.9rem}.form-body .input-group{margin-bottom:1rem}.form-body input[type=text],.form-body input[type=email],.form-body input[type=password],.form-body input[type=tel],.form-body select{width:100%;padding:10px 12px;border:1px solid #ccc;border-radius:6px;font-size:.95rem;background-color:#fff;color:var(--primary);box-sizing:border-box}.form-body select{appearance:none;-webkit-appearance:none;-moz-appearance:none;background-image:url(data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22292.4%22%20height%3D%22292.4%22%3E%3Cpath%20fill%3D%22%23666%22%20d%3D%22M287%2069.4a17.6%2017.6%0%200%200-13-5.4H18.4c-5%200-9.3%201.8-12.9%205.4A17.6%2017.6%200%200%200%200%2082.2c0%205%201.8%209.3%205.4%2012.9l128%20127.9c3.6%203.6%207.8%205.4%2012.8%205.4s9.2-1.8%2012.8-5.4L287%2095c3.5-3.5%205.4-7.8%205.4-12.8%200-5-1.9-9.2-5.5-12.8z%22%2F%3E%3C%2Fsvg%3E);background-repeat:no-repeat;background-position:right 12px center;background-size:.65em auto;padding-right:40px}.form-body select::-ms-expand{display:none}.form-body input::placeholder{color:#3d3b3b}.form-actions{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.remember-me{display:flex;align-items:center;gap:6px;font-size:.85rem;color:#412dc2}.social-login{text-align:center;margin-bottom:1rem}.social-login h4{color:#6c757d;margin-bottom:.5rem;font-size:.9rem}.social-login .social-icons{display:flex;justify-content:center;gap:10px}.social-login .social-icons a{width:40px;height:40px;border-radius:50%;background-color:#2628a5;border:1px solid #e0e0e0;color:#fff;transition:all .3s ease;display:flex;align-items:center;justify-content:center;text-decoration:none}.social-login .social-icons a:hover{background-color:#fff;color:#2628a5;transform:translateY(-3px)}.form-actions .btn-primary,.btn-primary{background-color:var(--primary);color:#fff!important;border:2px solid var(--primary);padding:8px 20px;border-radius:18px;transition:all .3s ease;font-size:.9rem;cursor:pointer}.form-actions-row{display:flex;align-items:center;justify-content:space-between;margin:1.5rem 0;gap:15px}.form-actions-row .create-account-link{font-size:.9rem;white-space:nowrap}.form-actions .btn-primary:hover,.btn-primary:hover{background-color:#fff;color:var(--primary)!important;border-color:#fff;transform:scale(1.05)}.btn-back-home{background-color:var(--primary);color:#fff;border:1px solid var(--primary);padding:8px 15px;border-radius:18px;text-decoration:none;font-size:.9rem}.btn-back-home:hover{transform:scale(1.05);box-shadow:0 15px 30px #221d6d66;color:var(--primary)!important;background-color:#fff!important;border-color:var(--primary-hover)}.create-account-link{display:block;width:100%;text-align:center;background-color:var(--primary);color:#fff!important;border:2px solid var(--primary);padding:6px;border-radius:18px;cursor:pointer;text-decoration:none;font-size:.9rem;margin-bottom:.5rem}.create-account-link:hover{background-color:#fff;color:var(--primary)!important;border-color:#eaeaf4;transform:scale(1.05)}.copyright{text-align:center;font-size:.7rem;color:#aaa;margin-top:auto}.background-side{width:50%;background-size:cover;background-position:center}@media(max-width:800px){.background-side{display:none}.form-side{width:100%;padding:15px}.form-content{max-width:100%}}@media(max-height:750px){.form-content{transform-origin:top center}}.login-page-wrapper.modal-mode .background-side{display:none}.login-page-wrapper.modal-mode{display:block;height:auto;min-height:auto;overflow:auto}.login-page-wrapper.modal-mode .form-side{width:100%;padding:0;max-height:none;height:auto}.login-page-wrapper.modal-mode .form-content{height:auto;padding:10px;justify-content:center}.confirmation-modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#0009;display:flex;align-items:center;justify-content:center;z-index:1000;color:var(--secondary)}.confirmation-modal-content{background:#fff;padding:2rem;border-radius:8px;min-width:360px;max-width:450px;width:90%;box-shadow:0 5px 15px #0000004d;z-index:1001}.confirmation-modal-content h3{color:var(--secondary);font-weight:600;margin-top:0;margin-bottom:.5rem}.confirmation-modal-content p{color:#6c757d;font-size:.95rem;margin-bottom:1.5rem}.confirmation-modal-content .input-group{margin-bottom:1rem}.confirmation-modal-content .input-group input{width:100%;padding:10px 12px;border:1px solid #ccc;border-radius:6px;font-size:.95rem;background-color:#fff;color:var(--primary)}.confirmation-modal-actions{display:flex;justify-content:flex-end;gap:1rem;margin-top:1.5rem}.btn-secondary{background-color:#6c757d;color:#fff!important;border:2px solid #6c757d;padding:8px 20px;border-radius:18px;transition:all .3s ease;font-size:.9rem;cursor:pointer}.btn-secondary:hover{background-color:#5a6268;border-color:#5a6268}.alert-danger{padding:10px;margin:10px 0;border-radius:5px;background-color:#f8d7da;color:#721c24;font-size:.9rem}.alert-success{padding:10px;margin:10px 0;border-radius:5px;background-color:#d4edda;color:#155724;font-size:.9rem}.notification-panel-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;z-index:1000}.notification-panel-container{position:absolute;top:65px;right:20px;width:380px;max-height:500px;background-color:var(--bg-sidebar-left);border-radius:8px;box-shadow:0 4px 20px #0000004d;overflow:hidden;display:flex;flex-direction:column}body.dark .notification-panel-container{position:absolute;top:65px;right:20px;width:380px;max-height:500px;background-color:#fdfefe;border-radius:8px;box-shadow:0 4px 20px #0000004d;overflow:hidden;display:flex;flex-direction:column}.notification-header{padding:16px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #6c6adb}body.dark .notification-header{padding:16px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #120ed7}.notification-header h3{margin:0;font-size:1.1rem;color:#fff}body.dark .notification-header h3{margin:0;font-size:1.1rem;color:var(--bg-sidebar-left)}.mark-as-read-btn{background:none;border:none;color:#d5d6dd;font-size:.8rem;cursor:pointer}.mark-as-read-btn:hover{color:#fff}body.dark .mark-as-read-btn{background:none;border:none;color:#1829ac;font-size:.8rem;cursor:pointer}body.dark .mark-as-read-btn:hover{color:var(--bg-sidebar-left)}.notification-list{max-height:420px;overflow-y:auto}.notification-item{display:flex;align-items:center;padding:14px 16px;border-bottom:1px solid #3b415c;position:relative;cursor:pointer}.notification-item:last-child{border-bottom:none}.notification-item:hover{background-color:#fff}body.dark .notification-item:hover{background-color:var(--primary)}.notification-icon{margin-right:12px;font-size:1.2rem}.notification-message{margin:0;flex:1;font-size:.9rem;color:#d2d9e8;line-height:1.4}.notification-message:hover{color:var(--bg-sidebar-left)}body.dark .notification-message{margin:0;flex:1;font-size:.9rem;color:#291e7a;line-height:1.4}body.dark .notification-message:hover{color:#fff}.unread-dot{width:8px;height:8px;background-color:#4a90e2;border-radius:50%;margin-left:10px}.notification-item.read .notification-message{color:#a0a8c2}.delete-notification-btn{background:none;border:none;color:#a0a8c2;font-size:1.2rem;font-weight:700;cursor:pointer;padding:0 5px;opacity:0;transition:opacity .2s ease}.notification-item:hover .delete-notification-btn{opacity:1}.delete-notification-btn:hover{color:#ea3943}.notification-status{padding:20px;text-align:center;color:#a0a8c2}