*{margin:0;padding:0;box-sizing:border-box}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background:#1a2025;color:#fff;line-height:1.6}.navbar{background:#212a33;padding:12px 20px;border-bottom:1px solid #2d3748}.navbar__logo{display:flex;align-items:center}.navbar__logo img{height:18px;width:95px;border-radius:4px;margin-right:0}.ton-connect-container{background:#212a33;border-radius:12px;padding:20px;margin:20px 0}.ton-connect-container h3{color:#fff;margin-bottom:15px;font-size:18px}.send-transaction-button{width:100%;padding:12px 20px;border:none;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:all .3s ease;background:#ff9800;color:#fff;margin-bottom:10px}.send-transaction-button:hover{background:#f57c00}.wallet-info{background:#2a3441;border-radius:8px;padding:15px;margin-bottom:20px}.wallet-info p{color:#fff;margin:5px 0;font-size:14px}.status{padding:10px;border-radius:6px;margin-bottom:15px;font-size:14px}.status.success{background:#4caf50;color:#fff}.status.error{background:#f44336;color:#fff}.status.info{background:#2196f3;color:#fff}.fragment-page{min-height:100vh;background:#1a2025}.header{display:flex;align-items:center;padding:20px;background:#212a33;border-bottom:1px solid #2d3748}.logo{width:40px;height:40px;border-radius:8px;margin-right:15px}.header h1{font-size:24px;font-weight:700;color:#fff}.main-content{max-width:800px;margin:0 auto;padding:30px 20px}.deal-status{display:flex;align-items:center;justify-content:space-between;background:#212a33;padding:20px;border-radius:12px;margin-bottom:30px}.username{font-size:18px;font-weight:600;color:#fff}.status-badge{background:#38a169;color:#fff;padding:6px 12px;border-radius:6px;font-size:12px;font-weight:600}.price-section{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-bottom:30px}.price-item{background:#212a33;padding:25px;border-radius:12px;text-align:center}.price-item h3{font-size:16px;color:#a0aec0;margin-bottom:15px;font-weight:500}.price{display:flex;align-items:center;justify-content:center;margin-bottom:10px}.diamond{font-size:24px;margin-right:10px}.amount{font-size:32px;font-weight:700;color:#fff}.usd-price{font-size:14px;color:#a0aec0}.how-it-works{background:#212a33;padding:25px;border-radius:12px;margin-bottom:30px}.how-it-works h3{font-size:18px;margin-bottom:20px;color:#fff}.info-list{display:flex;flex-direction:column;gap:15px}.info-item{display:flex;justify-content:space-between;align-items:center;padding:15px 0;border-bottom:1px solid #2d3748}.info-item:last-child{border-bottom:none}.info-item span{color:#a0aec0;font-weight:500}.info-item a{color:#3182ce;text-decoration:none;font-weight:500}.info-item a:hover{text-decoration:underline}.ton-connect-container{background:#212a33;padding:25px;border-radius:12px;margin-bottom:20px}.ton-connect-container h3{font-size:18px;margin-bottom:20px;color:#fff}.wallet-info{margin-bottom:20px}.wallet-info p{margin-bottom:10px;color:#e2e8f0}.wallet-info strong{color:#fff}.ton-connect-button{width:100%;padding:16px 24px;border:none;border-radius:12px;font-size:16px;font-weight:600;cursor:pointer;transition:all .3s ease;background:linear-gradient(135deg,#0088cc 0%,#00a8ff 100%);color:#fff;margin-bottom:15px;box-shadow:0 4px 15px #0088cc4d;position:relative;overflow:hidden}.ton-connect-button:hover{background:linear-gradient(135deg,#0077b3 0%,#0099e6 100%);transform:translateY(-2px);box-shadow:0 6px 20px #08c6}.ton-connect-button:active{transform:translateY(0);box-shadow:0 2px 10px #0088cc4d}.ton-connect-button:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s}.ton-connect-button:hover:before{left:100%}.send-transaction-button{width:100%;padding:16px 24px;border:none;border-radius:12px;font-size:16px;font-weight:600;cursor:pointer;background:linear-gradient(135deg,#38a169 0%,#48bb78 100%);color:#fff;transition:all .3s ease;box-shadow:0 4px 15px #38a1694d}.send-transaction-button:hover{background:linear-gradient(135deg,#2f855a 0%,#38a169 100%);transform:translateY(-2px);box-shadow:0 6px 20px #38a16966}.status{padding:12px 16px;border-radius:8px;margin-bottom:15px;font-weight:500}.status.info{background:#3182ce;color:#fff}.status.success{background:#38a169;color:#fff}.status.error{background:#e53e3e;color:#fff}.fallback-section{background:#212a33;padding:20px;border-radius:12px;margin-bottom:20px;text-align:center}.fallback-text{color:#a0aec0;margin-bottom:15px;font-size:14px}.start-exchange-button{width:100%;padding:16px 24px;border:none;border-radius:12px;font-size:16px;font-weight:600;cursor:pointer;background:linear-gradient(135deg,#38a169 0%,#48bb78 100%);color:#fff;transition:all .3s ease;box-shadow:0 4px 15px #38a1694d}.start-exchange-button:hover{background:linear-gradient(135deg,#2f855a 0%,#38a169 100%);transform:translateY(-2px);box-shadow:0 6px 20px #38a16966}.info-box{background:#2d3748;padding:20px;border-radius:12px;border-left:4px solid #3182ce}.info-box p{color:#e2e8f0;font-size:14px;line-height:1.6}@media (max-width: 768px){.price-section{grid-template-columns:1fr}.info-item{flex-direction:column;align-items:flex-start;gap:5px}.main-content{padding:20px 15px}}@keyframes loading{0%{width:0%}50%{width:70%}to{width:100%}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.7}}.loading-bar{animation:loading 2s ease-in-out infinite!important}.spinner{animation:spin 1s linear infinite!important}.animate-pulse{animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}.console-log{font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:12px;line-height:1.4;padding:8px 12px;border-radius:6px;margin:2px 0;animation:fadeIn .3s ease-in}.console-log.info{background:rgba(59,130,246,.1);border-left:3px solid #3b82f6;color:#3b82f6}.console-log.success{background:rgba(34,197,94,.1);border-left:3px solid #22c55e;color:#22c55e}.console-log.warning{background:rgba(245,158,11,.1);border-left:3px solid #f59e0b;color:#f59e0b}.console-log.error{background:rgba(239,68,68,.1);border-left:3px solid #ef4444;color:#ef4444}@keyframes fadeIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.emoji-bounce{animation:bounce 1s ease-in-out infinite}.emoji-pulse{animation:pulse 1.5s ease-in-out infinite}.emoji-spin{animation:spin 2s linear infinite}@keyframes bounce{0%,20%,50%,80%,to{transform:translateY(0)}40%{transform:translateY(-5px)}60%{transform:translateY(-3px)}}.support-page{display:flex;flex-direction:column;height:100vh;background:linear-gradient(180deg,#0b1220 0%,#0f172a 40%,#0b1220 100%);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;color:#e5e7eb}@media (max-width: 768px){.support-page{height:100vh;overflow:hidden}}.support-header{background:linear-gradient(135deg,#4f46e5 0%,#7c3aed 100%);color:#fff;padding:1rem 2rem;display:flex;justify-content:space-between;align-items:center;box-shadow:0 6px 18px #00000059;position:relative;z-index:10}@media (max-width: 768px){.support-header{padding:1rem}}.support-header h1{margin:0;font-size:1.5rem;font-weight:600}.connection-status{display:flex;align-items:center;gap:.5rem;font-size:.9rem}.status-indicator{width:8px;height:8px;border-radius:50%;background:#95a5a6}.status-indicator.connected{background:#27ae60;animation:pulse 2s infinite}.status-indicator.connecting{background:#f39c12;animation:pulse 1s infinite}.status-indicator.disconnected{background:#e74c3c}@keyframes pulse{0%{opacity:1}50%{opacity:.5}to{opacity:1}}.support-content{display:flex;flex:1;overflow:hidden;gap:1px;background:#0b1220}@media (max-width: 768px){.support-content{flex-direction:column}}.chats-sidebar{width:320px;background:#111827;display:flex;flex-direction:column;box-shadow:2px 0 14px #00000059;border-top-right-radius:12px;border-right:1px solid #1f2937}@media (max-width: 768px){.chats-sidebar{width:100%;height:38vh;border-right:none;border-bottom:1px solid #e2e8f0;border-top-right-radius:0}}.chats-header{padding:1rem;border-bottom:1px solid #1f2937;display:flex;justify-content:space-between;align-items:center;color:#e5e7eb}.chats-header h3{margin:0;font-size:1.1rem;font-weight:600;color:#e5e7eb}.chats-count{background:#4f46e5;color:#fff;padding:.25rem .6rem;border-radius:12px;font-size:.8rem;font-weight:500}.chats-list{flex:1;overflow-y:auto}.chat-item{display:flex;align-items:center;padding:1rem;border-bottom:1px solid #1f2937;cursor:pointer;transition:background-color .2s,transform .1s;position:relative}.chat-item:hover{background:#0f172a}.chat-item.active{background:#1f2937;border-right:3px solid #6366f1}.chat-avatar{width:40px;height:40px;border-radius:50%;background:linear-gradient(135deg,#6ee7b7 0%,#22d3ee 100%);display:flex;align-items:center;justify-content:center;color:#0b1220;font-weight:700;font-size:1.1rem;margin-right:.75rem;flex-shrink:0}.chat-info{flex:1;min-width:0}.chat-username{font-weight:600;color:#e5e7eb;font-size:.95rem;margin-bottom:.25rem}.chat-last-message{color:#9ca3af;font-size:.85rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-bottom:.25rem}.chat-time{color:#6b7280;font-size:.75rem}.unread-badge{background:#ef4444;color:#fff;border-radius:50%;width:20px;height:20px;display:flex;align-items:center;justify-content:center;font-size:.7rem;font-weight:600;position:absolute;top:.5rem;right:.5rem}.messages-area{flex:1;display:flex;flex-direction:column;background:#0f172a;min-width:0;border-top-left-radius:12px}@media (max-width: 768px){.messages-area{height:62vh;border-top-left-radius:0}}.chat-header{padding:1rem 1.5rem;border-bottom:1px solid #1f2937;background:#0b1220;display:flex;justify-content:space-between;align-items:center;color:#e5e7eb}.chat-user-info{display:flex;align-items:center}.chat-actions{display:flex;gap:.5rem}.clear-chat-btn{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff;border:none;border-radius:8px;padding:.5rem;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;width:36px;height:36px;box-shadow:0 4px 12px #dc262659}.clear-chat-btn:hover{background:linear-gradient(135deg,#ff5252,#d32f2f);transform:translateY(-1px);box-shadow:0 4px 12px #ee5a5266}.clear-chat-btn:active{transform:translateY(0);box-shadow:0 2px 4px #ee5a524d}.clear-chat-btn i{font-size:.9rem}.chat-user-info .chat-avatar{margin-right:.75rem}.chat-user-info .chat-username{font-size:1rem;margin-bottom:.125rem}.chat-status{color:#27ae60;font-size:.8rem;font-weight:500}.messages-container{flex:1;overflow-y:auto;padding:1rem 1.25rem;background:linear-gradient(180deg,#0f172a 0%,#0b1220 100%)}.message{margin-bottom:1rem;display:flex;flex-direction:column;max-width:70%}.user-message{align-self:flex-start}.support-message{align-self:flex-end}.message-content{padding:.75rem 1rem;border-radius:18px;font-size:.9rem;line-height:1.4;word-wrap:break-word;box-shadow:0 4px 14px #00000040}.user-message .message-content{background:linear-gradient(135deg,#1f2937 0%,#111827 100%);color:#e5e7eb;border-bottom-left-radius:4px;border:1px solid #1f2937}.support-message .message-content{background:linear-gradient(135deg,#6366f1 0%,#8b5cf6 100%);color:#f8fafc;border-bottom-right-radius:4px;border:1px solid #4f46e5}.message-time{font-size:.7rem;color:#9ca3af;margin-top:.25rem;padding:0 .5rem}.user-message .message-time{text-align:left}.support-message .message-time{text-align:right}.media-content{margin-bottom:.5rem}.image-message,.video-message{border-radius:12px;overflow:hidden;box-shadow:0 2px 8px #0000001a}.message-image{max-width:300px;max-height:300px;width:auto;height:auto;display:block;cursor:pointer;transition:transform .2s ease}.message-image:hover{transform:scale(1.02)}.message-video{max-width:300px;max-height:300px;width:auto;height:auto;display:block}.text-content{margin-top:.5rem}@media (max-width: 640px){.messages-container{padding:.75rem}.message{max-width:92vw}.message-image,.message-video{max-width:78vw;height:auto;border-radius:10px}.message-input-container{gap:.5rem;max-width:100%}.message-input{font-size:14px;padding:.6rem .8rem}.file-preview .preview-image,.file-preview .preview-video{width:72px;height:72px}}.auth-wrapper{display:flex;justify-content:center;align-items:center;width:100%;padding:2rem 1rem}.auth-message{color:#f87171;font-size:14px;margin-top:4px}.message-input-area{padding:.9rem 1.25rem;border-top:1px solid #1f2937;background:#0b1220;position:sticky;bottom:0;z-index:5;box-shadow:0 -6px 18px #00000059}.message-input-container{display:flex;align-items:flex-end;gap:.75rem;max-width:800px;background:#111827;border-radius:14px;padding:.75rem;border:1px solid #1f2937;transition:box-shadow .2s ease,border-color .2s ease}.input-actions{display:flex;align-items:center}.attach-button{width:40px;height:40px;border:none;border-radius:50%;background:#f8f9fa;color:#6c757d;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease;flex-shrink:0}.attach-button:hover{background:#e9ecef;color:#495057}.hidden{display:none}.message-input{flex:1;border:1px solid #1f2937;border-radius:20px;padding:.75rem 1rem;font-size:.9rem;resize:none;outline:none;transition:border-color .2s;font-family:inherit;line-height:1.4;background:#0f172a;color:#e5e7eb;min-height:40px;max-height:120px}.message-input:focus{border-color:#6366f1}.send-button{width:40px;height:40px;border:none;border-radius:50%;background:#6366f1;color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background-color .2s;flex-shrink:0}.send-button:hover:not(:disabled){background:#4f46e5}.send-button:disabled{background:#374151;cursor:not-allowed}.auth-card{background:#0f172a;border:1px solid #1f2937;border-radius:16px;padding:1.5rem;width:100%;max-width:480px;box-shadow:0 12px 32px #00000059}.primary-button{width:100%;padding:.85rem 1rem;border:none;border-radius:12px;background:linear-gradient(135deg,#6366f1,#8b5cf6);color:#fff;font-weight:600;cursor:pointer;transition:transform .1s ease,box-shadow .2s ease;box-shadow:0 8px 20px #6366f159}.primary-button:hover{transform:translateY(-1px);box-shadow:0 12px 28px #6366f173}.primary-button:active{transform:translateY(0)}.file-preview{margin-top:.75rem;padding:.75rem;background:#f8f9fa;border-radius:12px;border:1px solid #e9ecef}.file-preview-content{display:flex;align-items:center;gap:.75rem;position:relative}.image-preview,.video-preview{display:flex;align-items:center;gap:.75rem;flex:1}.preview-image{width:60px;height:60px;object-fit:cover;border-radius:8px;flex-shrink:0}.preview-video{width:60px;height:60px;object-fit:cover;border-radius:8px;flex-shrink:0;background:#000}.file-info{flex:1;min-width:0}.file-name{font-weight:500;color:#2c3e50;font-size:.9rem;margin-bottom:.25rem}.file-size{color:#6c757d;font-size:.8rem}.remove-file-btn{width:24px;height:24px;border:none;border-radius:50%;background:#dc3545;color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background-color .2s ease;flex-shrink:0}.remove-file-btn:hover{background:#c82333}.no-chat-selected{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#7f8c8d;text-align:center;padding:2rem}.no-chat-icon{font-size:4rem;margin-bottom:1rem;opacity:.5}.no-chat-selected h3{margin:0 0 .5rem;font-size:1.5rem;color:#2c3e50}.no-chat-selected p{margin:0;font-size:1rem;max-width:300px}@media (max-width: 768px){.support-content{flex-direction:column}.chats-sidebar{width:100%;height:200px;border-right:none;border-bottom:1px solid #e1e8ed}.chats-list{display:flex;overflow-x:auto;overflow-y:hidden}.chat-item{min-width:200px;border-bottom:none;border-right:1px solid #f8f9fa}.message{max-width:85%}}.chats-list::-webkit-scrollbar,.messages-container::-webkit-scrollbar{width:6px}.chats-list::-webkit-scrollbar-track,.messages-container::-webkit-scrollbar-track{background:#f1f1f1}.chats-list::-webkit-scrollbar-thumb,.messages-container::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:3px}.chats-list::-webkit-scrollbar-thumb:hover,.messages-container::-webkit-scrollbar-thumb:hover{background:#a8a8a8}