*{margin:0;padding:0;box-sizing:border-box;font-family:Arial,sans-serif}.App{min-height:100vh;background:linear-gradient(135deg,#1e1e2f,#2a2a4a);color:#e0e0e0;display:flex;flex-direction:column}header{display:flex;justify-content:space-between;align-items:center;padding:0 20px;background:#2a2a4a;box-shadow:0 2px 10px #0000004d;height:60px;position:fixed;top:0;left:0;right:0;z-index:1000}header h1{font-size:1.8rem;font-weight:700}.hamburger-menu{display:flex;align-items:center}#checkbox{display:none}.toggle{position:relative;width:27px;height:27px;cursor:pointer;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;transition-duration:.5s}.bars{width:100%;height:4px;background-color:#696969;border-radius:4px}#bar2{transition-duration:.8s}#bar1,#bar3{width:70%}#checkbox:checked+.toggle .bars{position:absolute;transition-duration:.5s}#checkbox:checked+.toggle #bar2{transform:scaleX(0);transition-duration:.5s}#checkbox:checked+.toggle #bar1{width:100%;transform:rotate(45deg);transition-duration:.5s}#checkbox:checked+.toggle #bar3{width:100%;transform:rotate(-45deg);transition-duration:.5s}#checkbox:checked+.toggle{transition-duration:.5s;transform:rotate(180deg)}.sidebar{width:250px;background:#2a2a4a;padding:20px;height:100vh;position:fixed;top:0;left:0;box-shadow:2px 0 10px #0003;overflow-y:auto;transition:width .3s ease;z-index:999}.sidebar.collapsed{width:80px;padding:10px}.sidebar .list{list-style-type:none;display:flex;flex-direction:column;gap:8px;padding:0;margin-top:0}.sidebar .list.list-first{margin-top:60px}.sidebar .list .element{display:flex;align-items:center;color:#7e8590;gap:10px;transition:all .3s ease-out;padding:8px 7px;border-radius:6px;cursor:pointer;position:relative}.sidebar.collapsed .list .element{justify-content:center;padding:8px 0;width:100%}.sidebar .list .element a{display:flex;align-items:center;gap:10px;color:inherit;text-decoration:none;width:100%}.sidebar.collapsed .list .element a{justify-content:center}.sidebar .list .element svg{width:24px;height:24px;transition:all .3s ease-out;flex-shrink:0}.sidebar .list .element .menu-text{font-size:1rem;font-weight:600;transition:color .3s ease-out;white-space:nowrap;display:block}.sidebar.collapsed .list .element .menu-text{display:none}.sidebar .list .element:hover{background-color:#666;color:#fff;transform:translate(1px,-1px)}.sidebar .list .element:hover .menu-text{color:#fff}.sidebar .list .element:hover svg{stroke:#fff}.sidebar .list .element:active{transform:scale(.99)}.sidebar .list .element.active{background-color:#007bff;color:#fff}.sidebar .list .element.active .menu-text{color:#fff}.sidebar .list .element.active svg{stroke:#fff}.sidebar-separator{border-top:1.5px solid #42434a;margin:10px 0;width:100%}.profile-btn{display:flex;align-items:center;width:100px;height:35px;border-radius:20px;background-color:#333;cursor:pointer;box-shadow:2px 2px 10px #0003;padding:0 10px;margin-left:10px;transition:none;margin-right:-15px}.profile-btn .profile-icon{margin-right:7px;width:20px;display:flex;align-items:center;justify-content:center}.profile-btn .profile-icon svg{width:15px;height:15px}.profile-btn .profile-text{font-family:Roboto Condensed,sans-serif;font-weight:400;color:#fff;font-size:1em;white-space:nowrap}.wallet-btn{display:flex;align-items:center;width:180px;height:35px;border-radius:20px;background-color:#333;cursor:pointer;box-shadow:2px 2px 10px #0003;padding:0 10px;margin-left:10px;position:relative}.wallet-left{display:flex;align-items:center;cursor:pointer;flex:1}.wallet-right{display:flex;align-items:center;justify-content:center;cursor:pointer;width:40px}.wallet-icon{display:flex;align-items:center;justify-content:center;width:20px;margin-right:5px}.wallet-icon svg{width:15px;height:15px}.wallet-text{font-family:Roboto Condensed,sans-serif;font-weight:400;color:#fff;font-size:1em;white-space:nowrap}.wallet-separator{width:1px;height:80%;background-color:#666;margin:0 5px}.wallet-arrow{display:flex;align-items:center;justify-content:center;width:20px}.wallet-arrow svg{width:12px;height:12px;transition:transform .3s ease}.wallet-right.open .wallet-arrow svg{transform:rotate(180deg)}.dropdown{position:absolute;top:100%;left:0;background:#333;border:1px solid #666;padding:15px;width:240px;box-sizing:border-box;z-index:1001;color:#fff;opacity:0;visibility:hidden;transform:translateY(-10px);transition:opacity .3s ease,transform .3s ease,visibility 0s linear .3s;font-size:14px;box-shadow:0 4px 12px #00000040;border-radius:8px}.dropdown.show{opacity:1;visibility:visible;transform:translateY(0);transition:opacity .3s ease,transform .3s ease,visibility 0s linear 0s}.dropdown .wallet-list{margin:0 0 10px;padding:0}.dropdown-item.wallet-select{display:flex;align-items:center;padding:8px 10px;margin-bottom:5px;border-radius:5px;cursor:pointer;transition:background-color .2s ease}.dropdown-item.wallet-select:hover{background-color:#444}.dropdown-item.wallet-select .wallet-icon{margin-right:10px}.dropdown-item.wallet-select span{font-size:14px;font-weight:500}.dropdown-item.wallet-select span:nth-child(2){margin-right:10px;font-weight:700}.dropdown-item.wallet-select span:nth-child(3){margin-left:auto}.dropdown hr{border:none;border-top:1px solid #666;margin:12px 0}.dropdown .settings-section{margin:0;padding:0}.dropdown .currency-select{margin-bottom:10px}.dropdown .currency-select label{font-size:14px;font-weight:500;margin-bottom:5px;display:block;color:#e0e0e0}.dropdown select{width:100%;padding:8px;border-radius:5px;background:#ffffff26;color:#e0e0e0;border:none;font-size:14px;cursor:pointer}.dropdown select:hover{background:#ffffff40}.dropdown .balance-display-toggle{display:flex;align-items:center;margin-bottom:12px}.dropdown .balance-display-toggle .toggle-text{font-size:14px;color:#e0e0e0}.dropdown .wallet-actions{display:flex;justify-content:space-between;gap:8px;margin-top:10px}.dropdown .wallet-actions button{width:48%;padding:8px;background:linear-gradient(90deg,#007bff,#00d4ff);border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:14px;font-weight:500;transition:transform .2s ease,box-shadow .2s ease}.dropdown .wallet-actions button:hover{transform:translateY(-2px);box-shadow:0 4px 10px #007bff66}.logout-btn{display:flex;align-items:center;justify-content:flex-start;width:35px;height:35px;border:none;border-radius:50%;cursor:pointer;position:relative;overflow:hidden;transition-duration:.3s;box-shadow:2px 2px 10px #0003;background-color:#ff4141}.sign{width:100%;transition-duration:.3s;display:flex;align-items:center;justify-content:center}.sign svg{width:15px;height:15px}.text{position:absolute;right:0%;width:0%;opacity:0;color:#fff;font-size:1em;font-weight:600;transition-duration:.3s}.logout-btn:hover{width:100px;border-radius:20px;transition-duration:.3s}.logout-btn:hover .sign{width:30%;transition-duration:.3s;padding-left:10px}.logout-btn:hover .text{opacity:1;width:70%;transition-duration:.3s;padding-right:5px}.logout-btn:active{transform:translate(2px,2px)}.logo{height:50px;position:absolute;left:50%;transform:translate(-50%)}.app-container{display:flex;flex:1;margin-top:70px}.main-content{padding:20px;flex:1;height:calc(100vh - 70px);overflow-y:auto;display:flex;justify-content:center;transition:all .4s cubic-bezier(.4,0,.2,1);margin-left:280px}.app-container:has(.modern-sidebar.collapsed) .main-content{margin-left:80px}.app-container:has(.modern-sidebar.closed) .main-content{margin-left:0}.app-container:has(.modern-sidebar:not(.closed):not(.collapsed)) .main-content{margin-left:280px}.section{margin-bottom:40px}.section-title{font-size:1.5rem;font-weight:600;margin-bottom:5px;color:#e0e0e0;text-align:left;margin-left:15px}.content-wrapper{display:flex;justify-content:center;gap:20px;flex-wrap:wrap;max-width:1220px;width:100%;margin:0 auto}.settings-container{display:flex;gap:20px;flex-wrap:wrap;width:100%;max-width:1220px;margin:0 auto;align-items:stretch}.left-column,.right-column,.settings-column{display:flex;flex-direction:column;max-width:600px;width:100%}.input-section{margin-bottom:20px;position:relative}.input-container{flex:1;background:#ffffff1a;padding:20px;border-radius:15px;box-shadow:0 4px 15px #0003;margin:0}.flex-container{display:flex;gap:15px;align-items:flex-start;flex-wrap:wrap;width:100%}.slippage-group,.gas-speed-group{flex:2;display:flex;flex-direction:column;align-items:stretch}.checkbox-group{flex:1;display:flex;flex-direction:column;align-items:center}.sniping-price-group,.min-liquidity-group{flex:1}.exchange-group,.currency-group,.fiat-amount-group,.crypto-amount-group{flex:1;display:flex;flex-direction:column;align-items:stretch;width:100%}.stop-loss-take-profit-window{margin-top:20px;background:#fff3;border-radius:12px;box-shadow:0 4px 20px #0000004d;padding:0;overflow:hidden}.window-header{background:linear-gradient(90deg,#007bff,#00d4ff);padding:10px 15px;border-bottom:1px solid rgba(255,255,255,.2)}.window-title{font-size:1.3rem;font-weight:600;color:#fff;margin:0}.window-content{padding:15px}.input-group{margin-bottom:20px}label{display:block;font-size:1.1rem;font-weight:500;margin-bottom:5px}input,select{width:100%;padding:12px;border:none;border-radius:8px;background:#fff3;color:#e0e0e0;font-size:1rem;transition:all .3s;height:40px}select{height:44px}input:focus,select:focus{outline:none;background:#ffffff40;box-shadow:0 0 5px #007bff80}small{display:block;font-size:.85rem;color:#b0b0b0;margin-top:5px}.label-tooltip{display:flex;align-items:center;font-size:1.1rem;font-weight:500;margin-bottom:5px}.tooltip{display:flex;justify-content:center;align-items:center;width:16px;height:16px;margin-left:5px;background-color:#666;color:#fff;border-radius:50%;font-size:12px;cursor:help;position:relative}.tooltip .tooltiptext{visibility:hidden;width:200px;background-color:#555;color:#fff;text-align:center;border-radius:6px;padding:5px;position:absolute;z-index:1;bottom:125%;left:50%;margin-left:-100px;opacity:0;transition:opacity .3s}.tooltip:hover .tooltiptext{visibility:visible;opacity:1}.custom-checkbox{display:flex;flex-direction:column;align-items:center;cursor:pointer}.custom-checkbox input{position:absolute;opacity:0;cursor:pointer;height:0;width:0}.custom-checkbox .checkmark{position:relative;display:inline-block;width:20px;height:20px;margin-top:10px;background-color:#fff;border-radius:4px;transition:background-color .3s}.custom-checkbox input:checked~.checkmark{background-color:#28a745}.custom-checkbox .checkmark:after{content:"";position:absolute;display:none}.custom-checkbox input:checked~.checkmark:after{display:block}.custom-checkbox .checkmark:after{left:7px;top:3px;width:5px;height:10px;border:solid white;border-width:0 2px 2px 0;transform:rotate(45deg)}.connect-button{width:100%;padding:14px;background:linear-gradient(90deg,#28a745,#20c997);color:#fff;border:none;border-radius:8px;font-size:1.2rem;cursor:pointer;transition:transform .2s,box-shadow .2s;margin-top:10px}.connect-button:not(.connected):hover{transform:translateY(-2px);box-shadow:0 4px 10px #28a74566}.connect-button.connected{background:#dc3545;box-shadow:0 4px 10px #dc354566}.connect-button.connected:hover{transform:translateY(-2px);box-shadow:0 4px 10px #dc354599}.start-button{width:100%;padding:14px;background:linear-gradient(90deg,#007bff,#00d4ff);color:#fff;border:none;border-radius:8px;font-size:1.2rem;cursor:pointer;transition:transform .2s,box-shadow .2s;margin-top:10px}.start-button:hover{transform:translateY(-2px);box-shadow:0 4px 10px #007bff66}.start-button.stop{background:linear-gradient(90deg,#dc3545,#f44);box-shadow:0 4px 10px #dc354566}.start-button.stop:hover{transform:translateY(-2px);box-shadow:0 4px 10px #dc354599}.start-button.disabled{background:gray;cursor:not-allowed;box-shadow:none}.connection-indicator{display:inline-block;width:12px;height:12px;border-radius:50%}.connection-indicator.disconnected{background-color:#f44}.connection-indicator.connected{background-color:#0c0;animation:pulse 1.5s infinite ease-in-out}@keyframes pulse{0%{transform:scale(1);opacity:1}50%{transform:scale(1.5);opacity:.7}to{transform:scale(1);opacity:1}}.dashboard-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:20px}.dashboard-item{background:#fff3;padding:20px;border-radius:10px;text-align:center}.dashboard-item h3{font-size:1.2rem;margin-bottom:10px}.dashboard-item p{font-size:1.5rem;font-weight:700}.auth-container{max-width:400px;margin:50px auto}.auth-container .section-title{text-align:center;margin-bottom:20px}.wallet-list{margin-top:20px}.wallet-item{display:flex;justify-content:space-between;align-items:center;padding:10px;background:#ffffff1a;border-radius:8px;position:relative;width:100%}.wallet-item p{margin:0;flex-grow:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.wallet-item button{background:none;border:none;cursor:pointer}.modal{position:fixed;top:0;left:0;width:100%;height:100%;background:#0009;display:flex;justify-content:center;align-items:center;z-index:1002}.modal-content{background:#2a2a4a;padding:30px;border-radius:12px;text-align:left;color:#e0e0e0;width:100%;max-width:500px;box-shadow:0 8px 20px #00000080;position:relative}.modal-content h2{margin-bottom:20px;font-size:1.8rem;text-align:center;color:#fff}.modal-section{margin-bottom:20px}.modal-section label{font-size:1.1rem;font-weight:500;margin-bottom:5px;display:block;color:#e0e0e0}.modal-section select,.modal-section input{width:100%;padding:12px;border:none;border-radius:8px;background:#ffffff26;color:#e0e0e0;font-size:1rem;transition:background .3s ease}.modal-section select:hover,.modal-section input:hover{background:#ffffff40}.modal-section select:focus,.modal-section input:focus{outline:none;background:#ffffff40;box-shadow:0 0 5px #007bff80}.wallet-info{display:flex;align-items:center;gap:10px;font-size:1rem;background:#ffffff1a;padding:12px;border-radius:8px;word-break:break-all}.qr-section{display:flex;justify-content:center}.modal-actions{display:flex;justify-content:space-between;gap:10px;margin-top:20px}.modal-actions button{flex:1;padding:12px 20px;background:linear-gradient(90deg,#007bff,#00d4ff);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:1rem;font-weight:500;transition:transform .2s ease,box-shadow .2s ease}.modal-actions button:hover{transform:translateY(-2px);box-shadow:0 4px 10px #007bff66}.modal-actions button:last-child{background:linear-gradient(90deg,#dc3545,#f44)}.modal-actions button:last-child:hover{box-shadow:0 4px 10px #dc354566}.close-btn{position:absolute;top:10px;right:15px;background:transparent;border:none;font-size:24px;color:#fff;cursor:pointer;z-index:1003}.close-btn:hover{color:#b3b3b3}.amount-input select{order:-1}.max-btn{padding:10px 15px;background:linear-gradient(90deg,#28a745,#20c997);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:1rem;font-weight:500;transition:transform .2s ease,box-shadow .2s ease}.max-btn:hover{transform:translateY(-2px);box-shadow:0 4px 10px #28a74566}@media (max-width: 768px){.app-container{flex-direction:column}.left-column,.right-column,.settings-column{max-width:100%}.settings-container{flex-direction:column;max-width:100%}}.left-header{display:flex;align-items:center;gap:20px;margin:0 6.5px}select option{color:#000}.wallet-connection,.wallet-list{flex:1;min-width:300px;max-width:600px;display:flex;flex-direction:column;margin:0;padding:0;align-self:flex-start}.settings-section{width:100%;max-width:1220px;margin:20px auto 0}.switch{position:relative;display:inline-block;width:40px;height:20px;margin-right:10px}.switch input{opacity:0;width:0;height:0}.slider{position:absolute;cursor:pointer;inset:0;background-color:#ccc;transition:.4s;border-radius:20px}.slider:before{position:absolute;content:"";height:16px;width:16px;left:2px;bottom:2px;background-color:#fff;transition:.4s;border-radius:50%}input:checked+.slider{background-color:#2196f3}input:checked+.slider:before{transform:translate(20px)}.modal-content.deposit-modal{position:relative;padding:30px}.qr-section{display:flex;flex-direction:column;align-items:center;gap:15px}.copy-btn{padding:10px 20px;background:linear-gradient(90deg,#007bff,#00d4ff);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:1rem;font-weight:500;transition:transform .2s ease,box-shadow .2s ease}.copy-btn:hover{transform:translateY(-2px);box-shadow:0 4px 10px #007bff66}.amount-input{display:flex;align-items:center;gap:10px}.max-btn{padding:10px 15px;background:#5e5a5a;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:1rem;font-weight:500;transition:transform .2s ease,box-shadow .2s ease}.max-btn:hover{transform:translateY(-2px);box-shadow:0 4px 10px #5e5a5a}.snipe-details{background:#ffffff1a;padding:10px;border-radius:8px;margin-top:10px;width:100%}.snipe-details p{margin:5px 0;white-space:normal;word-wrap:break-word}.wallet-item button{background:none;border:none;cursor:pointer;padding:0;margin:0;width:20px;height:20px}.wallet-item svg{width:20px;height:20px}.input-with-suffix{position:relative;display:inline-flex;align-items:center}.input-with-suffix input{padding-right:40px;width:100%}.currency-suffix{position:absolute;right:10px;pointer-events:none;color:#fff;font-size:1em}.header-container{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px;position:relative}.add-token-button{background-color:#555657;color:#fff;border:none;border-radius:50%;width:20px;height:20px;font-size:15px;cursor:pointer;display:flex;justify-content:center;align-items:center;margin-left:5px;margin-bottom:4px}.add-token-button:hover{background-color:#2d98e0}.token-table{width:100%;border-collapse:collapse}.token-table th,.token-table td{padding:10px;text-align:left}.token-table th{background-color:#2a2a4a;color:#e0e0e0}.token-table tr{border-bottom:1px solid #42434a}.sell-button,.delete-button{background:none;border:none;cursor:pointer;font-size:18px;margin-right:10px}.sell-button{color:#28a745}.sell-button:hover{color:#218838}.delete-button{color:#dc3545}.delete-button:hover{color:#a52834}.modal{position:fixed;inset:0;background:#00000080;display:flex;justify-content:center;align-items:center}.modal-content label{display:block;margin-top:15px;font-weight:700}.fetch-details-button{background-color:#007bff;color:#fff;border:none;padding:8px 15px;border-radius:5px;cursor:pointer;margin-top:15px}.fetch-details-button:hover{background-color:#0056b3}.modal-buttons{display:flex;justify-content:space-between;margin-top:20px}.add-button,.cancel-button{padding:8px 15px;border:none;border-radius:5px;cursor:pointer}.add-button{background-color:#28a745;color:#fff}.add-button:hover{background-color:#218838}.cancel-button{background-color:#dc3545;color:#fff}.cancel-button:hover{background-color:#c82333}.my-tokens-header.header-container{display:flex;align-items:center;gap:10px}.my-tokens-header.header-container{display:flex;align-items:center;justify-content:flex-start;gap:10px;margin:0;padding:0}.transactions-section{width:100%;max-width:1220px;margin:0 auto;padding:20px;background:#252526;border-radius:8px}.transactions-container{display:flex;width:100%;gap:20px}.menu-panel{flex:1;min-width:200px;background:#ffffff1a;padding:20px;border-radius:8px;height:fit-content}.transaction-menu{list-style:none;padding:0;margin:0}.transaction-menu li{margin-bottom:10px}.transaction-menu button{width:100%;padding:12px;background:#333;color:#e0e0e0;border:none;border-radius:6px;cursor:pointer;text-align:left;font-size:1rem;font-weight:500;transition:background .3s ease,color .3s ease}.transaction-menu button:hover{background:#666;color:#fff}.transaction-menu button.active{background:#007bff;color:#fff}.table-panel{flex:3;background:#ffffff1a;padding:20px;border-radius:8px;max-height:600px;overflow-y:auto}.transaction-table{width:100%;border-collapse:collapse;color:#e0e0e0}.transaction-table td{padding:10px}.transaction-row:hover{background:#ffffff0d}.transaction-details{display:flex;flex-direction:column}.transaction-left{display:flex;flex-direction:column;gap:5px}.transaction-status{font-weight:600}.transaction-date{font-size:.9rem;color:#7e8590}.transaction-amount-cell{text-align:right}.transaction-right{display:flex;flex-direction:row;align-items:center;gap:10px;justify-content:flex-end}.fiat-amount{font-weight:500}.explorer-link{color:#7e8590;text-decoration:none}.explorer-link:hover{color:#00d4ff}.left-column-transactions{width:250px;margin-top:32px}.transaction-table tr{border-bottom:1.5px solid #42434a}.transaction-table tr:last-child{border-bottom:none}.transaction-menu li:last-child{margin-bottom:0}.dashboard-container{display:grid;grid-template-columns:1fr 1fr;gap:20px}.metrics-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:10px;grid-column:span 2}.metric-item{background-color:#f0f0f0;padding:10px;border-radius:5px;text-align:center}.profit-graph{grid-column:span 2;background-color:#fff;padding:20px;border-radius:5px;box-shadow:0 2px 5px #0000001a}.active-snipes{grid-column:span 2}.snipes-table{width:100%;border-collapse:collapse}.snipes-table th,.snipes-table td{padding:10px;border:1px solid #ddd;text-align:left}.snipes-table th{background-color:#f2f2f2}.notifications{grid-column:span 2}.input-with-unit{position:relative;display:flex;align-items:center}.input-with-unit input{padding-right:25px}.input-with-unit .unit{position:absolute;right:10px;font-size:1rem;color:#e0e0e0}.auth-page{margin:0;padding:0;overflow:hidden;background:#0a0b0d}.auth-wrapper{position:fixed;inset:0;width:100vw;height:100vh;display:flex;align-items:center;justify-content:center;background:#0a0b0d;overflow:hidden}.auth-bg{position:absolute;inset:0;z-index:0;overflow:hidden}.auth-bg-gradient{position:absolute;width:150%;height:150%;top:-25%;left:-25%;background:radial-gradient(circle at 30% 50%,rgba(102,126,234,.15) 0%,transparent 50%),radial-gradient(circle at 70% 50%,rgba(118,75,162,.15) 0%,transparent 50%),radial-gradient(circle at 50% 50%,rgba(102,126,234,.1) 0%,transparent 70%);animation:gradientRotate 30s ease infinite}@keyframes gradientRotate{0%,to{transform:rotate(0) scale(1)}50%{transform:rotate(180deg) scale(1.2)}}.auth-bg-pattern{position:absolute;width:100%;height:100%;background-image:linear-gradient(rgba(102,126,234,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(102,126,234,.03) 1px,transparent 1px);background-size:50px 50px;animation:patternMove 60s linear infinite}@keyframes patternMove{0%{transform:translate(0)}to{transform:translate(50px,50px)}}.floating-elements{position:absolute;width:100%;height:100%}.float-element{position:absolute;border-radius:50%;background:linear-gradient(135deg,#667eea1a,#764ba21a);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);animation:float 20s ease-in-out infinite}.float-1{width:400px;height:400px;top:-200px;left:-200px;animation-duration:25s}.float-2{width:300px;height:300px;top:50%;right:-150px;animation-duration:20s;animation-delay:-5s}.float-3{width:200px;height:200px;bottom:-100px;left:25%;animation-duration:30s;animation-delay:-10s}.float-4{width:150px;height:150px;top:20%;left:60%;animation-duration:22s;animation-delay:-15s}.float-5{width:250px;height:250px;bottom:10%;right:20%;animation-duration:28s;animation-delay:-7s}.float-6{width:180px;height:180px;top:40%;left:10%;animation-duration:24s;animation-delay:-12s}@keyframes float{0%,to{transform:translate(0) rotate(0) scale(1);opacity:.5}25%{transform:translate(30px,-30px) rotate(90deg) scale(1.1);opacity:.6}50%{transform:translate(-20px,20px) rotate(180deg) scale(.9);opacity:.4}75%{transform:translate(-30px,-10px) rotate(270deg) scale(1.05);opacity:.55}}.auth-main-container{position:relative;z-index:10;width:100%;max-width:1400px;height:90vh;max-height:900px;display:flex;gap:0;background:#101217f2;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.1);border-radius:24px;overflow:hidden;box-shadow:0 25px 100px #00000080,0 0 200px #667eea1a;animation:slideUp .8s ease}@keyframes slideUp{0%{opacity:0;transform:translateY(40px)}to{opacity:1;transform:translateY(0)}}.auth-info-section{flex:1.2;padding:60px;background:linear-gradient(135deg,#667eea0d,#764ba20d);border-right:1px solid rgba(255,255,255,.05);display:flex;flex-direction:column;justify-content:center;position:relative;overflow:hidden}.auth-info-section:before{content:"";position:absolute;inset:0;background:url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%23667eea' fill-opacity='0.02'%3E%3Cpath d='M36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0-30V0h-2v4h-4v2h4v4h2V6h4V4h-4zM6 34v-4H4v4H0v2h4v4h2v-4h4v-2H6zM6 4V0H4v4H0v2h4v4h2V6h4V4H6z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");opacity:.5}.auth-brand{text-align:center;margin-bottom:50px;position:relative;z-index:1}.auth-logo{width:80px;height:80px;margin:0 auto 20px;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:20px;display:flex;align-items:center;justify-content:center;box-shadow:0 10px 30px #667eea4d;animation:logoFloat 3s ease-in-out infinite}@keyframes logoFloat{0%,to{transform:translateY(0) rotate(0)}50%{transform:translateY(-10px) rotate(5deg)}}.auth-logo svg{color:#fff}.auth-title{font-size:42px;font-weight:800;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin:0 0 10px;letter-spacing:-.5px}.auth-tagline{font-size:18px;color:#fff9;margin:0}.auth-features-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px;margin-bottom:40px;position:relative;z-index:1}.auth-feature-card{padding:25px;background:#ffffff08;border:1px solid rgba(255,255,255,.08);border-radius:16px;transition:all .3s ease;position:relative;overflow:hidden}.auth-feature-card:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,rgba(102,126,234,.1),transparent);opacity:0;transition:opacity .3s ease}.auth-feature-card:hover{transform:translateY(-5px);border-color:#667eea4d;box-shadow:0 10px 30px #667eea33}.auth-feature-card:hover:before{opacity:1}.feature-icon-wrapper{width:48px;height:48px;background:#667eea1a;border:1px solid rgba(102,126,234,.2);border-radius:12px;display:flex;align-items:center;justify-content:center;margin-bottom:15px;transition:all .3s ease}.auth-feature-card:hover .feature-icon-wrapper{background:#667eea33;border-color:#667eea66;transform:scale(1.1)}.feature-icon-wrapper svg{color:#667eea}.auth-feature-card h3{font-size:18px;font-weight:700;color:#fff;margin:0 0 8px}.auth-feature-card p{font-size:14px;color:#ffffff80;margin:0;line-height:1.5}.auth-stats{display:flex;justify-content:space-around;padding:30px;background:#ffffff08;border-radius:16px;border:1px solid rgba(255,255,255,.08);position:relative;z-index:1}.stat-item{text-align:center}.stat-value{font-size:32px;font-weight:800;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:5px}.stat-label{font-size:14px;color:#ffffff80;text-transform:uppercase;letter-spacing:.5px}.auth-form-section{flex:1;display:flex;align-items:center;justify-content:center;padding:60px;background:#0a0b0d80}.auth-form-container{width:100%;max-width:450px;animation:fadeIn .8s ease .3s both}@keyframes fadeIn{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}.auth-form-header{text-align:center;margin-bottom:35px}.auth-form-header h2{font-size:32px;font-weight:700;color:#fff;margin:0 0 10px}.auth-form-header p{font-size:16px;color:#fff9;margin:0}.auth-tab-switcher{position:relative;display:flex;background:#ffffff0d;border-radius:12px;padding:4px;margin-bottom:30px}.tab-btn{flex:1;padding:14px;background:transparent;border:none;color:#fff9;font-size:15px;font-weight:600;cursor:pointer;transition:all .3s ease;position:relative;z-index:2}.tab-btn:hover{color:#fffc}.tab-btn.active{color:#fff!important;text-shadow:0 2px 4px rgba(0,0,0,.3);font-weight:700}.tab-indicator{position:absolute;top:4px;left:4px;width:calc(50% - 4px);height:calc(100% - 8px);background:linear-gradient(135deg,#5a6fd8,#6b4199);border-radius:8px;transition:transform .3s ease;z-index:1;box-shadow:0 2px 8px #667eea4d}.tab-indicator.right{transform:translate(100%)}.auth-form{display:flex;flex-direction:column;gap:20px}.form-field{display:flex;flex-direction:column;gap:10px}.form-field label{display:flex;align-items:center;gap:8px;color:#fffc;font-size:14px;font-weight:500}.form-field label svg{color:#667eeacc}.form-field input{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:16px;color:#fff;font-size:15px;transition:all .3s ease;outline:none}.form-field input::placeholder{color:#ffffff4d}.form-field input:focus{background:#ffffff14;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.form-field input:disabled{opacity:.5;cursor:not-allowed}.password-input-wrapper{position:relative}.password-input-wrapper input{padding-right:50px}.password-toggle{position:absolute;right:16px;top:50%;transform:translateY(-50%);background:none;border:none;color:#ffffff80;cursor:pointer;padding:4px;display:flex;align-items:center;justify-content:center;transition:color .3s ease}.password-toggle:hover{color:#fffc}.form-options{display:flex;justify-content:flex-end}.forgot-link{background:none;border:none;color:#667eea;font-size:14px;cursor:pointer;transition:color .3s ease;padding:0}.forgot-link:hover{color:#764ba2;text-decoration:underline}.auth-submit-btn{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:12px;padding:18px;color:#fff;font-size:16px;font-weight:600;cursor:pointer;transition:all .3s ease;position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center;gap:8px;text-shadow:0 1px 2px rgba(0,0,0,.2)}.auth-submit-btn:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,#764ba2,#667eea);opacity:0;transition:opacity .3s ease}.auth-submit-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 10px 30px #667eea66}.auth-submit-btn:hover:not(:disabled):before{opacity:1}.auth-submit-btn:active:not(:disabled){transform:translateY(0)}.auth-submit-btn:disabled{opacity:.7;cursor:not-allowed}.auth-submit-btn svg{position:relative;z-index:1;color:#fff}.btn-loader{width:20px;height:20px;border:3px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin .8s linear infinite}.auth-divider{position:relative;text-align:center;margin:10px 0}.auth-divider:before{content:"";position:absolute;top:50%;left:0;right:0;height:1px;background:#ffffff1a}.auth-divider span{position:relative;background:#0a0b0d80;padding:0 20px;color:#ffffff80;font-size:14px}.google-signin-btn{display:flex;align-items:center;justify-content:center;gap:12px;background:#fff;border:none;border-radius:12px;padding:16px;color:#3c4043;font-size:15px;font-weight:500;cursor:pointer;transition:all .3s ease}.google-signin-btn:hover:not(:disabled){background:#f8f9fa;box-shadow:0 4px 20px #0000001a;transform:translateY(-2px)}.google-signin-btn:disabled{opacity:.7;cursor:not-allowed}.google-icon{width:20px;height:20px}.message{display:flex;align-items:center;gap:10px;padding:14px 16px;border-radius:12px;font-size:14px;animation:slideIn .3s ease}@keyframes slideIn{0%{opacity:0;transform:translate(-10px)}to{opacity:1;transform:translate(0)}}.message-error{background:#ef44441a;border:1px solid rgba(239,68,68,.2);color:#ef4444}.message-success{background:#22c55e1a;border:1px solid rgba(34,197,94,.2);color:#22c55e}.message svg{flex-shrink:0}.auth-footer{text-align:center;margin-top:25px;padding-top:25px;border-top:1px solid rgba(255,255,255,.1)}.auth-footer p{color:#fff9;font-size:14px;margin:0}.auth-link-btn{background:none;border:none;color:#667eea;font-size:14px;font-weight:600;cursor:pointer;transition:color .3s ease;padding:0;margin-left:4px}.auth-link-btn:hover{color:#764ba2;text-decoration:underline}@media (max-width: 1200px){.auth-main-container{max-width:95%;margin:20px}.auth-info-section,.auth-form-section{padding:40px}}@media (max-width: 968px){.auth-main-container{flex-direction:column;height:auto;max-height:none}.auth-info-section{border-right:none;border-bottom:1px solid rgba(255,255,255,.05);padding:40px 30px}.auth-features-grid{grid-template-columns:1fr;gap:15px}.auth-stats{margin-top:30px}.auth-form-section{padding:40px 30px}}@media (max-width: 640px){.auth-main-container{border-radius:20px;margin:10px}.auth-title{font-size:32px}.auth-tagline{font-size:16px}.auth-info-section,.auth-form-section{padding:30px 20px}.auth-form-header h2{font-size:26px}.stat-value{font-size:24px}.float-1,.float-2,.float-3,.float-4,.float-5,.float-6{display:none}}.modern-header{position:fixed;top:0;left:0;right:0;height:70px;background:#1a1b30d9;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-bottom:1px solid rgba(102,126,234,.1);box-shadow:0 8px 32px #0003;z-index:1000;display:flex;align-items:center;justify-content:space-between;padding:0 30px;transition:all .3s cubic-bezier(.4,0,.2,1)}.modern-header.scrolled{height:60px;background:#1a1b30f2;box-shadow:0 12px 40px #0000004d}.header-left{display:flex;align-items:center;gap:20px}.modern-hamburger{position:relative;width:30px;height:30px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s ease}.modern-hamburger:hover{transform:scale(1.05)}.hamburger-input{display:none}.hamburger-lines{position:relative;width:24px;height:20px;display:flex;flex-direction:column;justify-content:space-between}.hamburger-line{width:100%;height:2px;background:linear-gradient(90deg,#667eea,#764ba2);border-radius:2px;transition:all .4s cubic-bezier(.68,-.55,.265,1.55);box-shadow:0 0 10px #667eea4d}.hamburger-line:nth-child(2){width:80%;align-self:flex-end}.hamburger-input:checked~.hamburger-lines .hamburger-line:nth-child(1){transform:rotate(45deg) translate(6px,6px);background:linear-gradient(90deg,#f093fb,#f5576c)}.hamburger-input:checked~.hamburger-lines .hamburger-line:nth-child(2){opacity:0;transform:translate(20px)}.hamburger-input:checked~.hamburger-lines .hamburger-line:nth-child(3){transform:rotate(-45deg) translate(6px,-6px);background:linear-gradient(90deg,#f093fb,#f5576c)}.header-logo{display:flex;align-items:center;gap:12px;cursor:pointer;transition:all .3s ease}.header-logo:hover{transform:translate(5px)}.logo-image{width:40px;height:40px;object-fit:contain;filter:drop-shadow(0 4px 15px rgba(102,126,234,.4));animation:logoPulse 3s ease-in-out infinite}@keyframes logoPulse{0%,to{transform:scale(1);filter:drop-shadow(0 4px 15px rgba(102,126,234,.4))}50%{transform:scale(1.05);filter:drop-shadow(0 6px 25px rgba(102,126,234,.6))}}.logo-text{font-size:1.5rem;font-weight:700;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;letter-spacing:-.5px}.header-center{flex:1;display:flex;justify-content:center;align-items:center}.status-bar{display:flex;align-items:center;gap:25px;padding:10px 25px;background:linear-gradient(135deg,#667eea0d,#764ba20d);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:50px;border:1px solid rgba(102,126,234,.15);box-shadow:0 4px 24px #667eea1a,inset 0 1px #ffffff0d}.status-item{display:flex;align-items:center;gap:10px;padding:8px 14px;background:linear-gradient(135deg,#ffffff08,#ffffff03);border-radius:25px;border:1px solid rgba(255,255,255,.05);transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.status-item:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.1),transparent);transform:translate(-100%);transition:transform .6s}.status-item:hover:before{transform:translate(100%)}.status-item:hover{background:linear-gradient(135deg,#667eea26,#667eea0d);transform:translateY(-2px) scale(1.02);box-shadow:0 6px 20px #667eea33}.status-icon{width:20px;height:20px;display:flex;align-items:center;justify-content:center;color:#ffffffb3;transition:all .3s ease}.status-icon svg{width:100%;height:100%}.status-icon.profit{color:#51cf66}.status-icon.loss{color:#ff6b6b}.pulse-animation .status-icon{animation:iconPulse 2s ease-in-out infinite}@keyframes iconPulse{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.1);opacity:.8}}.pulse-animation .status-value.highlight{color:#ffd93d;font-weight:600;text-shadow:0 0 10px rgba(255,217,61,.5);animation:glow 2s ease-in-out infinite}@keyframes glow{0%,to{text-shadow:0 0 10px rgba(255,217,61,.5)}50%{text-shadow:0 0 20px rgba(255,217,61,.8)}}.status-label{font-size:11px;color:#ffffff80;text-transform:uppercase;letter-spacing:.5px;font-weight:500}.status-value{font-size:14px;color:#ffffffe6;font-weight:500;display:flex;align-items:center;gap:6px}.status-value.profit{color:#51cf66}.status-value.loss{color:#ff6b6b}.status-item.bot-status{background:linear-gradient(135deg,#51cf6614,#51cf6605);border:1px solid rgba(81,207,102,.2)}.status-dot{width:8px;height:8px;border-radius:50%;position:relative}.status-dot.online{background:#51cf66;animation:statusPulse 2s ease-in-out infinite}.status-dot.offline{background:#ff6b6b}.status-dot.connecting{background:#ffd93d;animation:statusBlink 1s ease-in-out infinite}.status-dot.overloaded{background:#ff9f43;animation:statusBlink .5s ease-in-out infinite}@keyframes statusPulse{0%,to{box-shadow:0 0 #51cf66b3}50%{box-shadow:0 0 0 6px #51cf6600}}@keyframes statusBlink{0%,to{opacity:1}50%{opacity:.3}}.status-value.status-text{font-weight:600;text-transform:uppercase;font-size:12px;letter-spacing:.5px}.status-dot.online+.status-label+.status-value.status-text{color:#51cf66}.status-dot.offline+.status-label+.status-value.status-text{color:#ff6b6b}.status-dot.connecting+.status-label+.status-value.status-text{color:#ffd93d}.status-dot.overloaded+.status-label+.status-value.status-text{color:#ff9f43}.gas-indicator{padding:3px 8px;border-radius:12px;font-size:12px;font-weight:600;transition:all .3s ease}.gas-indicator.low{background:#51cf6626;color:#51cf66;border:1px solid rgba(81,207,102,.3)}.gas-indicator.medium{background:#ffd93d26;color:#ffd93d;border:1px solid rgba(255,217,61,.3)}.gas-indicator.high{background:#ff6b6b26;color:#ff6b6b;border:1px solid rgba(255,107,107,.3)}@media (max-width: 1200px){.status-bar{gap:15px;padding:8px 15px}.status-item{padding:6px 10px}.win-rate-bar{width:40px}}.header-right{display:flex;align-items:center;gap:15px}.wallet-balance-container{display:flex;align-items:center}.wallet-balance-button{display:flex;align-items:center;gap:12px;padding:8px 12px;background:#ffffff0d;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:16px;border:1px solid rgba(255,255,255,.1);transition:all .3s ease;position:relative;overflow:hidden;min-width:280px}.wallet-balance-button:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(102,126,234,.1),transparent);transition:left .6s ease}.wallet-balance-button:hover:before{left:100%}.wallet-balance-button:hover{background:#667eea1a;border-color:#667eea4d;transform:translateY(-2px);box-shadow:0 8px 20px #667eea33}.wallet-icon-container{width:36px;height:36px;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:10px;display:flex;align-items:center;justify-content:center;color:#fff;box-shadow:0 4px 12px #667eea4d}.wallet-balance-info{flex:1;display:flex;flex-direction:column;gap:2px}.balance-label{display:flex;align-items:center;gap:8px;font-size:11px;color:#fff9;text-transform:uppercase;letter-spacing:.5px}.balance-change{display:flex;align-items:center;gap:2px;font-size:10px;padding:2px 6px;border-radius:8px;font-weight:600}.balance-change.positive{background:#51cf661a;color:#51cf66}.balance-change.negative{background:#ff6b6b1a;color:#ff6b6b}.balance-value{font-size:16px;font-weight:700;color:#fff;letter-spacing:-.5px}.balance-actions{display:flex;gap:6px}.balance-action-btn{width:28px;height:28px;border-radius:8px;border:none;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease;color:#fff}.balance-action-btn.deposit{background:linear-gradient(135deg,#51cf66,#3db856)}.balance-action-btn.deposit:hover{transform:scale(1.1);box-shadow:0 4px 12px #51cf6666}.balance-action-btn.withdraw{background:linear-gradient(135deg,#ff6b6b,#ff5252)}.balance-action-btn.withdraw:hover{transform:scale(1.1);box-shadow:0 4px 12px #ff6b6b66}.notification-bell{position:relative;width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:#ffffff0d;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:12px;border:1px solid rgba(255,255,255,.1);cursor:pointer;transition:all .3s ease}.notification-bell:hover{background:#667eea1a;transform:translateY(-2px);border-color:#667eea4d}.notification-bell svg{width:20px;height:20px;color:#fffc;transition:all .3s ease}.notification-bell:hover svg{color:#667eea;animation:bellRing .5s ease-in-out}@keyframes bellRing{0%,to{transform:rotate(0)}25%{transform:rotate(-15deg)}75%{transform:rotate(15deg)}}.notification-badge{position:absolute;top:-4px;right:-4px;width:18px;height:18px;background:linear-gradient(135deg,#f093fb,#f5576c);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:10px;color:#fff;font-weight:700;animation:badgePulse 2s ease-in-out infinite}@keyframes badgePulse{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.modern-profile-btn{display:flex;align-items:center;gap:10px;padding:8px 16px;background:#ffffff0d;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:25px;border:1px solid rgba(255,255,255,.1);cursor:pointer;transition:all .3s ease;position:relative;overflow:hidden}.modern-profile-btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.1),transparent);transition:left .5s ease}.modern-profile-btn:hover:before{left:100%}.modern-profile-btn:hover{background:#667eea1a;transform:translateY(-2px);border-color:#667eea4d}.profile-avatar{width:32px;height:32px;border-radius:50%;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:700;color:#fff;position:relative}.profile-avatar img{width:100%;height:100%;border-radius:50%;object-fit:cover}.profile-avatar .active-indicator{position:absolute;bottom:0;right:0;width:10px;height:10px;background:#51cf66;border:2px solid #0a0b0d;border-radius:50%;animation:pulse 2s ease-in-out infinite;z-index:2}.profile-info{display:flex;flex-direction:column;align-items:flex-start}.profile-name{font-size:14px;font-weight:600;color:#fff;line-height:1.2}.profile-status{font-size:11px;color:#ffffff80;display:flex;align-items:center;gap:4px}.profile-status .status-indicator{width:6px;height:6px;border-radius:50%;background:#51cf66;animation:statusPulse 2s ease-in-out infinite}.profile-dropdown-icon{width:16px;height:16px;color:#fff9;transition:transform .3s ease}.modern-profile-btn:hover .profile-dropdown-icon{transform:rotate(180deg)}.wallet-balance-container{position:relative}.wallet-dropdown-arrow{transition:all .3s cubic-bezier(.4,0,.2,1);color:#fff9}.wallet-balance-button:hover .wallet-dropdown-arrow{color:#ffffffe6}.wallet-dropdown-arrow.open{transform:rotate(180deg);color:#667eea}.wallet-dropdown-menu{position:absolute;top:calc(100% + 10px);right:0;width:320px;background:#1a1b30fa;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-radius:16px;border:1px solid rgba(102,126,234,.2);box-shadow:0 10px 40px #0000004d;z-index:1001;overflow:hidden;opacity:0;visibility:hidden;transform:translateY(-10px) scale(.95);transition:all .3s cubic-bezier(.4,0,.2,1);pointer-events:none}.wallet-dropdown-menu.show{opacity:1;visibility:visible;transform:translateY(0) scale(1);pointer-events:auto}@keyframes dropdownSlide{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.dropdown-section{padding:12px}.dropdown-section-title{font-size:11px;font-weight:600;color:#ffffff80;text-transform:uppercase;letter-spacing:.5px;margin-bottom:10px}.dropdown-divider{height:1px;background:#ffffff1a;margin:0}.wallet-item{display:flex;align-items:center;gap:12px;padding:10px;border-radius:10px;cursor:pointer;transition:all .2s ease;position:relative}.wallet-item:hover{background:#667eea1a;transform:translate(5px)}.wallet-item.active{background:#667eea26;border:1px solid rgba(102,126,234,.3)}.wallet-item-icon{width:32px;height:32px;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:8px;display:flex;align-items:center;justify-content:center;color:#fff;font-size:16px}.wallet-item-icon svg{width:18px;height:18px}.network-icon{font-size:18px}.wallet-item-info{flex:1;display:flex;flex-direction:column;gap:2px}.wallet-item-name{font-size:14px;font-weight:600;color:#fff}.wallet-item-balance{font-size:12px;color:#fff9}.wallet-item-check{color:#51cf66}.currency-select{width:100%;padding:10px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:10px;color:#fff;font-size:14px;cursor:pointer;transition:all .3s ease}.currency-select:hover{background:#667eea1a;border-color:#667eea4d}.currency-select:focus{outline:none;border-color:#667eea80;box-shadow:0 0 0 3px #667eea1a}.currency-select option{background:#1a1b30;color:#fff}.balance-toggle{display:flex;align-items:center;gap:12px;cursor:pointer;padding:8px;border-radius:8px;transition:background .2s ease}.balance-toggle:hover{background:#ffffff0d}.balance-toggle input[type=checkbox]{display:none}.balance-toggle .toggle-slider{position:relative;width:44px;height:24px;background:#ffffff1a;border-radius:12px;transition:all .3s ease}.balance-toggle .toggle-slider:after{content:"";position:absolute;top:3px;left:3px;width:18px;height:18px;background:#fff;border-radius:50%;transition:all .3s ease}.balance-toggle input:checked+.toggle-slider{background:linear-gradient(135deg,#667eea,#764ba2)}.balance-toggle input:checked+.toggle-slider:after{transform:translate(20px)}.toggle-label{font-size:13px;color:#fffc}.dropdown-actions{display:flex;gap:8px;padding:12px}.dropdown-action-btn{flex:1;display:flex;align-items:center;justify-content:center;gap:6px;padding:10px;border-radius:10px;border:none;font-size:13px;font-weight:600;color:#fff;cursor:pointer;transition:all .2s ease}.dropdown-action-btn.deposit{background:linear-gradient(135deg,#51cf66,#3db856)}.dropdown-action-btn.deposit:hover{transform:translateY(-2px);box-shadow:0 6px 20px #51cf6666}.dropdown-action-btn.withdraw{background:linear-gradient(135deg,#ff6b6b,#ff5252)}.dropdown-action-btn.withdraw:hover{transform:translateY(-2px);box-shadow:0 6px 20px #ff6b6b66}.profile-dropdown-container{position:relative}.profile-dropdown-menu{position:absolute;top:calc(100% + 10px);right:0;width:280px;background:#101217fa;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.1);border-radius:16px;box-shadow:0 20px 40px #00000080,0 0 60px #667eea1a;opacity:0;visibility:hidden;transform:translateY(-10px);transition:all .3s ease;z-index:1000;overflow:hidden}.profile-dropdown-menu.show{opacity:1;visibility:visible;transform:translateY(0)}.dropdown-user-info{padding:20px;display:flex;align-items:center;gap:12px;background:#667eea0d;border-bottom:1px solid rgba(255,255,255,.05)}.dropdown-avatar{width:48px;height:48px;border-radius:50%;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;align-items:center;justify-content:center;font-size:18px;font-weight:700;color:#fff;flex-shrink:0}.dropdown-user-details{flex:1;min-width:0}.dropdown-username{font-size:16px;font-weight:600;color:#fff;margin-bottom:4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dropdown-email{font-size:13px;color:#ffffff80;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dropdown-menu-items{padding:8px}.dropdown-menu-item{width:100%;display:flex;align-items:center;gap:12px;padding:12px 16px;background:transparent;border:none;border-radius:10px;color:#ffffffe6;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease;text-align:left}.dropdown-menu-item:hover{background:#667eea1a;color:#fff;transform:translate(4px)}.dropdown-menu-item svg{flex-shrink:0;color:#fff9;transition:color .2s ease}.dropdown-menu-item:hover svg{color:#667eea}.dropdown-menu-item.logout{color:#ff6b6be6}.dropdown-menu-item.logout:hover{background:#ff6b6b1a;color:#ff6b6b}.dropdown-menu-item.logout svg{color:#ff6b6bb3}.dropdown-menu-item.logout:hover svg{color:#ff6b6b}.profile-dropdown-icon.open{transform:rotate(180deg)}@media (max-width: 768px){.modern-header{padding:0 15px}.header-center,.logo-text{display:none}.wallet-dropdown-menu{width:280px}.profile-dropdown-menu{width:260px;right:-10px}}.modal-modern-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#0a0a14d9;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);display:flex;justify-content:center;align-items:center;z-index:10000;animation:fadeIn .3s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.modal-modern-content{background:linear-gradient(135deg,#1e1e32f2,#282846f2);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.1);border-radius:20px;padding:32px;width:90%;max-width:500px;box-shadow:0 20px 60px #00000080,0 0 100px #667eea1a,inset 0 0 20px #ffffff0d;position:relative;animation:slideUp .3s ease}@keyframes slideUp{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.modal-modern-close{position:absolute;top:20px;right:20px;background:#ffffff1a;border:1px solid rgba(255,255,255,.2);border-radius:50%;width:36px;height:36px;display:flex;align-items:center;justify-content:center;cursor:pointer;color:#ffffffb3;transition:all .3s ease}.modal-modern-close:hover{background:#fff3;color:#fff;transform:rotate(90deg)}.modal-modern-header{display:flex;align-items:center;gap:16px;margin-bottom:32px}.modal-modern-icon{color:#667eea;filter:drop-shadow(0 0 20px rgba(102,126,234,.5))}.modal-modern-header h2{font-size:28px;font-weight:700;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;margin:0}.modal-modern-body{display:flex;flex-direction:column;gap:24px}.modal-modern-section{display:flex;flex-direction:column;gap:12px}.modal-modern-label{font-size:14px;font-weight:600;color:#ffffffe6;text-transform:uppercase;letter-spacing:.5px}.modal-modern-network-select{position:relative;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:12px;cursor:pointer;transition:all .3s ease}.modal-modern-network-select:hover{background:#ffffff14;border-color:#667eea4d}.network-select-current{display:flex;align-items:center;gap:12px;padding:14px 16px;color:#ffffffe6}.network-name{flex:1;font-size:15px;font-weight:500}.network-dropdown-arrow{color:#ffffff80;transition:transform .3s cubic-bezier(.4,0,.2,1)}.network-dropdown-arrow.open{transform:rotate(180deg);color:#667eea}.network-dropdown-menu{position:absolute;top:calc(100% + 8px);left:0;right:0;background:linear-gradient(135deg,#1e1e32fa,#282846fa);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.1);border-radius:12px;overflow:hidden;box-shadow:0 10px 40px #00000080;z-index:1000;animation:dropdownOpen .3s ease}@keyframes dropdownOpen{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.network-dropdown-item{display:flex;align-items:center;gap:12px;padding:14px 16px;color:#fffc;transition:all .2s ease;cursor:pointer}.network-dropdown-item:hover{background:#667eea1a;color:#fff}.network-dropdown-item.active{background:#667eea26;color:#667eea}.network-check{margin-left:auto;color:#667eea;font-weight:700}.modal-modern-address-box{display:flex;align-items:center;gap:12px;background:#0000004d;border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:14px 16px;position:relative}.address-text{flex:1;font-family:Monaco,Courier New,monospace;font-size:13px;color:#ffffffe6;word-break:break-all;line-height:1.4}.copy-address-btn{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:8px;padding:8px 12px;color:#fff;cursor:pointer;display:flex;align-items:center;gap:6px;transition:all .3s ease;position:relative}.copy-address-btn:hover{transform:translateY(-2px);box-shadow:0 5px 20px #667eea66}.copy-tooltip{position:absolute;top:-30px;right:0;background:#000c;color:#fff;padding:4px 8px;border-radius:4px;font-size:12px;white-space:nowrap;opacity:0;pointer-events:none;transition:opacity .3s ease}.copy-address-btn:hover .copy-tooltip{opacity:1}.qr-section-modern{align-items:center}.qr-container{display:flex;flex-direction:column;align-items:center;gap:16px;width:100%}.qr-code-wrapper{background:#fff;padding:20px;border-radius:16px;box-shadow:0 10px 40px #0000004d,inset 0 0 20px #0000000d}.qr-hint{font-size:13px;color:#fff9;text-align:center;margin:0}.modal-modern-info{display:flex;align-items:flex-start;gap:12px;background:#667eea1a;border:1px solid rgba(102,126,234,.2);border-radius:12px;padding:16px;margin-top:8px}.info-icon{font-size:18px;flex-shrink:0}.modal-modern-info p{margin:0;font-size:14px;color:#fffc;line-height:1.5}.modal-modern-empty{text-align:center;padding:40px 0}.modal-modern-empty p{color:#ffffffb3;font-size:16px;margin:8px 0}.modal-modern-empty p:first-child{font-weight:600;color:#ffffffe6}.withdraw-modal-modern .modal-modern-body{gap:20px}.network-icon-wrapper{display:flex;align-items:center;justify-content:center;width:28px;height:28px}.network-icon-wrapper svg{display:block}.modal-modern-balance-section{display:flex;flex-direction:column;gap:12px}.balance-display{background:linear-gradient(135deg,#667eea1a,#764ba21a);border:1px solid rgba(102,126,234,.2);border-radius:12px;padding:16px;display:flex;flex-direction:column;gap:6px}.balance-crypto{font-size:18px;font-weight:600;color:#fff}.balance-fiat{font-size:14px;color:#fff9}.modal-modern-input-wrapper{position:relative;transition:all .3s ease}.modal-modern-input-wrapper.flex-1{flex:1}.modal-modern-input{width:100%;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:13px 16px;height:48px;color:#ffffffe6;font-size:15px;transition:all .3s ease}.modal-modern-input::placeholder{color:#ffffff4d}.modal-modern-input:hover{background:#ffffff14;border-color:#667eea4d}.modal-modern-input:focus{outline:none;background:#ffffff14;border-color:#667eea80;box-shadow:0 0 0 3px #667eea1a}.modal-modern-input.with-suffix{padding-right:60px}.input-suffix{position:absolute;right:16px;top:50%;transform:translateY(-50%);color:#ffffff80;font-size:14px;font-weight:600;pointer-events:none}.modal-modern-input-wrapper.error .modal-modern-input{border-color:#ef444480;background:#ef44440d}.input-error{display:flex;align-items:center;gap:6px;margin-top:8px;color:#ef4444;font-size:13px}.amount-input-modern{display:flex;align-items:flex-start;gap:12px}.amount-type-select{position:relative;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:13px 16px;min-width:100px;height:48px;cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:8px;color:#ffffffe6;font-size:15px;transition:all .3s ease}.amount-type-select:hover{background:#ffffff14;border-color:#667eea4d}.amount-type-dropdown{position:absolute;top:calc(100% + 8px);left:0;right:0;background:linear-gradient(135deg,#1e1e32fa,#282846fa);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.1);border-radius:8px;overflow:hidden;box-shadow:0 10px 40px #00000080;z-index:1000}.amount-type-option{padding:12px 16px;color:#fffc;transition:all .2s ease;cursor:pointer}.amount-type-option:hover{background:#667eea1a;color:#fff}.amount-type-option.active{background:#667eea26;color:#667eea}.max-button-modern{background:linear-gradient(135deg,#10b981,#059669);border:none;border-radius:12px;padding:13px 20px;height:48px;color:#fff;font-weight:600;font-size:14px;cursor:pointer;transition:all .3s ease;white-space:nowrap;display:flex;align-items:center;justify-content:center}.max-button-modern:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 5px 20px #10b98166}.max-button-modern:disabled{opacity:.5;cursor:not-allowed}.modal-modern-submit-btn{width:100%;background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:12px;padding:16px;color:#fff;font-size:16px;font-weight:600;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:10px;transition:all .3s ease;margin-top:8px}.modal-modern-submit-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 10px 30px #667eea66}.modal-modern-submit-btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.modal-modern-submit-btn .spinner{animation:spin 1s linear infinite}.modal-modern-warning{display:flex;align-items:flex-start;gap:12px;background:#ef44441a;border:1px solid rgba(239,68,68,.2);border-radius:12px;padding:14px;margin-top:12px;margin-bottom:4px}.modal-modern-warning svg{color:#ef4444;flex-shrink:0;margin-top:2px}.modal-modern-warning p{margin:0;font-size:13px;color:#fffc;line-height:1.5}@media (max-width: 640px){.amount-input-modern{flex-direction:column}.amount-type-select,.max-button-modern{width:100%}}.modern-sidebar{position:fixed;top:70px;left:0;width:280px;height:calc(100vh - 70px);background:#1a1b30f2;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-right:1px solid rgba(102,126,234,.1);box-shadow:4px 0 24px #0003;z-index:998;transition:all .4s cubic-bezier(.4,0,.2,1);overflow:hidden;display:flex;flex-direction:column}.modern-sidebar.collapsed{width:80px}.modern-sidebar.closed{transform:translate(-100%);opacity:0}.sidebar-content{flex:1;overflow-y:auto;overflow-x:hidden;padding:25px 10px 15px}.sidebar-content::-webkit-scrollbar{width:4px}.sidebar-content::-webkit-scrollbar-track{background:#ffffff05}.sidebar-content::-webkit-scrollbar-thumb{background:#667eea4d;border-radius:2px}.sidebar-content::-webkit-scrollbar-thumb:hover{background:#667eea80}.modern-nav-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:4px}.modern-nav-item{position:relative;transition:all .3s ease}.modern-nav-link{display:flex;align-items:center;gap:14px;padding:12px 16px;color:#ffffffb3;text-decoration:none;border-radius:12px;transition:all .3s ease;position:relative;overflow:hidden}.modern-sidebar.collapsed .modern-nav-link{padding:12px;justify-content:center}.modern-nav-link:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(102,126,234,.1),transparent);transition:left .5s ease}.modern-nav-link:hover:before{left:100%}.modern-nav-link:hover{background:#667eea1a;color:#fff;transform:translate(5px)}.modern-sidebar.collapsed .modern-nav-link:hover{transform:translate(0) scale(1.05)}.modern-nav-link.active{background:linear-gradient(135deg,#667eea33,#764ba233);color:#fff;border:1px solid rgba(102,126,234,.3);box-shadow:0 4px 15px #667eea33}.modern-nav-link.active:after{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);width:3px;height:70%;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:0 3px 3px 0;box-shadow:0 0 10px #667eea80}.modern-sidebar.collapsed .modern-nav-link.active:after{display:none}.nav-icon{width:22px;height:22px;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:all .3s ease}.nav-icon svg{width:20px;height:20px;transition:all .3s ease}.modern-nav-link:hover .nav-icon svg{transform:scale(1.1);filter:drop-shadow(0 0 8px rgba(102,126,234,.5))}.modern-nav-link.active .nav-icon svg{color:#667eea;filter:drop-shadow(0 0 10px rgba(102,126,234,.6))}.nav-text{font-size:14px;font-weight:500;letter-spacing:.3px;transition:all .3s ease;white-space:nowrap}.modern-sidebar.collapsed .nav-text{opacity:0;transform:translate(-10px);display:none}.nav-badge{margin-left:auto;padding:2px 8px;border-radius:10px;font-size:11px;font-weight:600;color:#fff}.nav-badge.badge-free{background:linear-gradient(135deg,#6b7280,#9ca3af)}.nav-badge.badge-beta{background:linear-gradient(135deg,#8b5cf6,#ec4899)}.nav-badge.badge-pro{background:linear-gradient(135deg,#fbbf24,#fb923c)}.nav-badge:not(.badge-free):not(.badge-beta):not(.badge-pro){background:linear-gradient(135deg,#3b82f6,#06b6d4)}.modern-sidebar.collapsed .nav-badge{position:absolute;top:8px;right:8px;padding:2px 4px;font-size:9px;min-width:16px;height:16px;display:flex;align-items:center;justify-content:center;border-radius:50%}.modern-sidebar-separator{height:1px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.1),transparent);margin:15px 0;transition:all .3s ease}.modern-sidebar.collapsed .modern-sidebar-separator{margin:10px 5px}.sidebar-footer{padding:20px;border-top:1px solid rgba(255,255,255,.05);background:#0003}.modern-sidebar.collapsed .sidebar-footer{padding:15px 10px}.modern-sidebar.collapsed .modern-nav-item{position:relative}.nav-tooltip{position:absolute;left:70px;top:50%;transform:translateY(-50%);padding:8px 12px;background:#000000e6;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#fff;font-size:13px;border-radius:8px;white-space:nowrap;pointer-events:none;opacity:0;transition:all .3s ease;z-index:1000;box-shadow:0 4px 15px #0000004d}.nav-tooltip:before{content:"";position:absolute;left:-4px;top:50%;transform:translateY(-50%);width:0;height:0;border-style:solid;border-width:5px 5px 5px 0;border-color:transparent rgba(0,0,0,.9) transparent transparent}.modern-sidebar.collapsed .modern-nav-link:hover+.nav-tooltip{opacity:1;left:80px}@keyframes slideInLeft{0%{transform:translate(-100%);opacity:0}to{transform:translate(0);opacity:1}}@media (max-width: 1024px){.modern-sidebar{width:250px}}@media (max-width: 768px){.modern-sidebar{width:100%;max-width:280px}.modern-sidebar.closed{transform:translate(-100%)}}.content-wrapper{display:flex;gap:20px;padding:20px;max-width:1400px;margin:0 auto}.left-column,.right-column{flex:1;min-width:0}@media (max-width: 1200px){.content-wrapper{flex-direction:column}}.glass-effect{background:#ffffff0d;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1)}.modern-card{background:linear-gradient(135deg,#667eea1a,#764ba20d);border-radius:16px;border:1px solid rgba(102,126,234,.2);box-shadow:0 8px 32px #0000001a;transition:all .3s ease}.modern-card:hover{transform:translateY(-2px);box-shadow:0 12px 40px #667eea33}.modern-input{background:#ffffff0d;border:1px solid rgba(102,126,234,.3);border-radius:12px;padding:12px 16px;color:#fff;font-size:14px;transition:all .3s ease}.modern-input:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a;background:#ffffff14}.modern-button{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:12px;padding:12px 24px;font-weight:600;font-size:14px;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 15px #667eea4d}.modern-button:hover{transform:translateY(-2px);box-shadow:0 6px 20px #667eea66}.modern-button:active{transform:translateY(0)}.modern-select{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:8px;padding:8px 35px 8px 12px;color:#fff;font-size:14px;font-weight:600;cursor:pointer;min-width:150px;outline:none;transition:all .3s ease;appearance:none;-webkit-appearance:none;-moz-appearance:none;background-image:url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='rgba(255,255,255,0.6)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='6 9 12 15 18 9'%3e%3c/polyline%3e%3c/svg%3e");background-repeat:no-repeat;background-position:right 8px center;background-size:20px}.modern-select:hover{background-color:#667eea1a;border-color:#667eea4d}.modern-select:focus{background-color:#667eea26;border-color:#667eea80;box-shadow:0 0 0 3px #667eea1a}.modern-select option{background:#1a1b30;color:#fff;padding:8px}.modern-section-header{background:linear-gradient(135deg,#667eea26,#764ba21a);padding:14px 20px;border-radius:12px 12px 0 0;border-bottom:2px solid rgba(102,126,234,.3);display:flex;justify-content:space-between;align-items:center;min-height:56px;height:56px}.status-badge{padding:6px 12px;border-radius:20px;font-size:12px;font-weight:600;display:inline-flex;align-items:center;gap:6px}.status-badge.success{background:#51cf6633;color:#51cf66;border:1px solid rgba(81,207,102,.3)}.status-badge.error{background:#ff6b6b33;color:#ff6b6b;border:1px solid rgba(255,107,107,.3)}.status-badge.warning{background:#ffd43b33;color:#ffd43b;border:1px solid rgba(255,212,59,.3)}.status-badge.info{background:#74c0fc33;color:#74c0fc;border:1px solid rgba(116,192,252,.3)}.modern-tooltip .tooltip-content{visibility:hidden;background:#000000f2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#fff;text-align:left;border-radius:8px;padding:10px 14px;position:absolute;z-index:999999;bottom:125%;left:50%;transform:translate(-50%);opacity:0;transition:opacity .3s;font-size:12px;white-space:normal;line-height:1.4;box-shadow:0 6px 16px #00000080;border:1px solid rgba(102,126,234,.2)}@keyframes slideIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse{0%{box-shadow:0 0 #667eea66}70%{box-shadow:0 0 0 10px #667eea00}to{box-shadow:0 0 #667eea00}}@keyframes glow{0%{box-shadow:0 0 5px #667eea80}50%{box-shadow:0 0 20px #667eeacc}to{box-shadow:0 0 5px #667eea80}}.custom-scrollbar::-webkit-scrollbar{width:8px;height:8px}.custom-scrollbar::-webkit-scrollbar-track{background:#ffffff0d;border-radius:4px}.custom-scrollbar::-webkit-scrollbar-thumb{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:4px}.custom-scrollbar::-webkit-scrollbar-thumb:hover{background:linear-gradient(135deg,#764ba2,#667eea)}.loading-dots{display:inline-flex;gap:4px}.loading-dots span{width:8px;height:8px;border-radius:50%;background:#667eea;animation:loadingDot 1.4s infinite ease-in-out both}.loading-dots span:nth-child(1){animation-delay:-.32s}.loading-dots span:nth-child(2){animation-delay:-.16s}@keyframes loadingDot{0%,80%,to{transform:scale(0);opacity:.5}40%{transform:scale(1);opacity:1}}.modern-grid{display:grid;gap:20px;animation:slideIn .5s ease}.hover-lift{transition:all .3s ease}.hover-lift:hover{transform:translateY(-4px);box-shadow:0 10px 30px #0003}.success-animation{animation:successPulse .6s ease}@keyframes successPulse{0%{transform:scale(1)}50%{transform:scale(1.05);box-shadow:0 0 20px #51cf6680}to{transform:scale(1)}}.error-animation{animation:errorShake .5s ease}@keyframes errorShake{0%,to{transform:translate(0)}10%,30%,50%,70%,90%{transform:translate(-5px)}20%,40%,60%,80%{transform:translate(5px)}}.telegram-alerts-container{padding:20px;max-width:1400px;margin:0 auto;animation:fadeIn .5s ease}.telegram-header-section{background:linear-gradient(135deg,#3b82f61a,#8b5cf61a);border-radius:24px;padding:40px;margin-bottom:30px;border:1px solid rgba(139,92,246,.2);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);position:relative;overflow:hidden}.telegram-header-section:before{content:"";position:absolute;top:-50%;right:-10%;width:300px;height:300px;background:radial-gradient(circle,rgba(59,130,246,.2) 0%,transparent 70%);animation:float 6s ease-in-out infinite}.telegram-header-content{display:flex;justify-content:space-between;align-items:center;position:relative;z-index:1}.telegram-header-text{flex:1}.telegram-main-title{font-size:2.5rem;font-weight:700;background:linear-gradient(135deg,#3b82f6,#8b5cf6);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin:0 0 10px;display:flex;align-items:center;gap:15px}.title-icon{color:#3b82f6;filter:drop-shadow(0 0 20px rgba(59,130,246,.5))}.telegram-subtitle{color:#94a3b8;font-size:1.1rem;margin:0}.connection-status{display:flex;align-items:center;gap:10px;padding:12px 24px;background:#1f293799;border-radius:12px;border:1px solid rgba(139,92,246,.2);font-weight:600}.connection-status.connected{background:linear-gradient(135deg,#22c55e33,#1f293799);border-color:#22c55e4d;color:#10b981}.status-indicator{width:10px;height:10px;background:#10b981;border-radius:50%;animation:pulse 2s infinite}.setup-guide-container{background:#1f293766;border:1px solid rgba(139,92,246,.15);border-radius:20px;padding:30px;margin-bottom:30px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.guide-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:25px}.guide-header h2{color:#f1f5f9;font-size:1.8rem;margin:0}.guide-toggle{background:#8b5cf633;color:#a78bfa;border:1px solid rgba(139,92,246,.3);padding:10px 20px;border-radius:10px;cursor:pointer;transition:all .3s ease;font-weight:600}.guide-toggle:hover{background:#8b5cf64d;transform:translateY(-2px)}.setup-steps{display:flex;flex-direction:column;gap:20px}.setup-step{background:#0f172a99;border:2px solid rgba(139,92,246,.1);border-radius:16px;padding:25px;cursor:pointer;transition:all .3s ease;position:relative}.setup-step.active{border-color:#8b5cf64d}.setup-step.current{background:linear-gradient(135deg,#8b5cf61a,#0f172a99);border-color:#8b5cf680;box-shadow:0 10px 40px #8b5cf633}.setup-step:hover{transform:translate(5px);border-color:#8b5cf666}.step-header{display:flex;align-items:center;gap:20px}.step-number{width:40px;height:40px;background:linear-gradient(135deg,#3b82f6,#8b5cf6);border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;color:#fff;font-size:1.2rem;flex-shrink:0}.step-icon{color:#8b5cf6;width:24px;height:24px}.step-info{flex:1}.step-info h3{color:#f1f5f9;margin:0 0 5px;font-size:1.2rem}.step-info p{color:#94a3b8;margin:0;font-size:.95rem}.step-details{margin-top:20px;padding-top:20px;border-top:1px solid rgba(139,92,246,.1);animation:slideDown .3s ease}.step-detail{display:flex;flex-direction:column;gap:15px}.command-box{display:flex;align-items:center;gap:10px;background:#1f2937cc;padding:12px 16px;border-radius:10px;border:1px solid rgba(139,92,246,.2)}.command-box code{flex:1;color:#a78bfa;font-family:Courier New,monospace;font-size:1rem}.command-box button{background:transparent;border:none;color:#8b5cf6;cursor:pointer;padding:5px;transition:all .3s ease}.command-box button:hover{color:#a78bfa;transform:scale(1.1)}.step-note{color:#94a3b8;font-size:.9rem;margin:5px 0}.token-example{background:#1f2937cc;border:1px solid rgba(139,92,246,.2);border-radius:10px;padding:15px;font-family:Courier New,monospace;color:#f1f5f9;font-size:.9rem;word-break:break-all}.step-action{margin-top:20px}.step-action-button{background:#8b5cf633;color:#a78bfa;border:1px solid rgba(139,92,246,.3);padding:12px 24px;border-radius:10px;cursor:pointer;transition:all .3s ease;font-weight:600;display:inline-flex;align-items:center;gap:8px}.step-action-button.primary{background:linear-gradient(135deg,#3b82f6,#8b5cf6);color:#fff;border:none}.step-action-button:hover{transform:translateY(-2px);box-shadow:0 10px 30px #8b5cf64d}.step-action-button:disabled{opacity:.5;cursor:not-allowed}.token-section{display:flex;flex-direction:column;gap:15px}.token-display-box{display:flex;align-items:center;gap:10px;background:#1f2937cc;border:2px solid rgba(139,92,246,.3);border-radius:12px;padding:15px}.token-text{flex:1;font-family:Courier New,monospace;color:#f1f5f9;font-size:1.1rem;font-weight:600}.copy-token-btn{background:#8b5cf633;border:1px solid rgba(139,92,246,.3);color:#a78bfa;padding:10px;border-radius:8px;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center}.copy-token-btn:hover{background:#8b5cf64d;transform:scale(1.05)}.telegram-open-button{background:linear-gradient(135deg,#08c,#06a);color:#fff;border:none;padding:14px 24px;border-radius:12px;cursor:pointer;font-weight:600;display:flex;align-items:center;justify-content:center;gap:10px;transition:all .3s ease}.telegram-open-button:hover{transform:translateY(-2px);box-shadow:0 15px 40px #08c6}.quick-connect-card{background:#1f293766;border:1px solid rgba(139,92,246,.15);border-radius:20px;padding:30px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.quick-connect-card h3{color:#f1f5f9;margin:0 0 10px;font-size:1.4rem}.quick-connect-card p{color:#94a3b8;margin:0 0 20px}.bot-username-input{display:flex;gap:15px}.bot-username-input input{flex:1;background:#0f172acc;border:1px solid rgba(139,92,246,.2);color:#f1f5f9;padding:12px 16px;border-radius:10px;font-size:1rem;transition:all .3s ease}.bot-username-input input:focus{outline:none;border-color:#8b5cf680;box-shadow:0 0 20px #8b5cf633}.connect-quick-btn{background:linear-gradient(135deg,#3b82f6,#8b5cf6);color:#fff;border:none;padding:12px 30px;border-radius:10px;cursor:pointer;font-weight:600;transition:all .3s ease}.connect-quick-btn:hover{transform:translateY(-2px);box-shadow:0 10px 30px #8b5cf666}.connected-info-card{background:linear-gradient(135deg,#22c55e1a,#1f293799);border:1px solid rgba(34,197,94,.3);border-radius:20px;padding:30px;margin-bottom:30px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.connected-header{display:flex;align-items:center;gap:25px}.connected-icon{width:70px;height:70px;background:linear-gradient(135deg,#10b981,#059669);border-radius:20px;display:flex;align-items:center;justify-content:center;color:#fff;box-shadow:0 10px 30px #10b9814d}.connected-details{flex:1}.connected-details h3{color:#f1f5f9;margin:0 0 5px;font-size:1.5rem}.connected-details p{color:#94a3b8;margin:0 0 10px}.bot-name{display:inline-block;background:#8b5cf633;color:#a78bfa;padding:6px 12px;border-radius:8px;font-weight:600;font-size:.9rem}.disconnect-btn{background:#ef444433;color:#f87171;border:1px solid rgba(239,68,68,.3);padding:12px 24px;border-radius:10px;cursor:pointer;font-weight:600;transition:all .3s ease}.disconnect-btn:hover:not(:disabled){background:#ef44444d;transform:translateY(-2px);box-shadow:0 10px 30px #ef444433}.disconnect-btn:disabled{opacity:.5;cursor:not-allowed}.notification-settings-container{background:#1f293766;border:1px solid rgba(139,92,246,.15);border-radius:20px;padding:30px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.settings-title{color:#f1f5f9;font-size:1.8rem;margin:0 0 10px;display:flex;align-items:center;gap:12px}.settings-description{color:#94a3b8;margin:0 0 30px}.notification-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:25px;margin-bottom:30px}.notification-category-card{background:#0f172a99;border:1px solid rgba(139,92,246,.1);border-radius:16px;overflow:hidden;transition:all .3s ease}.notification-category-card:hover{transform:translateY(-5px);box-shadow:0 15px 40px #0003}.category-header{padding:20px;background:#1f293766;border-bottom:2px solid;display:flex;align-items:center;gap:12px}.category-icon{font-size:1.5rem}.category-header h3{color:#f1f5f9;margin:0;font-size:1.2rem}.notification-list{padding:15px;display:flex;flex-direction:column;gap:12px}.notification-item{display:flex;justify-content:space-between;align-items:center;padding:12px;background:#1f29374d;border-radius:10px;cursor:pointer;transition:all .3s ease}.notification-item:hover{background:#1f293780}.notification-info{flex:1;display:flex;flex-direction:column;gap:3px}.notification-label{color:#f1f5f9;font-weight:600;font-size:.95rem}.notification-description{color:#64748b;font-size:.85rem}.custom-toggle{position:relative;width:52px;height:28px}.custom-toggle input{opacity:0;width:0;height:0}.toggle-slider{position:absolute;cursor:pointer;inset:0;background:#64748b4d;transition:.3s;border-radius:28px}.toggle-slider:before{position:absolute;content:"";height:22px;width:22px;left:3px;bottom:3px;background:#fff;transition:.3s;border-radius:50%}.custom-toggle input:checked+.toggle-slider{background:linear-gradient(135deg,#3b82f6,#8b5cf6)}.custom-toggle input:checked+.toggle-slider:before{transform:translate(24px)}.quick-actions{display:flex;gap:15px;padding-top:20px;border-top:1px solid rgba(139,92,246,.1)}.action-btn{flex:1;padding:12px 24px;border-radius:10px;border:none;cursor:pointer;font-weight:600;transition:all .3s ease}.action-btn.enable-all{background:linear-gradient(135deg,#10b981,#059669);color:#fff}.action-btn.disable-all{background:#64748b33;color:#94a3b8;border:1px solid rgba(100,116,139,.3)}.action-btn:hover{transform:translateY(-2px);box-shadow:0 10px 30px #0003}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-20px)}}@keyframes pulse{0%{box-shadow:0 0 #10b981b3}70%{box-shadow:0 0 0 10px #10b98100}to{box-shadow:0 0 #10b98100}}@keyframes slideDown{0%{opacity:0;max-height:0}to{opacity:1;max-height:500px}}@media (max-width: 768px){.telegram-main-title{font-size:2rem}.telegram-header-content{flex-direction:column;gap:20px}.guide-header{flex-direction:column;gap:15px;align-items:stretch}.guide-toggle{width:100%}.step-header{flex-wrap:wrap}.bot-username-input{flex-direction:column}.connected-header{flex-direction:column;text-align:center}.disconnect-btn{width:100%}.notification-grid{grid-template-columns:1fr}.quick-actions{flex-direction:column}}.my-tokens-container{padding:30px;max-width:1400px;margin:0 auto;animation:fadeIn .5s ease}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.portfolio-overview{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;margin-bottom:30px;width:100%;position:relative;z-index:1}.overview-card{background:#1a1b3099;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(102,126,234,.1);border-radius:16px;padding:20px;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:visible}.overview-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,#667eea,#764ba2);opacity:0;transition:opacity .3s ease}.overview-card:hover:before{opacity:1}.overview-card:hover{transform:translateY(-5px);box-shadow:0 10px 30px #667eea33;border-color:#667eea4d}.overview-label{font-size:12px;text-transform:uppercase;letter-spacing:1px;color:#ffffff80;margin-bottom:8px;font-weight:600}.overview-value{font-size:28px;font-weight:700;color:#fff;margin-bottom:8px}.overview-change{display:flex;align-items:center;gap:4px;font-size:13px;padding:4px 8px;border-radius:6px;width:fit-content}.overview-change.positive{color:#51cf66;background:#51cf661a}.overview-change.negative{color:#ff6b6b;background:#ff6b6b1a}.modern-tooltip{position:relative;display:inline-block}.modern-tooltip .tooltip-content{visibility:hidden;background:#000000f2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#fff!important;text-align:left;border-radius:8px;padding:10px 14px;position:absolute;z-index:10000;bottom:calc(100% + 10px);left:50%;transform:translate(-50%);opacity:0;transition:opacity .3s;font-size:12px!important;line-height:1.5;border:1px solid rgba(102,126,234,.3);min-width:200px;max-width:300px;box-shadow:0 4px 20px #00000080;white-space:normal;pointer-events:none;text-transform:none!important;letter-spacing:normal!important;font-weight:400!important}.modern-tooltip:hover .tooltip-content{visibility:visible;opacity:1}.modern-tooltip .tooltip-content:after{content:"";position:absolute;top:100%;left:50%;transform:translate(-50%);width:0;height:0;border-left:6px solid transparent;border-right:6px solid transparent;border-top:6px solid rgba(0,0,0,.95)}.tokens-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px;width:100%}.tokens-title{font-size:32px;font-weight:700;color:#fff;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.add-token-btn{display:flex;align-items:center;gap:8px;padding:10px 20px;background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:12px;color:#fff;font-weight:600;font-size:14px;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 15px #667eea4d}.add-token-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px #667eea66}.add-token-btn:active{transform:translateY(0)}.refresh-btn{display:flex;align-items:center;justify-content:center;width:44px;height:44px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:12px;color:#ffffffb3;cursor:pointer;transition:all .3s ease}.refresh-btn:hover{background:#667eea1a;border-color:#667eea4d;color:#667eea}.refresh-btn:hover svg{transform:rotate(90deg)}.refresh-btn:disabled{opacity:.5;cursor:not-allowed}.refresh-btn svg{transition:transform .3s ease}.refresh-btn svg.rotating{animation:rotate 1s linear infinite}.tokens-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin:0;padding:0;width:100%}.token-card{background:#1a1b3099;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(102,126,234,.1);border-radius:16px;padding:24px;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden;display:flex;flex-direction:column;gap:16px;min-height:280px}.token-card.has-exit-order{border-color:#ffd93d4d;background:linear-gradient(135deg,#1a1b3099,#ffd93d0d);animation:exitOrderPulse 3s ease-in-out infinite}@keyframes exitOrderPulse{0%,to{box-shadow:0 0 #ffd93d00}50%{box-shadow:0 0 20px 5px #ffd93d33}}.exit-order-badge{display:flex;align-items:center;gap:4px;padding:3px 8px;background:linear-gradient(135deg,#ffd93de6,#ff9f43e6);border:1px solid rgba(255,217,61,.4);border-radius:12px;font-size:10px;font-weight:600;color:#1a1b30;cursor:help;position:relative;margin:0 auto;animation:exitOrderPulse 3s ease-in-out infinite;transition:all .3s ease;box-shadow:0 2px 6px #ffd93d4d}.exit-order-badge:hover{transform:scale(1.05);box-shadow:0 3px 10px #ffd93d80;background:linear-gradient(135deg,#ffd93d,#ff9f43)}.exit-order-badge svg{flex-shrink:0;color:#1a1b30}.exit-order-badge .tooltip-text{visibility:hidden;width:220px;background:#1a1b30fa;color:#fff;text-align:center;border-radius:8px;padding:10px;position:absolute;z-index:100;top:125%;left:50%;transform:translate(-50%);opacity:0;transition:opacity .3s,visibility .3s;font-size:12px;font-weight:400;line-height:1.4;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,217,61,.3);box-shadow:0 4px 12px #0000004d;white-space:normal}.exit-order-badge:hover .tooltip-text{visibility:visible;opacity:1}.exit-order-badge .tooltip-text:after{content:"";position:absolute;bottom:100%;left:50%;margin-left:-5px;border-width:5px;border-style:solid;border-color:transparent transparent rgba(26,27,48,.98) transparent}.token-card:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,transparent 0%,rgba(102,126,234,.05) 100%);opacity:0;transition:opacity .3s ease;pointer-events:none}.token-card:hover:before{opacity:1}.token-card:hover{transform:translateY(-5px);box-shadow:0 10px 30px #667eea33;border-color:#667eea4d}.token-card.has-exit-order:hover{transform:translateY(-5px);box-shadow:0 10px 30px #ffd93d4d;border-color:#ffd93d80}.token-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:16px}.token-info{display:flex;align-items:center;gap:12px}.token-icon{width:48px;height:48px;background:#667eea1a;border-radius:12px;display:flex;align-items:center;justify-content:center;flex-shrink:0;overflow:hidden;position:relative}.token-icon img{width:32px;height:32px;border-radius:8px;object-fit:cover}.token-icon svg{width:24px;height:24px}.token-details{display:flex;flex-direction:column;gap:4px}.token-name{font-size:18px;font-weight:600;color:#fff}.token-network{font-size:12px;color:#ffffff80;text-transform:uppercase;letter-spacing:.5px}.token-price-badge{padding:6px 12px;background:#667eea1a;border:1px solid rgba(102,126,234,.2);border-radius:8px;font-size:14px;font-weight:600;color:#667eea}.token-address-wrapper{display:flex;align-items:center;gap:8px;margin-bottom:16px}.token-address{flex:1;padding:10px;background:#0003;border-radius:10px}.token-address-text{font-family:Courier New,monospace;font-size:12px;color:#fff9;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.copy-btn-outside{display:flex;align-items:center;justify-content:center;width:36px;height:36px;background:#667eea1a;border:1px solid rgba(102,126,234,.2);border-radius:10px;color:#667eea;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);flex-shrink:0}.copy-btn-outside:hover{background:#667eea33;border-color:#667eea66;transform:translateY(-2px);box-shadow:0 4px 12px #667eea4d}.copy-btn-outside.copied{color:#51cf66;background:#51cf661a;border-color:#51cf664d}.copy-btn-outside svg{width:14px;height:14px;stroke-width:2}.token-stats{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin-bottom:16px}.stat-box{background:#191e2d4d;border:1px solid rgba(255,255,255,.05);border-radius:10px;padding:10px 12px;display:flex;flex-direction:column;gap:4px}.stat-label{font-size:11px;text-transform:uppercase;letter-spacing:.5px;color:#ffffff80}.stat-value{font-size:16px;font-weight:600;color:#fff}.token-actions{display:flex;gap:8px;margin-top:auto}.sell-btn{flex:1;display:flex;align-items:center;justify-content:center;gap:6px;padding:10px;background:linear-gradient(135deg,#51cf66,#47b85d);border:none;border-radius:10px;color:#fff;font-weight:600;font-size:14px;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1)}.sell-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 12px #51cf6666}.sell-btn:disabled{opacity:.5;cursor:not-allowed;background:#ffffff1a}.delete-btn{display:flex;align-items:center;justify-content:center;width:44px;height:44px;background:#ff6b6b1a;border:1px solid rgba(255,107,107,.2);border-radius:10px;color:#ff6b6b;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1)}.delete-btn:hover{background:#ff6b6b33;border-color:#ff6b6b66;transform:translateY(-2px);box-shadow:0 4px 12px #ff6b6b4d}.sell-modal-overlay{position:fixed;inset:0;background:#000000b3;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);display:flex;align-items:center;justify-content:center;z-index:1000;animation:fadeIn .3s ease}.sell-modal{background:#1a1b30f2;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(102,126,234,.2);border-radius:20px;padding:30px;width:90%;max-width:500px;animation:slideUp .3s ease;box-shadow:0 20px 60px #00000080}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.sell-modal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.sell-modal-title{font-size:24px;font-weight:700;color:#fff}.close-modal-btn{display:flex;align-items:center;justify-content:center;width:36px;height:36px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:10px;color:#ffffff80;cursor:pointer;transition:all .3s ease}.close-modal-btn:hover{background:#ff6b6b1a;border-color:#ff6b6b4d;color:#ff6b6b}.sell-amount-section{margin-bottom:24px}.amount-input-group{display:flex;gap:8px;margin:8px 0 12px}.amount-input{flex:1;padding:12px;background:#0003;border:1px solid rgba(102,126,234,.2);border-radius:10px;color:#fff;font-size:16px;font-weight:600}.amount-input:focus{outline:none;border-color:#667eea80;background:#0000004d}.max-btn{padding:12px 20px;background:#667eea1a;border:1px solid rgba(102,126,234,.3);border-radius:10px;color:#667eea;font-weight:600;cursor:pointer;transition:all .3s ease}.max-btn:hover{background:#667eea33;border-color:#667eea80}.percentage-buttons{display:flex;gap:8px}.percentage-btn{flex:1;padding:8px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:8px;color:#ffffff80;font-weight:600;font-size:13px;cursor:pointer;transition:all .3s ease}.percentage-btn:hover{background:#667eea1a;border-color:#667eea4d;color:#667eea}.percentage-btn.active{background:#667eea33;border-color:#667eea80;color:#667eea}.sell-info{background:#0003;border-radius:12px;padding:16px;margin-bottom:24px}.sell-info-row{display:flex;justify-content:space-between;align-items:center;padding:8px 0;border-bottom:1px solid rgba(255,255,255,.05)}.sell-info-row:last-child{border-bottom:none}.sell-info-label{font-size:13px;color:#ffffff80}.sell-info-value{font-size:14px;font-weight:600;color:#fff}.sell-modal-actions{display:flex;gap:12px}.cancel-btn{flex:1;padding:12px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:10px;color:#ffffffb3;font-weight:600;cursor:pointer;transition:all .3s ease}.cancel-btn:hover{background:#ffffff1a;border-color:#fff3;color:#fff}.confirm-sell-btn{flex:1;padding:12px;background:linear-gradient(135deg,#51cf66,#47b85d);border:none;border-radius:10px;color:#fff;font-weight:600;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1)}.confirm-sell-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 12px #51cf6666}.confirm-sell-btn:disabled{opacity:.5;cursor:not-allowed;background:#ffffff1a}.filter-btn{display:flex;align-items:center;justify-content:center;width:44px;height:44px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:12px;color:#ffffffb3;cursor:pointer;transition:all .3s ease;position:relative}.filter-btn svg{transition:color .3s ease}.filter-btn:hover{background:#667eea1a;border-color:#667eea4d;color:#667eea}.filter-btn:hover svg{animation:filterShake .5s ease-in-out}@keyframes filterShake{0%,to{transform:rotate(0)}25%{transform:rotate(-8deg)}75%{transform:rotate(8deg)}}.filter-btn.active{background:#667eea26;border-color:#667eea66;color:#667eea}.filter-badge{position:absolute;top:-4px;right:-4px;width:18px;height:18px;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:10px;font-weight:700;color:#fff}.loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px;gap:20px}.loading-spinner{width:48px;height:48px;border:3px solid rgba(102,126,234,.1);border-top-color:#667eea;border-radius:50%;animation:spin 1s linear infinite}.add-token-overlay{position:fixed;inset:0;background:#000000b3;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);display:flex;align-items:center;justify-content:center;z-index:1000;animation:fadeIn .3s ease}.add-token-modal{background:#1a1b30f2;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(102,126,234,.2);border-radius:20px;padding:30px;width:90%;max-width:500px;animation:slideUp .3s ease;box-shadow:0 20px 60px #00000080}.token-input-section{margin-bottom:20px}.input-label{font-size:12px;text-transform:uppercase;letter-spacing:.5px;color:#ffffff80;margin-bottom:8px;display:block}.input-label .required{color:#ff6b6b}.token-input{width:100%;padding:12px;background:#0003;border:1px solid rgba(102,126,234,.2);border-radius:10px;color:#fff;font-size:14px}.token-input:focus{outline:none;border-color:#667eea80;background:#0000004d}.input-helper{font-size:11px;color:#fff6;margin-top:4px}.filter-modal-overlay{position:fixed;inset:0;background:#000000b3;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);display:flex;align-items:center;justify-content:center;z-index:1000;animation:fadeIn .3s ease}.filter-modal{background:#1a1b30f2;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(102,126,234,.2);border-radius:20px;padding:30px;width:90%;max-width:600px;max-height:80vh;overflow-y:auto;animation:slideUp .3s ease;box-shadow:0 20px 60px #00000080}.filter-modal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.filter-modal-title{font-size:24px;font-weight:700;color:#fff;display:flex;align-items:center}.filter-section{margin-bottom:24px}.filter-label{font-size:12px;text-transform:uppercase;letter-spacing:.5px;color:#ffffff80;margin-bottom:12px;display:flex;align-items:center;gap:8px}.filter-input{width:100%;padding:12px;background:#0003;border:1px solid rgba(102,126,234,.2);border-radius:10px;color:#fff;font-size:14px}.filter-input:focus{outline:none;border-color:#667eea80;background:#0000004d}.filter-options{display:flex;flex-wrap:wrap;gap:8px}.filter-option{padding:8px 16px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:8px;color:#ffffff80;font-size:13px;font-weight:600;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:6px}.filter-option:hover{background:#667eea1a;border-color:#667eea4d;color:#667eea}.filter-option.active{background:#667eea33;border-color:#667eea80;color:#667eea}.filter-range{display:flex;align-items:center;gap:8px}.filter-input-small{width:120px;padding:10px;background:#0003;border:1px solid rgba(102,126,234,.2);border-radius:8px;color:#fff;font-size:14px}.filter-range-separator{color:#ffffff4d}.filter-currency{color:#ffffff80;font-size:14px}.filter-select{width:100%;padding:12px;background:#0003;border:1px solid rgba(102,126,234,.2);border-radius:10px;color:#fff;font-size:14px;cursor:pointer}.filter-select:focus{outline:none;border-color:#667eea80;background:#0000004d}.filter-modal-actions{display:flex;gap:12px;margin-top:24px}.filter-reset-btn{flex:1;padding:12px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:10px;color:#ffffffb3;font-weight:600;cursor:pointer;transition:all .3s ease}.filter-reset-btn:hover{background:#ff6b6b1a;border-color:#ff6b6b4d;color:#ff6b6b}.filter-apply-btn{flex:1;padding:12px;background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:10px;color:#fff;font-weight:600;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1)}.filter-apply-btn:hover{transform:translateY(-2px);box-shadow:0 4px 12px #667eea66}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px;gap:16px;text-align:center}.empty-icon{width:64px;height:64px;background:#667eea1a;border-radius:16px;display:flex;align-items:center;justify-content:center;color:#667eea}.empty-title{font-size:20px;font-weight:600;color:#fff}.empty-description{font-size:14px;color:#ffffff80;max-width:400px}@media (max-width: 1200px){.tokens-grid,.portfolio-overview{grid-template-columns:repeat(2,1fr)}}@media (max-width: 768px){.my-tokens-container{padding:20px}.tokens-grid{grid-template-columns:1fr;gap:16px}.portfolio-overview{grid-template-columns:repeat(2,1fr)}.token-stats{grid-template-columns:1fr}.percentage-buttons{grid-template-columns:repeat(2,1fr)}}@media (max-width: 480px){.portfolio-overview{grid-template-columns:1fr}.token-card{padding:20px;min-height:260px}}.transactions-container-modern{padding:40px;max-width:100%;width:100%;margin:0;animation:fadeIn .3s ease-out}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.transactions-header-modern{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px;max-width:1000px;margin-left:auto;margin-right:auto}.transactions-title{font-size:32px;font-weight:700;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.header-actions{display:flex;gap:12px}.action-btn{display:flex;align-items:center;justify-content:center;width:40px;height:40px;background:#667eea1a;border:1px solid rgba(102,126,234,.2);border-radius:12px;color:#667eea;cursor:pointer;transition:all .3s ease}.action-btn:hover{background:#667eea33;border-color:#667eea66;transform:translateY(-2px);box-shadow:0 4px 12px #667eea4d}.action-btn:disabled{opacity:.5;cursor:not-allowed}.rotating{animation:rotate 1s linear infinite}.transactions-controls{margin-bottom:25px;max-width:1000px;margin-left:auto;margin-right:auto}.transaction-tabs-modern{display:flex;gap:8px;margin-bottom:20px;background:#1a1b3066;padding:6px;border-radius:14px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.tab-btn{flex:1;padding:12px 20px;background:transparent;border:none;color:#fff9;border-radius:10px;font-size:14px;font-weight:600;cursor:pointer;transition:all .3s ease}.tab-btn:hover{color:#fff;background:#667eea1a}.tab-btn.active{background:#667eea33;color:#667eea;box-shadow:0 2px 8px #667eea33}.transaction-filters{display:flex;gap:12px}.search-input-wrapper{flex:1;display:flex;align-items:center;gap:10px;padding:12px 16px;background:#1a1b3099;border:1px solid rgba(102,126,234,.1);border-radius:12px;transition:all .3s ease}.search-input-wrapper:focus-within{border-color:#667eea4d;box-shadow:0 0 0 3px #667eea1a}.search-input-wrapper svg{color:#fff6}.search-input{flex:1;background:transparent;border:none;color:#fff;font-size:14px;outline:none}.search-input::placeholder{color:#fff6}.network-filter{padding:12px 16px;background:#1a1b3099;border:1px solid rgba(102,126,234,.1);border-radius:12px;color:#fff;font-size:14px;font-weight:500;cursor:pointer;transition:all .3s ease;min-width:150px}.network-filter:hover{border-color:#667eea4d}.network-filter:focus{outline:none;border-color:#667eea66;box-shadow:0 0 0 3px #667eea1a}.network-filter option{background:#1a1b30;color:#fff}.transactions-table-wrapper{background:#1a1b3099;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(102,126,234,.1);border-radius:16px;overflow-x:auto;margin-bottom:20px;max-width:1000px;margin-left:auto;margin-right:auto}.transactions-table-modern{width:100%;border-collapse:collapse;table-layout:fixed;min-width:800px}.transactions-table-modern th:nth-child(1),.transactions-table-modern td:nth-child(1){width:15%;min-width:120px}.transactions-table-modern th:nth-child(2),.transactions-table-modern td:nth-child(2){width:22%;min-width:160px}.transactions-table-modern th:nth-child(3),.transactions-table-modern td:nth-child(3){width:15%;min-width:100px}.transactions-table-modern th:nth-child(4),.transactions-table-modern td:nth-child(4){width:22%;min-width:160px}.transactions-table-modern th:nth-child(5),.transactions-table-modern td:nth-child(5){width:16%;min-width:120px}.transactions-table-modern th:nth-child(6),.transactions-table-modern td:nth-child(6){width:10%;max-width:50px;text-align:center}.transactions-table-modern thead{background:#667eea1a;border-bottom:1px solid rgba(102,126,234,.2)}.transactions-table-modern th{padding:14px 16px;text-align:left;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:#ffffffb3;white-space:nowrap}.transactions-table-modern tbody tr{border-bottom:1px solid rgba(102,126,234,.05);transition:all .3s ease}.transactions-table-modern tbody tr:hover{background:#667eea0d}.transactions-table-modern tbody tr:last-child{border-bottom:none}.transactions-table-modern td{padding:12px 16px;color:#fff;white-space:nowrap}.transaction-type-info{display:flex;align-items:center;gap:8px}.type-icon{width:28px;height:28px;display:flex;align-items:center;justify-content:center;border-radius:6px;padding:5px}.type-icon.deposit,.type-icon.buy{color:#51cf66;background:#51cf661a}.type-icon.withdraw,.type-icon.sell{color:#ff6b6b;background:#ff6b6b1a}.transaction-type-text{font-weight:600;font-size:13px}.transaction-date-text{color:#ffffffb3;font-size:12px}.transaction-network-info{display:flex;align-items:center;gap:6px}.transaction-network-info span{font-weight:500;font-size:12px}.transaction-amount-info{display:flex;flex-direction:column;gap:4px}.fiat-amount-modern{font-size:14px;font-weight:700}.fiat-amount-modern.positive{color:#51cf66}.fiat-amount-modern.negative{color:#ff6b6b}.crypto-amount-modern{font-size:11px;color:#fff9}.transaction-status-info{display:flex;align-items:center;gap:6px}.status-icon{display:flex;align-items:center}.status-icon.pending{color:#ffd93d}.status-icon.confirmed{color:#51cf66}.status-text{font-size:12px;font-weight:500}.status-text.pending{color:#ffd93d}.status-text.confirmed,.status-text.completed{color:#51cf66}.explorer-link-modern{display:flex;align-items:center;justify-content:center;width:28px;height:28px;background:#667eea1a;border:1px solid rgba(102,126,234,.2);border-radius:6px;color:#667eea;transition:all .3s ease}.explorer-link-modern:hover{background:#667eea33;border-color:#667eea66;transform:scale(1.1)}.pagination-controls{display:flex;justify-content:center;align-items:center;gap:20px;padding:20px;background:#1a1b3066;border-radius:12px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);max-width:1000px;margin-left:auto;margin-right:auto}.pagination-btn{display:flex;align-items:center;justify-content:center;width:36px;height:36px;background:#667eea1a;border:1px solid rgba(102,126,234,.2);border-radius:8px;color:#667eea;cursor:pointer;transition:all .3s ease}.pagination-btn:hover:not(:disabled){background:#667eea33;border-color:#667eea66;transform:scale(1.1)}.pagination-btn:disabled{opacity:.4;cursor:not-allowed}.pagination-info{color:#ffffffb3;font-size:14px;font-weight:500}.transactions-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:400px;gap:20px}.loading-spinner{width:48px;height:48px;border:3px solid rgba(102,126,234,.2);border-top-color:#667eea;border-radius:50%;animation:spin 1s linear infinite}.transactions-error{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:400px;gap:20px;padding:40px}.error-message{color:#ff6b6b;font-size:16px;text-align:center}.retry-button{padding:10px 20px;background:#ff6b6b1a;border:1px solid rgba(255,107,107,.2);color:#ff6b6b;border-radius:10px;font-weight:600;cursor:pointer;transition:all .3s ease}.retry-button:hover{background:#ff6b6b33;border-color:#ff6b6b66}.no-transactions{display:flex;align-items:center;justify-content:center;padding:60px;color:#ffffff80;font-size:16px}@media (max-width: 768px){.transactions-container-modern{padding:20px}.transactions-header-modern{flex-direction:column;align-items:flex-start;gap:16px}.transaction-tabs-modern{flex-wrap:wrap}.tab-btn{font-size:12px;padding:10px 12px}.transaction-filters{flex-direction:column}.transactions-table-modern{font-size:12px}.transactions-table-modern th,.transactions-table-modern td{padding:12px 16px}.pagination-controls{gap:12px}.pagination-info{font-size:12px}}.admin-dashboard{padding:20px;background:linear-gradient(135deg,#0a0a0a,#1a1a1a);min-height:100vh;color:#fff}.admin-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px;padding:20px;background:#ffffff0d;border-radius:12px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.admin-header h1{display:flex;align-items:center;gap:10px;font-size:28px;color:#fff;margin:0}.refresh-btn{display:flex;align-items:center;gap:8px;padding:10px 20px;background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:8px;color:#fff;cursor:pointer;transition:all .3s ease}.refresh-btn:hover{transform:translateY(-2px);box-shadow:0 5px 15px #667eea66}.admin-tabs{display:flex;gap:10px;margin-bottom:30px;padding:10px;background:#ffffff0d;border-radius:12px}.admin-tabs button{display:flex;align-items:center;gap:8px;padding:12px 24px;background:transparent;border:1px solid rgba(255,255,255,.1);border-radius:8px;color:#888;cursor:pointer;transition:all .3s ease}.admin-tabs button:hover{background:#ffffff0d;color:#fff}.admin-tabs button.active{background:linear-gradient(135deg,#667eea,#764ba2);border:none;color:#fff}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px;margin-bottom:30px}.stat-card{display:flex;align-items:center;gap:20px;padding:25px;background:#ffffff0d;border-radius:12px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:all .3s ease}.stat-card:hover{transform:translateY(-5px);background:#ffffff14}.stat-icon{width:60px;height:60px;display:flex;align-items:center;justify-content:center;border-radius:12px;font-size:24px}.stat-icon.users{background:linear-gradient(135deg,#667eea,#764ba2)}.stat-icon.revenue{background:linear-gradient(135deg,#f093fb,#f5576c)}.stat-icon.active{background:linear-gradient(135deg,#4facfe,#00f2fe)}.stat-icon.wallets{background:linear-gradient(135deg,#43e97b,#38f9d7)}.stat-content h3{font-size:14px;color:#888;margin:0 0 8px;text-transform:uppercase;letter-spacing:1px}.stat-value{font-size:32px;font-weight:700;margin:0 0 8px}.stat-change{display:flex;align-items:center;gap:5px;font-size:14px;color:#4ade80;margin:0}.recent-activity{background:#ffffff0d;border-radius:12px;padding:25px}.recent-activity h2{margin:0 0 20px;font-size:20px}.activity-list{display:flex;flex-direction:column;gap:15px}.activity-item{display:flex;justify-content:space-between;padding:12px;background:#ffffff08;border-radius:8px;border-left:3px solid #667eea}.activity-time{color:#888;font-size:14px}.activity-desc{color:#fff}.users-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.user-stats{display:flex;gap:20px}.user-stats span{padding:8px 16px;background:#ffffff0d;border-radius:20px;font-size:14px}.users-table,.transactions-table{background:#ffffff0d;border-radius:12px;padding:20px;overflow-x:auto}.users-table table,.transactions-table table{width:100%;border-collapse:collapse}.users-table th,.transactions-table th{text-align:left;padding:12px;border-bottom:2px solid rgba(255,255,255,.1);color:#888;font-size:14px;text-transform:uppercase;letter-spacing:1px}.users-table td,.transactions-table td{padding:12px;border-bottom:1px solid rgba(255,255,255,.05);color:#fff}.status{padding:4px 12px;border-radius:20px;font-size:12px;font-weight:600;text-transform:uppercase}.status.active{background:#4ade8033;color:#4ade80}.status.suspended{background:#f8717133;color:#f87171}.status.pending{background:#fbbf2433;color:#fbbf24}.status.completed{background:#34d39933;color:#34d399}.action-btn{padding:6px 12px;margin:0 4px;border:none;border-radius:6px;cursor:pointer;font-size:12px;transition:all .3s ease}.action-btn.view{background:#667eea33;color:#667eea}.action-btn.suspend{background:#f8717133;color:#f87171}.action-btn:hover{transform:translateY(-2px);filter:brightness(1.2)}.tx-type{font-weight:600;text-transform:uppercase}.tx-type.buy{color:#4ade80}.tx-type.sell{color:#f87171}.config-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:20px}.config-item{background:#ffffff0d;border-radius:12px;padding:20px}.config-item label{display:block;margin-bottom:10px;color:#888;font-size:14px;text-transform:uppercase;letter-spacing:1px}.config-item input,.config-item select{width:100%;padding:12px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:8px;color:#fff;font-size:16px}.config-item input:focus,.config-item select:focus{outline:none;border-color:#667eea;background:#ffffff14}.user-modal{position:fixed;inset:0;background:#000c;display:flex;align-items:center;justify-content:center;z-index:1000}.modal-content{background:linear-gradient(135deg,#1a1a1a,#2a2a2a);border-radius:12px;padding:30px;max-width:500px;width:90%;border:1px solid rgba(255,255,255,.1)}.modal-content h3{margin:0 0 20px;color:#fff}.user-details p{margin:10px 0;color:#ccc}.user-details strong{color:#fff;margin-right:10px}.modal-content button{margin-top:20px;padding:10px 20px;background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:8px;color:#fff;cursor:pointer;transition:all .3s ease}.modal-content button:hover{transform:translateY(-2px);box-shadow:0 5px 15px #667eea66}.admin-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:60vh;color:#fff}.admin-loading svg{font-size:48px;margin-bottom:20px}.spin{animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (max-width: 768px){.stats-grid{grid-template-columns:1fr}.admin-tabs{flex-wrap:wrap}.users-table,.transactions-table{padding:10px}.users-table table,.transactions-table table{font-size:12px}}.pricing-container{min-height:auto;background:transparent;padding:20px 20px 40px;position:relative;overflow:visible}.pricing-bg-effects{position:fixed;inset:0;overflow:hidden;pointer-events:none;z-index:0}.blob{position:absolute;border-radius:50%;filter:blur(150px);mix-blend-mode:screen;opacity:.03;animation:blob 15s infinite}.blob-purple{width:400px;height:400px;background:#8b5cf6;top:-200px;right:-200px}.blob-yellow{width:400px;height:400px;background:#fbbf24;bottom:-200px;left:-200px;animation-delay:5s}.blob-pink{width:400px;height:400px;background:#ec4899;top:50%;left:50%;transform:translate(-50%,-50%);animation-delay:10s}@keyframes blob{0%{transform:translate(0) scale(1)}33%{transform:translate(30px,-50px) scale(1.1)}66%{transform:translate(-20px,20px) scale(.9)}to{transform:translate(0) scale(1)}}.pricing-content{max-width:1280px;margin:0 auto;position:relative;z-index:10}.pricing-header{text-align:center;margin-bottom:60px}.pricing-badge{display:inline-flex;align-items:center;justify-content:center;padding:8px 16px;background:#8b5cf61a;border-radius:50px;margin-bottom:20px}.pricing-badge-icon{width:20px;height:20px;color:#a78bfa;margin-right:8px}.pricing-badge-text{color:#a78bfa;font-size:14px;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.pricing-title{font-size:3.5rem;font-weight:700;margin-bottom:24px;background:linear-gradient(to right,#fff,#e9d5ff,#fff);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}@media (max-width: 768px){.pricing-title{font-size:2.5rem}}.pricing-subtitle{font-size:1.25rem;color:#9ca3af;max-width:600px;margin:0 auto}.pricing-error{margin-bottom:32px;padding:16px;background:#ef44441a;border:1px solid rgba(239,68,68,.3);border-radius:12px;text-align:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.pricing-error-text{color:#f87171}.pricing-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:32px;margin-bottom:64px}@media (min-width: 768px){.pricing-grid{grid-template-columns:repeat(3,1fr)}}.tier-card{position:relative;transition:transform .3s}.tier-card.popular{transform:translateY(-16px)}.tier-card:hover{transform:translateY(-8px) scale(1.02)}.tier-card.popular:hover{transform:translateY(-16px) scale(1.02)}.tier-card-glow{position:absolute;inset:0;border-radius:24px;opacity:0;transition:opacity .5s;filter:blur(20px)}.tier-card:hover .tier-card-glow{opacity:.5}.glow-gray{background:linear-gradient(to right,#6b7280,#9ca3af)}.glow-purple{background:linear-gradient(to right,#a78bfa,#ec4899)}.glow-yellow{background:linear-gradient(to right,#fbbf24,#fb923c)}.tier-card-content{position:relative;background:#1a1a2e99;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:24px;padding:32px;border:1px solid rgba(255,255,255,.05);transition:all .3s;box-shadow:0 8px 32px #0000004d}.tier-card-content.border-gray{border-color:#6b728080}.tier-card-content.border-purple{border-color:#8b5cf680}.tier-card-content.border-yellow{border-color:#fbbf2480}.tier-card:hover .tier-card-content{border-color:#fff3;box-shadow:0 20px 40px #0006}.tier-badge{position:absolute;top:-16px;left:50%;transform:translate(-50%);padding:8px 24px;border-radius:50px;font-size:14px;font-weight:700;display:flex;align-items:center;gap:8px;box-shadow:0 4px 12px #0000004d;z-index:10}.tier-badge-icon{width:16px;height:16px}.badge-purple{background:linear-gradient(to right,#8b5cf6,#ec4899);color:#fff}.badge-yellow{background:linear-gradient(to right,#fbbf24,#fb923c,#ef4444);color:#fff}.tier-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:24px}.tier-info h3{font-size:1.875rem;font-weight:700;margin-bottom:8px;color:#fff}.tier-info p{color:#9ca3af;font-size:14px}.tier-icon{padding:12px;border-radius:16px;box-shadow:0 4px 12px #0000004d;display:flex;align-items:center;justify-content:center}.tier-icon svg{width:48px;height:48px;color:#fff}.icon-bg-gray{background:linear-gradient(135deg,#4b5563,#6b7280)}.icon-bg-purple{background:linear-gradient(135deg,#8b5cf6,#ec4899)}.icon-bg-yellow{background:linear-gradient(135deg,#fbbf24,#fb923c,#ef4444)}.tier-price{margin-bottom:32px}.tier-price-amount{display:flex;align-items:baseline;gap:8px}.tier-price-value{font-size:3rem;font-weight:700;color:#fff}.tier-price-period{color:#9ca3af;font-size:1.125rem}.tier-price-free{color:#6b7280;font-size:14px;margin-top:4px}.tier-limits{background:#0000004d;border-radius:12px;padding:16px;margin-bottom:24px;border:1px solid rgba(255,255,255,.05)}.tier-limits-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.limit-item label{color:#6b7280;font-size:12px;margin-bottom:4px;display:block}.limit-item-value{font-size:1.25rem;font-weight:700;color:#fff}.tier-features{margin-bottom:32px}.tier-features-list{display:flex;flex-direction:column;gap:16px}.feature-item{display:flex;align-items:flex-start;gap:12px}.feature-icon{width:24px;height:24px;border-radius:50%;flex-shrink:0;display:flex;align-items:center;justify-content:center}.feature-icon svg{width:14px;height:14px;color:#fff}.feature-icon-included{background:linear-gradient(135deg,#10b981,#34d399)}.feature-icon-purple{background:linear-gradient(135deg,#8b5cf6,#ec4899)}.feature-icon-yellow{background:linear-gradient(135deg,#fbbf24,#fb923c)}.feature-icon-excluded{background:#4b5563}.feature-text{color:#e5e7eb;font-size:14px}.feature-text-excluded{color:#6b7280}.tier-button{width:100%;padding:16px;border-radius:12px;font-weight:600;font-size:16px;border:none;cursor:pointer;transition:all .3s;display:flex;align-items:center;justify-content:center;gap:8px}.tier-button:disabled{opacity:.5;cursor:not-allowed}.tier-button-icon{width:20px;height:20px}.btn-gray{background:#4b5563;color:#9ca3af}.btn-gradient-gray{background:linear-gradient(135deg,#4b5563,#6b7280);color:#fff}.btn-gradient-gray:hover:not(:disabled){box-shadow:0 8px 24px #6b728040;transform:translateY(-2px)}.btn-gradient-purple{background:linear-gradient(135deg,#8b5cf6,#ec4899);color:#fff}.btn-gradient-purple:hover:not(:disabled){box-shadow:0 8px 24px #8b5cf640;transform:translateY(-2px)}.btn-gradient-yellow{background:linear-gradient(135deg,#fbbf24,#fb923c,#ef4444);color:#fff}.btn-gradient-yellow:hover:not(:disabled){box-shadow:0 8px 24px #fbbf2440;transform:translateY(-2px)}.tier-active-badge{position:absolute;top:-8px;right:-8px;background:#10b981;color:#fff;font-size:12px;padding:4px 12px;border-radius:50px;font-weight:600;display:flex;align-items:center;gap:4px;z-index:10}.tier-active-icon{width:12px;height:12px}.trust-badges{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:24px;margin-bottom:64px}@media (min-width: 768px){.trust-badges{grid-template-columns:repeat(4,1fr)}}.trust-badge{background:#1a1a2e66;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:12px;padding:24px;text-align:center;border:1px solid rgba(255,255,255,.05);transition:all .3s}.trust-badge:hover{transform:translateY(-4px);border-color:#8b5cf64d}.trust-badge-icon{width:32px;height:32px;margin:0 auto 12px}.trust-badge-icon.green{color:#10b981}.trust-badge-icon.blue{color:#3b82f6}.trust-badge-icon.purple{color:#a78bfa}.trust-badge-icon.yellow{color:#fbbf24}.trust-badge h4{font-weight:600;margin-bottom:4px;color:#fff;font-size:16px}.trust-badge p{color:#9ca3af;font-size:14px}.faq-section{background:#1a1a2e4d;border-radius:24px;padding:48px 32px;margin:48px auto;max-width:1280px;position:relative;z-index:1;display:block!important;visibility:visible!important;border:1px solid rgba(139,92,246,.1);box-shadow:0 4px 24px #0000001a}.faq-title{font-size:2rem;font-weight:700;margin:0 0 40px;text-align:center;color:#fff;display:block!important;position:relative}.faq-title:after{content:"";position:absolute;bottom:-12px;left:50%;transform:translate(-50%);width:60px;height:3px;background:linear-gradient(90deg,#8b5cf6,#ec4899);border-radius:2px}.faq-grid{display:grid;grid-template-columns:1fr;gap:20px;width:100%}@media (min-width: 768px){.faq-grid{grid-template-columns:1fr 1fr;gap:24px}}.faq-column{display:flex;flex-direction:column;gap:16px;width:100%}.faq-item{background:#1f293799;border:1px solid rgba(139,92,246,.1);border-radius:16px;padding:20px;display:block!important;visibility:visible!important;cursor:pointer;position:relative;transition:all .3s ease;overflow:hidden}.faq-item:before{content:"";position:absolute;top:0;left:0;width:4px;height:100%;background:linear-gradient(135deg,#8b5cf6,#ec4899);opacity:0;transition:opacity .3s ease}.faq-item:hover{transform:translateY(-2px);background:#1f2937cc;border-color:#8b5cf64d;box-shadow:0 8px 24px #8b5cf626}.faq-item:hover:before{opacity:1}.faq-item h3{font-weight:600;margin:0 0 10px;color:#fff;font-size:16px;display:flex;align-items:center;gap:10px;transition:color .3s ease}.faq-item h3:before{content:"❓";font-size:14px;opacity:.7}.faq-item:hover h3{color:#a78bfa}.faq-item:hover h3:before{opacity:1}.faq-item p{color:#9ca3af;font-size:14px;line-height:1.6;margin:0;display:block!important;transition:color .3s ease}.faq-item:hover p{color:#e5e7eb}.pricing-footer{text-align:center;color:#9ca3af;padding-bottom:20px}.pricing-footer-secure{display:flex;align-items:center;justify-content:center;gap:8px;margin-bottom:8px}.pricing-footer-icon{width:16px;height:16px}.pricing-footer p{font-size:14px}.pricing-loading{min-height:100vh;background:transparent;display:flex;align-items:center;justify-content:center}.pricing-loading-content{display:flex;align-items:center;gap:12px;color:#fff}.pricing-spinner{width:32px;height:32px;border:2px solid transparent;border-bottom-color:#8b5cf6;border-radius:50%;animation:spin 1s linear infinite}.pricing-loading-text{font-size:1.125rem}.subscription-page-container{min-height:100vh;background:transparent;display:flex;align-items:center;justify-content:center;padding:20px;position:relative;overflow:hidden}.subscription-bg-effects{position:fixed;inset:0;overflow:hidden;pointer-events:none;z-index:0}.subscription-blob{position:absolute;border-radius:50%;filter:blur(150px);mix-blend-mode:screen;opacity:.03;animation:float 20s infinite ease-in-out}.blob-success{width:400px;height:400px;background:#10b981;top:-200px;right:-200px}.blob-error{width:400px;height:400px;background:#ef4444;top:-200px;right:-200px}.blob-accent{width:400px;height:400px;background:#8b5cf6;bottom:-200px;left:-200px;animation-delay:10s}@keyframes float{0%,to{transform:translate(0) scale(1)}33%{transform:translate(30px,-30px) scale(1.1)}66%{transform:translate(-20px,20px) scale(.9)}}.subscription-card{max-width:480px;width:100%;background:#1a1a2e99;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:24px;padding:48px 40px;text-align:center;border:1px solid rgba(255,255,255,.05);position:relative;z-index:10;animation:slideUp .5s ease-out}@keyframes slideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.subscription-icon-container{width:120px;height:120px;margin:0 auto 32px;position:relative;display:flex;align-items:center;justify-content:center}.subscription-icon-bg{position:absolute;inset:0;border-radius:50%;animation:pulse 2s ease-in-out infinite}.subscription-icon-bg.success{background:linear-gradient(135deg,#10b981,#34d399);box-shadow:0 0 40px #10b9814d}.subscription-icon-bg.error{background:linear-gradient(135deg,#ef4444,#f87171);box-shadow:0 0 40px #ef44444d}@keyframes pulse{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.05);opacity:.9}}.subscription-icon{width:60px;height:60px;color:#fff;position:relative;z-index:1;animation:checkmark .5s ease-out .3s both}@keyframes checkmark{0%{transform:scale(0) rotate(-45deg)}to{transform:scale(1) rotate(0)}}.subscription-title{font-size:2rem;font-weight:700;margin-bottom:16px;color:#fff;line-height:1.2}.subscription-description{color:#9ca3af;margin-bottom:32px;font-size:16px;line-height:1.6}.subscription-success-message{background:#10b9811a;border:1px solid rgba(16,185,129,.2);border-radius:12px;padding:16px;margin-bottom:32px}.subscription-success-message p{color:#10b981;font-size:14px;margin:0}.subscription-features{text-align:left;margin-bottom:32px}.subscription-features-title{font-size:14px;color:#6b7280;text-transform:uppercase;letter-spacing:.5px;margin-bottom:16px;text-align:center}.subscription-feature-item{display:flex;align-items:center;gap:12px;padding:12px;margin-bottom:8px;background:#8b5cf60d;border-radius:12px;border:1px solid rgba(139,92,246,.1);transition:all .3s ease}.subscription-feature-item:hover{background:#8b5cf61a;transform:translate(4px)}.subscription-feature-icon{width:20px;height:20px;color:#8b5cf6;flex-shrink:0}.subscription-feature-text{color:#e5e7eb;font-size:14px}.subscription-button{width:100%;padding:16px 24px;border-radius:12px;font-weight:600;font-size:16px;border:none;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;gap:8px;position:relative;overflow:hidden}.subscription-button:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.1),transparent);transition:left .5s ease}.subscription-button:hover:before{left:100%}.subscription-button-primary{background:linear-gradient(135deg,#10b981,#34d399);color:#fff}.subscription-button-primary:hover{transform:translateY(-2px);box-shadow:0 8px 24px #10b9814d}.subscription-button-secondary{background:linear-gradient(135deg,#8b5cf6,#a78bfa);color:#fff;margin-bottom:12px}.subscription-button-secondary:hover{transform:translateY(-2px);box-shadow:0 8px 24px #8b5cf64d}.subscription-button-ghost{background:#37415180;color:#fff}.subscription-button-ghost:hover{background:#374151b3;transform:translateY(-2px)}.subscription-button-group{display:flex;flex-direction:column;gap:12px}.subscription-redirect-message{margin-top:24px;padding:12px;background:#8b5cf60d;border-radius:8px;border:1px solid rgba(139,92,246,.1)}.subscription-redirect-text{font-size:13px;color:#6b7280;margin:0}.subscription-redirect-text .countdown{color:#8b5cf6;font-weight:600}.subscription-support{margin-top:32px;padding-top:24px;border-top:1px solid rgba(255,255,255,.05)}.subscription-support-text{font-size:13px;color:#6b7280;margin:0}.subscription-support-link{color:#8b5cf6;text-decoration:none;transition:color .3s ease}.subscription-support-link:hover{color:#a78bfa;text-decoration:underline}.subscription-loading{display:inline-block;width:20px;height:20px;border:2px solid transparent;border-bottom-color:#fff;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@media (max-width: 640px){.subscription-card{padding:32px 24px}.subscription-title{font-size:1.5rem}.subscription-icon-container{width:100px;height:100px}.subscription-icon{width:50px;height:50px}}.loading-screen{position:fixed;inset:0;background:linear-gradient(135deg,#0f172a,#1e293b);display:flex;align-items:center;justify-content:center;z-index:9999;overflow:hidden}.loading-screen:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle,rgba(139,92,246,.1) 0%,transparent 70%);animation:rotate 20s linear infinite}.loading-container{position:relative;text-align:center;z-index:1}.loading-logo{position:relative;width:120px;height:120px;margin:0 auto 30px}.logo-icon{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:3rem;filter:drop-shadow(0 0 30px rgba(139,92,246,.8));animation:float 3s ease-in-out infinite}.pulse-ring{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:100%;height:100%;border:2px solid rgba(139,92,246,.3);border-radius:50%;animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}.pulse-ring:nth-child(2){animation-delay:.5s}.loading-content{margin-bottom:40px}.loading-title{font-size:2.5rem;font-weight:700;background:linear-gradient(135deg,#8b5cf6,#3b82f6);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:20px;letter-spacing:2px;animation:glow 2s ease-in-out infinite alternate}.loading-dots{display:flex;justify-content:center;gap:8px;margin-top:20px}.dot{width:12px;height:12px;background:linear-gradient(135deg,#8b5cf6,#3b82f6);border-radius:50%;animation:bounce 1.4s ease-in-out infinite}.dot:nth-child(1){animation-delay:0s}.dot:nth-child(2){animation-delay:.2s}.dot:nth-child(3){animation-delay:.4s}.loading-bar{width:200px;height:4px;background:#8b5cf61a;border-radius:4px;overflow:hidden;margin:0 auto}.loading-progress{height:100%;background:linear-gradient(90deg,#8b5cf6,#3b82f6);border-radius:4px;animation:progress 2s ease-in-out infinite;box-shadow:0 0 20px #8b5cf680}@keyframes rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes float{0%,to{transform:translate(-50%,-50%) translateY(0)}50%{transform:translate(-50%,-50%) translateY(-10px)}}@keyframes pulse{0%{transform:translate(-50%,-50%) scale(.8);opacity:.5}50%{transform:translate(-50%,-50%) scale(1.1);opacity:.3}to{transform:translate(-50%,-50%) scale(1.3);opacity:0}}@keyframes glow{0%{filter:drop-shadow(0 0 20px rgba(139,92,246,.5))}to{filter:drop-shadow(0 0 40px rgba(139,92,246,.8))}}@keyframes bounce{0%,80%,to{transform:translateY(0) scale(1);opacity:1}40%{transform:translateY(-20px) scale(1.1);opacity:.8}}@keyframes progress{0%{width:0%;transform:translate(0)}50%{width:70%}to{width:100%;transform:translate(100px)}}@media (max-width: 768px){.loading-title{font-size:2rem}.logo-icon{font-size:2.5rem}.loading-logo{width:100px;height:100px}}