.header{position:sticky;top:0;z-index:100;background:#fffffff2;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-bottom:1px solid var(--border)}.header-inner{display:flex;align-items:center;gap:32px;height:64px}.logo{display:flex;align-items:center;gap:10px;font-size:20px;font-weight:700;color:var(--text)}.nav{display:flex;gap:28px;margin-left:auto}.nav a{font-size:15px;font-weight:500;color:var(--text-muted);transition:color .15s}.nav a:hover{color:var(--green-primary)}.lang-btn{background:var(--green-light);color:var(--green-dark);border:none;padding:6px 14px;border-radius:6px;font-size:13px;font-weight:600;cursor:pointer;transition:background .15s}.lang-btn:hover{background:#d0f5e8}.lang-selector{position:relative}.lang-arrow{font-size:9px;margin-left:4px}.lang-dropdown{position:absolute;top:calc(100% + 8px);right:0;background:#fff;border:1px solid #e5e7eb;border-radius:10px;box-shadow:0 8px 24px #0000001f;overflow:hidden;min-width:130px;z-index:200}.lang-option{display:flex;align-items:center;gap:8px;width:100%;background:none;border:none;padding:10px 16px;font-size:13px;font-weight:600;color:#374151;cursor:pointer;text-align:left;transition:background .1s}.lang-option:hover{background:#f3f4f6}.lang-option.active{color:#16c784;background:#e6faf3}.lang-option-name{font-weight:400;color:#9ca3af}.logo-text{display:flex;flex-direction:column;gap:2px}.logo-name{font-size:18px;font-weight:700;color:var(--text);line-height:1}.logo-sub{font-size:10px;font-weight:500;color:#9ca3af;letter-spacing:.3px;line-height:1;margin-top:1px}.exchange-section{background:linear-gradient(135deg,#0a1628,#0d2040);padding:80px 0}.exchange-card{background:#fff;border-radius:20px;padding:40px;max-width:700px;margin:0 auto;box-shadow:var(--shadow)}.exchange-title{font-size:24px;font-weight:700;margin-bottom:28px}.exchange-row{display:flex;align-items:flex-end;gap:12px}.exchange-field{flex:1;min-width:0}.exchange-field label{display:block;font-size:13px;font-weight:500;color:var(--text-muted);margin-bottom:8px}.exchange-input-row{display:flex;width:100%;border:1.5px solid var(--border);border-radius:10px;overflow:visible;min-width:0;position:relative}.exchange-input-row input:first-child{border-radius:10px 0 0 10px}.exchange-input-row input{flex:1;min-width:0;border:none;padding:14px 16px;font-size:18px;font-weight:600;outline:none;background:transparent}.cselector{position:relative;flex-shrink:0}.cselector-btn{display:flex;align-items:center;gap:8px;border:none;border-left:1.5px solid var(--border);padding:10px 14px;background:var(--bg-secondary);cursor:pointer;height:100%;min-width:120px;white-space:nowrap;border-radius:0 10px 10px 0}.cselector-btn:hover{background:#e8edf2}.cselector-icon{width:32px;height:32px;border-radius:8px;font-size:10px;font-weight:800;display:flex;align-items:center;justify-content:center;flex-shrink:0}.cselector-text{display:flex;flex-direction:column;align-items:flex-start;gap:1px}.cselector-main{font-size:14px;font-weight:700;color:#0a0e1a;line-height:1}.cselector-sub{font-size:10px;color:#9ca3af;font-weight:500;line-height:1}.cselector-arrow{font-size:9px;color:#9ca3af;margin-left:2px}.cselector-dropdown{position:absolute;bottom:calc(100% + 6px);right:0;width:480px;background:#fff;border-radius:16px;box-shadow:0 16px 48px #0000002e;z-index:300;overflow:hidden;border:1px solid #e5e7eb}.cselector-search{padding:12px 14px 0}.cselector-search input{width:100%;border:1.5px solid #e5e7eb;border-radius:8px;padding:9px 13px;font-size:14px;outline:none;box-sizing:border-box}.cselector-search input:focus{border-color:#16c784}.cselector-tabs{display:flex;gap:0;padding:10px 14px 0;border-bottom:1px solid #f3f4f6}.cselector-tabs button{flex:1;background:none;border:none;padding:8px;font-size:13px;font-weight:600;color:#9ca3af;cursor:pointer;border-bottom:2px solid transparent;margin-bottom:-1px;transition:all .15s}.cselector-tabs button.active{color:#16c784;border-bottom-color:#16c784}.cselector-crypto{display:flex;height:300px}.cselector-nets{width:168px;flex-shrink:0;overflow-y:auto;border-right:1px solid #f3f4f6;padding:6px 0}.cselector-net{width:100%;background:none;border:none;text-align:left;padding:9px 14px;cursor:pointer;display:flex;flex-direction:column;gap:2px;transition:background .1s}.cselector-net:hover{background:#f9fafb}.cselector-net.active{background:#e6faf3}.cselector-net-label{font-size:12px;font-weight:600;color:#374151;line-height:1.2}.cselector-net-short{font-size:10px;color:#9ca3af;font-weight:500}.cselector-net.active .cselector-net-label{color:#0a8a53}.cselector-net.active .cselector-net-short{color:#16c784}.cselector-tokens{flex:1;overflow-y:auto;padding:6px;display:flex;flex-direction:column;gap:2px}.cselector-token{display:flex;align-items:center;gap:10px;padding:9px 10px;border-radius:10px;border:none;background:none;cursor:pointer;text-align:left;transition:background .1s}.cselector-token:hover{background:#f3f4f6}.cselector-token.active{background:#e6faf3}.cselector-token-icon{width:34px;height:34px;border-radius:10px;font-size:9px;font-weight:800;display:flex;align-items:center;justify-content:center;flex-shrink:0}.cselector-token-name{font-size:14px;font-weight:600;color:#0a0e1a}.cselector-token.active .cselector-token-name{color:#0a8a53}.cselector-empty{padding:20px;color:#9ca3af;font-size:13px;text-align:center}.cselector-fiat-list{max-height:300px;overflow-y:auto;padding:6px;display:flex;flex-direction:column;gap:2px}.cselector-fiat-item{display:flex;align-items:center;gap:10px;padding:9px 12px;border-radius:10px;border:none;background:none;cursor:pointer;text-align:left;transition:background .1s}.cselector-fiat-item:hover:not(:disabled){background:#f3f4f6}.cselector-fiat-item.active{background:#e6faf3}.cselector-fiat-item:disabled{opacity:.35;cursor:default}.cselector-fiat-symbol{width:34px;height:34px;border-radius:10px;background:#e9f5ff;color:#1e88e5;font-size:13px;font-weight:800;display:flex;align-items:center;justify-content:center;flex-shrink:0}.cselector-fiat-code{font-size:14px;font-weight:700;color:#0a0e1a;min-width:36px}.cselector-fiat-name{font-size:12px;color:#6b7280}.cselector-fiat-item.active .cselector-fiat-code{color:#0a8a53}.swap-btn{background:var(--green-light);color:var(--green-dark);border:none;width:44px;height:44px;border-radius:50%;font-size:20px;cursor:pointer;flex-shrink:0;margin-bottom:4px;transition:background .15s}.swap-btn:hover{background:#d0f5e8}.exchange-rate{margin-top:16px;font-size:14px;color:var(--text-muted);display:flex;align-items:center;gap:12px}.fee-badge{background:var(--green-light);color:var(--green-dark);padding:3px 10px;border-radius:20px;font-size:12px;font-weight:600}.exchange-btn{width:100%;margin-top:24px;padding:16px;font-size:16px;border-radius:10px}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:200}.modal{background:#fff;border-radius:16px;padding:32px;width:420px;max-width:90vw}.modal h3{font-size:20px;margin-bottom:16px}.modal-summary{background:var(--bg-secondary);border-radius:8px;padding:14px 16px;font-size:18px;font-weight:600;text-align:center;margin-bottom:20px}.modal input{display:block;width:100%;border:1.5px solid var(--border);border-radius:8px;padding:12px 14px;font-size:15px;margin-bottom:12px;outline:none}.modal input:focus{border-color:var(--green-primary)}.modal-actions{display:flex;gap:12px;margin-top:8px}.modal-actions .btn-primary{flex:1}.modal-actions .btn-primary:disabled{opacity:.5;cursor:default}.btn-cancel{flex:1;background:var(--bg-secondary);color:var(--text-muted);padding:12px;border-radius:8px;font-size:15px;font-weight:600}.btn-cancel:hover{background:var(--border)}.modal-success{text-align:center;color:var(--green-primary);font-size:22px;font-weight:700;padding:20px 0}.features-section{background:var(--bg-secondary)}.features-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}@media (max-width: 900px){.features-grid{grid-template-columns:repeat(2,1fr)}}.feature-card{background:#fff;border-radius:16px;padding:28px 24px;text-align:center}.feature-icon{font-size:36px;margin-bottom:16px}.feature-card h3{font-size:17px;font-weight:700;margin-bottom:8px}.feature-card p{font-size:14px;color:var(--text-muted);line-height:1.5}.charts-section{background:var(--bg-secondary)}.section-title{font-size:28px;font-weight:700;margin-bottom:32px}.coin-tabs{display:flex;gap:8px;margin-bottom:24px}.coin-tab{padding:8px 20px;border-radius:8px;font-size:14px;font-weight:600;background:#fff;color:var(--text-muted);border:1.5px solid var(--border);transition:all .15s}.coin-tab.active{background:var(--green-primary);color:#fff;border-color:var(--green-primary)}.coin-tab:hover:not(.active){border-color:var(--green-primary);color:var(--green-primary)}.chart-card{background:#fff;border-radius:16px;padding:24px;box-shadow:var(--shadow)}.chart-loading{height:280px;display:flex;align-items:center;justify-content:center;color:var(--text-muted)}.chart-note{margin-top:12px;font-size:12px;color:var(--text-muted)}.news-section{background:var(--bg)}.news-loading{color:var(--text-muted);text-align:center;padding:40px}.news-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}@media (max-width: 900px){.news-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 600px){.news-grid{grid-template-columns:1fr}}.news-card{display:flex;flex-direction:column;gap:8px;background:var(--bg-secondary);border:1px solid var(--border);border-radius:12px;padding:20px;transition:box-shadow .2s,transform .2s;text-decoration:none}.news-card:hover{box-shadow:var(--shadow);transform:translateY(-2px)}.news-date{font-size:12px;color:var(--text-muted)}.news-title{font-size:15px;font-weight:600;line-height:1.4;color:var(--text)}.news-desc{font-size:13px;color:var(--text-muted);line-height:1.5;flex:1}.news-read{font-size:13px;font-weight:600;color:var(--green-primary);margin-top:auto}.footer{background:#0a0e1a;color:#9ca3af;padding:40px 0}.footer-inner{display:flex;align-items:center;gap:32px;flex-wrap:wrap}.footer-logo{display:flex;align-items:center;gap:8px;font-size:18px;font-weight:700;color:#fff}.footer-links{display:flex;gap:24px;margin-left:auto}.footer-links a{font-size:14px;color:#9ca3af;transition:color .15s}.footer-links a:hover{color:var(--green-primary)}.footer-copy{font-size:13px;color:#6b7280;width:100%}.footer-logo .logo-text{display:flex;flex-direction:column;line-height:1}.footer-logo .logo-name{font-size:15px;font-weight:700;color:inherit}.footer-logo .logo-sub{font-size:9px;font-weight:500;color:#9ca3af}.hero{background:linear-gradient(135deg,#0a1628,#0d2040 60%,#0a3020);color:#fff;padding:100px 0;text-align:center}.hero-title{font-size:48px;font-weight:800;line-height:1.2;margin-bottom:20px;max-width:720px;margin-left:auto;margin-right:auto}.hero-sub{font-size:18px;opacity:.75;margin-bottom:36px}@media (max-width: 600px){.hero-title{font-size:32px}}.admin-login-wrap{min-height:100vh;background:#f0f4f8;display:flex;align-items:center;justify-content:center}.admin-login-form{background:#fff;border-radius:16px;padding:40px;width:360px;box-shadow:0 4px 24px #00000014;display:flex;flex-direction:column;gap:16px}.admin-login-form h1{font-size:24px;font-weight:700}.admin-error{background:#fee2e2;color:#dc2626;padding:10px 14px;border-radius:8px;font-size:14px}.admin-login-form input{border:1.5px solid #e5e7eb;border-radius:8px;padding:12px 14px;font-size:15px;outline:none}.admin-login-form input:focus{border-color:#16c784}.admin-btn{background:#16c784;color:#fff;border:none;padding:12px;border-radius:8px;font-size:15px;font-weight:600;cursor:pointer}.admin-btn:hover{background:#0ea568}.admin-page{min-height:100vh;background:#f0f4f8;padding:32px 24px;font-family:Inter,sans-serif}.admin-header{display:flex;align-items:center;gap:24px;margin-bottom:28px}.admin-header h1{font-size:24px;font-weight:700}.admin-tabs{display:flex;gap:4px;background:#f3f4f6;border-radius:10px;padding:4px}.admin-tab{background:none;border:none;padding:8px 18px;border-radius:8px;font-size:14px;font-weight:500;color:#6b7280;cursor:pointer;display:flex;align-items:center;gap:6px;transition:all .15s}.admin-tab.active{background:#fff;color:#0a0e1a;font-weight:600;box-shadow:0 1px 4px #0000001a}.admin-badge{background:#ef4444;color:#fff;border-radius:20px;font-size:11px;font-weight:700;padding:1px 6px}.agent-status-badge{padding:4px 10px;border-radius:20px;font-size:12px;font-weight:600}.agent-actions{display:flex;gap:8px}.agent-btn{padding:6px 14px;border-radius:6px;font-size:13px;font-weight:600;border:none;cursor:pointer;transition:opacity .15s}.agent-btn:hover{opacity:.8}.agent-btn.approve{background:#16c784;color:#fff}.agent-btn.reject{background:#fee2e2;color:#dc2626}.agent-btn.suspend{background:#fef3c7;color:#d97706}.admin-del-btn{background:none;border:none;color:#d1d5db;font-size:16px;cursor:pointer;padding:4px 8px;border-radius:4px;transition:all .15s;line-height:1}.admin-del-btn:hover{background:#fee2e2;color:#dc2626}.stats-wrap{padding:24px;max-width:1100px}.stats-cards{display:flex;gap:16px;flex-wrap:wrap;margin-bottom:32px}.stats-card{background:#fff;border-radius:14px;padding:20px 28px;min-width:140px;box-shadow:0 2px 8px #0000000f;border-left:4px solid #e5e7eb}.stats-card.green{border-color:#16c784}.stats-card.yellow{border-color:#f59e0b}.stats-card.blue{border-color:#3b82f6}.stats-card.red{border-color:#ef4444}.stats-value{font-size:32px;font-weight:800;line-height:1;margin-bottom:6px}.stats-label{font-size:13px;color:#6b7280;font-weight:500}.stats-section{margin-bottom:32px}.stats-section h2{font-size:18px;font-weight:700;margin-bottom:14px}.stats-sub{font-size:13px;color:#9ca3af;font-weight:400}.stats-bars{display:flex;align-items:flex-end;gap:6px;height:100px;background:#fff;border-radius:14px;padding:16px 20px 8px;box-shadow:0 2px 8px #0000000f;overflow-x:auto}.stats-bar-item{display:flex;flex-direction:column;align-items:center;gap:4px;flex-shrink:0}.stats-bar{width:20px;background:#16c784;border-radius:4px 4px 0 0;min-height:4px;transition:opacity .15s}.stats-bar:hover{opacity:.7}.stats-bar-label{font-size:10px;color:#9ca3af;white-space:nowrap}.admin-actions{margin-left:auto;display:flex;gap:12px;align-items:center}.admin-actions select{border:1.5px solid #e5e7eb;border-radius:8px;padding:8px 12px;font-size:14px;background:#fff;cursor:pointer;outline:none}.admin-empty{text-align:center;color:#9ca3af;padding:80px 0;font-size:16px}.admin-table-wrap{background:#fff;border-radius:16px;box-shadow:0 2px 12px #0000000f;overflow:auto}.admin-table{width:100%;border-collapse:collapse;font-size:14px}.admin-table th{text-align:left;padding:14px 16px;font-size:12px;font-weight:600;color:#6b7280;text-transform:uppercase;letter-spacing:.5px;border-bottom:1px solid #e5e7eb}.admin-table td{padding:14px 16px;border-bottom:1px solid #f3f4f6;vertical-align:middle}.admin-table tr:last-child td{border-bottom:none}.admin-wallet{font-family:monospace;font-size:12px;max-width:160px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.lang-badge{background:#e6faf3;color:#0ea568;padding:3px 8px;border-radius:4px;font-size:11px;font-weight:700}.admin-table td select{border:1px solid #e5e7eb;border-radius:6px;padding:6px 8px;font-size:13px;font-weight:600;cursor:pointer;outline:none}.requests-wrap{display:flex;flex-direction:column;gap:32px}.section-heading{font-size:17px;font-weight:700;margin:0 0 14px;display:flex;align-items:center}.section-heading-row{display:flex;align-items:center;gap:16px;margin-bottom:14px}.section-heading-row h2{margin:0}.section-heading-row select{border:1.5px solid #e5e7eb;border-radius:8px;padding:7px 12px;font-size:14px;background:#fff;cursor:pointer;outline:none}.admin-empty-sm{color:#9ca3af;font-size:14px;padding:16px 0}.pair-badge{background:#e6faf3;color:#0a8a53;padding:4px 10px;border-radius:6px;font-size:13px;font-weight:600;white-space:nowrap}.currency-tag{padding:4px 10px;border-radius:6px;font-size:13px;font-weight:700;white-space:nowrap}.currency-tag.from{background:#fef3c7;color:#b45309}.currency-tag.to{background:#d1fae5;color:#065f46}.arrow-cell{color:#9ca3af;font-size:16px;text-align:center;padding:0 4px!important}.status-dot{display:inline-block;width:8px;height:8px;border-radius:50%;margin-right:6px;flex-shrink:0}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000073;display:flex;align-items:center;justify-content:center;z-index:1000;padding:24px}.chat-modal{background:#fff;border-radius:18px;width:100%;max-width:520px;max-height:80vh;display:flex;flex-direction:column;box-shadow:0 20px 60px #0003;overflow:hidden}.chat-modal-lg{max-width:680px}.chat-modal-header{display:flex;align-items:center;gap:12px;padding:18px 20px;border-bottom:1px solid #f3f4f6;flex-shrink:0}.chat-modal-header h3{font-size:16px;font-weight:700;flex:1;margin:0}.chat-modal-close{background:none;border:none;color:#9ca3af;font-size:18px;cursor:pointer;padding:4px 8px;border-radius:6px}.chat-modal-close:hover{background:#f3f4f6;color:#374151}.chat-modal-back{background:none;border:none;color:#6b7280;font-size:13px;font-weight:600;cursor:pointer;padding:4px 8px;border-radius:6px;white-space:nowrap}.chat-modal-back:hover{background:#f3f4f6}.chat-session-list{overflow-y:auto;flex:1}.chat-session-row{display:flex;align-items:center;gap:12px;padding:14px 20px;border-bottom:1px solid #f3f4f6;cursor:pointer;transition:background .12s}.chat-session-row:hover{background:#f9fafb}.chat-session-row:last-child{border-bottom:none}.chat-session-client{font-weight:600;font-size:14px;flex:1}.chat-session-meta{font-size:12px;color:#9ca3af}.chat-session-arrow{color:#9ca3af;font-size:16px}.chat-history-messages{overflow-y:auto;flex:1;padding:16px 20px;display:flex;flex-direction:column;gap:10px}.ch-bubble{display:flex;flex-direction:column;gap:3px;max-width:80%}.ch-bubble.client{align-self:flex-start}.ch-bubble.support{align-self:flex-end}.ch-from{font-size:11px;color:#9ca3af;font-weight:600}.ch-text{background:#f3f4f6;padding:9px 13px;border-radius:14px;font-size:14px;line-height:1.4}.ch-bubble.support .ch-text{background:#16c784;color:#fff}.ch-time{font-size:10px;color:#b0b7c3;align-self:flex-end}.ops-page{min-height:100vh;background:#f0f4f8;font-family:Inter,sans-serif}.ops-login{max-width:380px;margin:0 auto;padding:80px 24px;display:flex;flex-direction:column;align-items:center;gap:20px;text-align:center}.ops-logo{display:flex;align-items:center;gap:12px;font-size:22px;font-weight:700;color:#0a0e1a}.ops-login h1{font-size:24px;font-weight:700}.ops-choice-sub{font-size:14px;color:#6b7280;text-align:center}.ops-btn-outline{width:100%;background:#fff;color:#16c784;border:2px solid #16c784;padding:14px;border-radius:10px;font-size:16px;font-weight:600;cursor:pointer;transition:all .15s}.ops-btn-outline:hover{background:#e6faf3}.ops-link-btn{background:none;border:none;color:#6b7280;font-size:14px;cursor:pointer;padding:4px 0;text-decoration:underline}.ops-error{background:#fee2e2;color:#dc2626;padding:10px 14px;border-radius:8px;font-size:14px;width:100%;text-align:center}.ops-pending-msg{text-align:center;display:flex;flex-direction:column;align-items:center;gap:12px}.ops-pending-icon{font-size:48px}.ops-pending-msg h2{font-size:20px;font-weight:700}.ops-pending-msg p{font-size:15px;color:#6b7280;line-height:1.6}.ops-logout{background:none;border:1px solid #e5e7eb;color:#6b7280;padding:6px 14px;border-radius:8px;font-size:13px;cursor:pointer;margin-left:8px}.ops-logout:hover{background:#fee2e2;color:#dc2626;border-color:#fecaca}.ops-session-card.my{cursor:pointer;border-left:3px solid #16c784}.ops-session-card.my:hover{box-shadow:0 4px 16px #0000001a}.ops-login input{width:100%;border:1.5px solid #e5e7eb;border-radius:10px;padding:14px 16px;font-size:16px;outline:none;background:#fff}.ops-login input:focus{border-color:#16c784}.ops-btn{width:100%;background:#16c784;color:#fff;border:none;padding:14px;border-radius:10px;font-size:16px;font-weight:600;cursor:pointer;transition:background .15s}.ops-btn:hover{background:#0ea568}.ops-header{background:#fff;border-bottom:1px solid #e5e7eb;padding:14px 24px;display:flex;align-items:center;gap:16px}.ops-header-logo{display:flex;align-items:center;gap:10px;font-size:17px;font-weight:700;color:#0a0e1a}.ops-agent-badge{margin-left:auto;background:#e6faf3;color:#0ea568;padding:6px 14px;border-radius:20px;font-size:13px;font-weight:600}.ops-back{background:none;border:none;font-size:15px;font-weight:500;color:#16c784;cursor:pointer;padding:6px 0}.ops-chat-client{font-size:15px;color:#6b7280}.ops-content{max-width:720px;margin:40px auto;padding:0 24px}.ops-content h2{font-size:22px;font-weight:700;margin-bottom:20px}.ops-count{background:#e6faf3;color:#0ea568;font-size:13px;font-weight:700;padding:2px 8px;border-radius:20px;margin-left:8px}.ops-empty{text-align:center;color:#6b7280;padding:60px 0;font-size:16px}.ops-dot{display:inline-block;width:8px;height:8px;border-radius:50%;margin-right:7px;flex-shrink:0;vertical-align:middle;position:relative;top:-1px}.ops-dot.online{background:#16c784;box-shadow:0 0 0 2px #16c78440}.ops-dot.offline{background:#d1d5db}.ops-visitor-id{font-size:11px;font-weight:500;color:#9ca3af;margin-left:8px;font-family:monospace}.ops-session-card{cursor:default}.ops-session-card.offline{cursor:pointer;opacity:.75}.ops-session-card.offline:hover{opacity:1;box-shadow:0 4px 16px #0000001a}.ops-history-btn{background:#f3f4f6;color:#6b7280;border:none;padding:8px 16px;border-radius:8px;font-size:13px;font-weight:600;cursor:pointer}.ops-history-btn:hover{background:#e5e7eb}.ops-sessions{display:flex;flex-direction:column;gap:12px}.ops-session-card{background:#fff;border-radius:12px;padding:20px 24px;display:flex;align-items:center;box-shadow:0 2px 8px #0000000f}.ops-session-card.busy{opacity:.6}.ops-session-info{flex:1}.ops-client-name{font-size:17px;font-weight:600}.ops-session-meta{font-size:13px;color:#6b7280;margin-top:4px}.ops-join-btn{background:#16c784;color:#fff;border:none;padding:10px 20px;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:background .15s}.ops-join-btn:hover{background:#0ea568}.ops-busy-badge{background:#fee2e2;color:#dc2626;padding:6px 12px;border-radius:20px;font-size:12px;font-weight:600}.ops-chat-page{display:flex;flex-direction:column;height:100vh}.ops-messages{flex:1;overflow-y:auto;padding:24px;display:flex;flex-direction:column;gap:12px}.ops-no-messages{text-align:center;color:#9ca3af;margin-top:40px}.ops-system-msg{text-align:center;font-size:12px;color:#0ea568;background:#e6faf3;border-radius:20px;padding:6px 14px;align-self:center}.ops-bubble{display:flex;flex-direction:column;gap:3px;max-width:60%}.ops-bubble.mine{align-self:flex-end;align-items:flex-end}.ops-bubble.theirs{align-self:flex-start;align-items:flex-start}.ops-bubble-from{font-size:11px;color:#9ca3af;padding:0 4px}.ops-bubble-text{background:#fff;border-radius:14px;padding:10px 16px;font-size:14px;line-height:1.4;box-shadow:0 2px 6px #00000014}.ops-bubble.mine .ops-bubble-text{background:#16c784;color:#fff;border-bottom-right-radius:4px}.ops-bubble.theirs .ops-bubble-text{border-bottom-left-radius:4px}.ops-input-row{display:flex;gap:12px;padding:16px 24px;background:#fff;border-top:1px solid #e5e7eb}.ops-input-row input{flex:1;border:1.5px solid #e5e7eb;border-radius:10px;padding:12px 16px;font-size:15px;outline:none}.ops-input-row input:focus{border-color:#16c784}.ops-send{background:#16c784;color:#fff;border:none;padding:12px 24px;border-radius:10px;font-size:15px;font-weight:600;cursor:pointer;transition:background .15s}.ops-send:hover{background:#0ea568}.ops-tabs{display:flex;gap:0;border-bottom:2px solid #e5e7eb;padding:0 20px;background:#fff;flex-shrink:0}.ops-tab{display:flex;align-items:center;gap:8px;background:none;border:none;padding:14px 20px;font-size:14px;font-weight:600;color:#9ca3af;cursor:pointer;border-bottom:2px solid transparent;margin-bottom:-2px;transition:all .15s}.ops-tab.active{color:#16c784;border-bottom-color:#16c784}.ops-tab:hover:not(.active){color:#374151}.ops-tab-badge{background:#ef4444;color:#fff;border-radius:20px;font-size:11px;font-weight:700;padding:1px 6px;line-height:1.4}.ops-tab.active .ops-tab-badge{background:#16c784}.ops-client-name{display:flex;align-items:center;flex-wrap:wrap;gap:0}.ops-chat-vid{font-size:12px;font-weight:500;color:#9ca3af;margin-left:8px;font-family:monospace}.ops-logo .logo-text{display:flex;flex-direction:column;line-height:1}.ops-logo .logo-name{font-size:18px;font-weight:700;color:#0a0e1a}.ops-logo .logo-sub{font-size:10px;font-weight:500;color:#9ca3af}.chat-fab{position:fixed;bottom:28px;right:28px;background:var(--green-primary);color:#fff;border:none;border-radius:50px;padding:14px 22px;font-size:15px;font-weight:600;display:flex;align-items:center;gap:8px;box-shadow:0 4px 20px #16c78466;z-index:300;cursor:pointer;transition:background .2s,transform .2s}.chat-fab:hover{background:var(--green-dark);transform:translateY(-2px)}.chat-widget{position:fixed;bottom:28px;right:28px;width:420px;height:600px;background:#fff;border-radius:20px;box-shadow:0 8px 40px #00000026;z-index:300;display:flex;flex-direction:column;overflow:hidden}.chat-header{background:var(--green-primary);color:#fff;padding:16px 20px;display:flex;align-items:center;justify-content:space-between;flex-shrink:0}.chat-header-info{display:flex;align-items:center;gap:12px}.chat-avatar{width:38px;height:38px;background:#ffffff40;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:18px;font-weight:700}.chat-title{font-size:15px;font-weight:700}.chat-agent{font-size:12px;opacity:.85}.chat-close{background:none;border:none;color:#fff;font-size:18px;cursor:pointer;opacity:.8;padding:4px}.chat-close:hover{opacity:1}.chat-header-btns{display:flex;align-items:center;gap:6px}.chat-reset-btn{background:#ffffff26;border:none;color:#fff;font-size:15px;cursor:pointer;opacity:.85;padding:4px 8px;border-radius:6px;line-height:1}.chat-reset-btn:hover{opacity:1;background:#ffffff40}.chat-name-form{padding:28px 24px;display:flex;flex-direction:column;gap:16px;flex:1}.chat-exchange-preview{background:var(--green-light);border-radius:10px;padding:12px 16px;display:flex;flex-direction:column;gap:4px}.chat-exchange-label{font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:var(--green-dark)}.chat-exchange-preview strong{font-size:16px;color:var(--text)}.chat-name-form p{font-size:15px;color:var(--text-muted)}.chat-agent-waiting{font-size:11px;opacity:.75}.chat-name-form input{border:1.5px solid var(--border);border-radius:8px;padding:12px 14px;font-size:15px;outline:none}.chat-name-form input:focus{border-color:var(--green-primary)}.chat-name-form .btn-primary{padding:12px;border-radius:8px}.chat-messages{flex:1;overflow-y:auto;padding:16px;display:flex;flex-direction:column;gap:10px;min-height:0}.chat-waiting{text-align:center;font-size:13px;color:var(--text-muted);padding:12px}.chat-system{text-align:center;font-size:12px;color:var(--green-dark);background:var(--green-light);border-radius:20px;padding:6px 14px;align-self:center}.chat-bubble{display:flex;flex-direction:column;gap:3px;max-width:80%}.chat-bubble.mine{align-self:flex-end;align-items:flex-end}.chat-bubble.theirs{align-self:flex-start;align-items:flex-start}.bubble-from{font-size:11px;color:var(--text-muted);padding:0 4px}.bubble-text{background:var(--bg-secondary);border-radius:14px;padding:9px 14px;font-size:14px;line-height:1.4}.mine .bubble-text{background:var(--green-primary);color:#fff;border-bottom-right-radius:4px}.theirs .bubble-text{border-bottom-left-radius:4px}.chat-input-row{display:flex;align-items:center;gap:8px;padding:12px 16px;border-top:1px solid var(--border);flex-shrink:0}.chat-input-row input{flex:1;border:1.5px solid var(--border);border-radius:20px;padding:9px 14px;font-size:14px;outline:none}.chat-input-row input:focus{border-color:var(--green-primary)}.chat-send{background:var(--green-primary);color:#fff;border:none;width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;flex-shrink:0;transition:background .15s}.chat-send:hover{background:var(--green-dark)}:root{--green-primary: #16c784;--green-dark: #0ea568;--green-light: #e6faf3;--bg: #ffffff;--bg-secondary: #f8fafb;--text: #0a0e1a;--text-muted: #6b7280;--border: #e5e7eb;--radius: 12px;--shadow: 0 4px 24px rgba(0,0,0,.08)}*{box-sizing:border-box;margin:0;padding:0}body{font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;background:var(--bg);color:var(--text);line-height:1.6}a{color:inherit;text-decoration:none}button{cursor:pointer;border:none;font-family:inherit}input,textarea,select{font-family:inherit}.container{max-width:1200px;margin:0 auto;padding:0 24px}.btn-primary{background:var(--green-primary);color:#fff;padding:12px 28px;border-radius:8px;font-size:15px;font-weight:600;transition:background .2s}.btn-primary:hover{background:var(--green-dark)}section{padding:80px 0}