.home-container[data-v-4df7db02]{max-width:1200px;margin:0 auto}.welcome-section[data-v-4df7db02]{text-align:center;padding:40px 20px}.welcome-section h2[data-v-4df7db02]{color:#333;margin-bottom:10px}.welcome-section p[data-v-4df7db02]{color:#666;font-size:16px}.quick-links[data-v-4df7db02]{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px;padding:20px}.quick-link-card[data-v-4df7db02]{display:block;padding:30px;border-radius:8px;text-decoration:none;transition:transform .2s,box-shadow .2s;color:#fff}.quick-link-card[data-v-4df7db02]:hover{transform:translateY(-4px);box-shadow:0 8px 25px #00000026}.quick-link-card i[data-v-4df7db02]{font-size:36px;margin-bottom:15px}.quick-link-card h3[data-v-4df7db02]{margin:0 0 10px;font-size:20px}.quick-link-card p[data-v-4df7db02]{margin:0;opacity:.9;font-size:14px;line-height:1.5}.quick-link-card.sessions[data-v-4df7db02]{background:linear-gradient(135deg,#3498db,#2980b9)}.quick-link-card.revenue[data-v-4df7db02]{background:linear-gradient(135deg,#27ae60,#1e8449)}.quick-link-card.sentiment[data-v-4df7db02]{background:linear-gradient(135deg,#f39c12,#d35400)}.quick-link-card.messages[data-v-4df7db02]{background:linear-gradient(135deg,#16a085,#1abc9c)}.quick-link-card.errors[data-v-4df7db02]{background:linear-gradient(135deg,#e74c3c,#c0392b)}.quick-link-card.instances[data-v-4df7db02]{background:linear-gradient(135deg,#9b59b6,#8e44ad)}.tippy-box[data-animation=fade][data-state=hidden]{opacity:0}[data-tippy-root]{max-width:calc(100vw - 10px)}.tippy-box{position:relative;background-color:#333;color:#fff;border-radius:4px;font-size:14px;line-height:1.4;white-space:normal;outline:0;transition-property:transform,visibility,opacity}.tippy-box[data-placement^=top]>.tippy-arrow{bottom:0}.tippy-box[data-placement^=top]>.tippy-arrow:before{bottom:-7px;left:0;border-width:8px 8px 0;border-top-color:initial;transform-origin:center top}.tippy-box[data-placement^=bottom]>.tippy-arrow{top:0}.tippy-box[data-placement^=bottom]>.tippy-arrow:before{top:-7px;left:0;border-width:0 8px 8px;border-bottom-color:initial;transform-origin:center bottom}.tippy-box[data-placement^=left]>.tippy-arrow{right:0}.tippy-box[data-placement^=left]>.tippy-arrow:before{border-width:8px 0 8px 8px;border-left-color:initial;right:-7px;transform-origin:center left}.tippy-box[data-placement^=right]>.tippy-arrow{left:0}.tippy-box[data-placement^=right]>.tippy-arrow:before{left:-7px;border-width:8px 8px 8px 0;border-right-color:initial;transform-origin:center right}.tippy-box[data-inertia][data-state=visible]{transition-timing-function:cubic-bezier(.54,1.5,.38,1.11)}.tippy-arrow{width:16px;height:16px;color:#333}.tippy-arrow:before{content:"";position:absolute;border-color:transparent;border-style:solid}.tippy-content{position:relative;padding:5px 9px;z-index:1}.tippy-box[data-theme~=light]{color:#26323d;box-shadow:0 0 20px 4px #9aa1b126,0 4px 80px -8px #24282f40,0 4px 4px -2px #5b5e6926;background-color:#fff}.tippy-box[data-theme~=light][data-placement^=top]>.tippy-arrow:before{border-top-color:#fff}.tippy-box[data-theme~=light][data-placement^=bottom]>.tippy-arrow:before{border-bottom-color:#fff}.tippy-box[data-theme~=light][data-placement^=left]>.tippy-arrow:before{border-left-color:#fff}.tippy-box[data-theme~=light][data-placement^=right]>.tippy-arrow:before{border-right-color:#fff}.tippy-box[data-theme~=light]>.tippy-backdrop{background-color:#fff}.tippy-box[data-theme~=light]>.tippy-svg-arrow{fill:#fff}.status-success[data-v-43d3a1a3]{color:#27ae60;font-weight:700}.status-failed[data-v-43d3a1a3]{color:#e74c3c;font-weight:700}.status-partial[data-v-43d3a1a3]{color:#f39c12;font-weight:700}.loading-value[data-v-43d3a1a3]{display:flex;justify-content:center;align-items:center;min-height:36px}.spinner-small[data-v-43d3a1a3]{width:24px;height:24px;border:3px solid #e9ecef;border-top-color:#3498db;border-radius:50%;animation:spin-43d3a1a3 .8s linear infinite}@keyframes spin-43d3a1a3{to{transform:rotate(360deg)}}.loading-value[data-v-855ade81]{display:flex;justify-content:center;align-items:center;min-height:36px}.spinner-small[data-v-855ade81]{width:24px;height:24px;border:3px solid #e9ecef;border-top-color:#3498db;border-radius:50%;animation:spin-855ade81 .8s linear infinite}@keyframes spin-855ade81{to{transform:rotate(360deg)}}.pagination-bar[data-v-b3d25f26]{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px;gap:12px}.pagination-info[data-v-b3d25f26]{color:#7f8c8d;font-size:14px}.pagination-controls[data-v-b3d25f26]{display:flex;gap:8px;flex-shrink:0}.btn-disabled[data-v-b3d25f26]{opacity:.4;cursor:default}.messages-table[data-v-b3d25f26]{table-layout:fixed;width:100%}.from-cell[data-v-b3d25f26]{vertical-align:top;padding-top:10px;overflow:hidden}.from-name[data-v-b3d25f26]{font-size:13px;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.from-email[data-v-b3d25f26]{font-size:12px;color:#7f8c8d;margin-top:2px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.from-uid[data-v-b3d25f26]{font-size:11px;color:#bbb;margin-top:2px;word-break:break-all}.from-date[data-v-b3d25f26]{font-size:11px;color:#aaa;margin-top:6px}.message-cell[data-v-b3d25f26]{vertical-align:top;padding-top:10px}.msg-subject[data-v-b3d25f26]{font-weight:700;font-size:13px;margin-bottom:4px}.msg-body[data-v-b3d25f26]{font-size:13px;white-space:pre-wrap;word-break:break-word}.msg-meta[data-v-b3d25f26]{margin-top:10px;padding-top:8px;border-top:1px solid #eee;display:flex;flex-wrap:wrap;gap:10px 20px}.meta-row[data-v-b3d25f26]{display:flex;flex-direction:column;gap:2px}.meta-key[data-v-b3d25f26]{font-size:10px;font-weight:700;color:#aaa;text-transform:uppercase;letter-spacing:.5px}.meta-val[data-v-b3d25f26]{font-size:12px;color:#555;word-break:break-all}.actions-cell[data-v-b3d25f26]{vertical-align:top;padding-top:10px}.action-buttons[data-v-b3d25f26]{display:flex;flex-direction:column;gap:6px}.btn-reply[data-v-b3d25f26],.btn-delete[data-v-b3d25f26]{display:block;width:100%;text-align:center;box-sizing:border-box}.btn-reply[data-v-b3d25f26]{background:#27ae60;text-decoration:none}.btn-reply[data-v-b3d25f26]:hover{background:#1e8449}.btn-delete[data-v-b3d25f26]{background:#e74c3c}.btn-delete[data-v-b3d25f26]:hover:not(:disabled){background:#c0392b}.btn-delete[data-v-b3d25f26]:disabled{opacity:.5;cursor:default}.row-deleting[data-v-b3d25f26]{opacity:.5}@media (max-width: 768px){.pagination-bar[data-v-b3d25f26]{flex-direction:column;align-items:flex-start}.messages-table[data-v-b3d25f26],.messages-table tbody[data-v-b3d25f26]{display:block;width:100%}.messages-table thead[data-v-b3d25f26]{display:none}.messages-table tr[data-v-b3d25f26]{display:block;margin-bottom:12px;border:1px solid #dee2e6;border-radius:6px;padding:10px 12px;background:#fff}.messages-table td[data-v-b3d25f26]{display:block;width:100%;box-sizing:border-box;padding:5px 0!important}.messages-table td[data-v-b3d25f26]:before{content:attr(data-label);display:block;font-size:10px;font-weight:700;text-transform:uppercase;color:#aaa;letter-spacing:.5px;margin-bottom:3px}.msg-meta[data-v-b3d25f26]{flex-direction:column;gap:8px}.meta-row[data-v-b3d25f26]{flex-direction:row;align-items:baseline;gap:8px;flex-wrap:wrap}.meta-val[data-v-b3d25f26]{word-break:break-word}.action-buttons[data-v-b3d25f26]{flex-direction:row}.action-buttons .btn[data-v-b3d25f26]{flex:1}}.login-container[data-v-89b10e29]{min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#667eea,#764ba2);margin:-20px;padding:20px;box-sizing:border-box}.login-card[data-v-89b10e29]{background:#fff;padding:40px;border-radius:10px;box-shadow:0 10px 40px #0003;width:100%;max-width:400px}.logo[data-v-89b10e29]{max-width:200px;margin:0 auto 20px;display:block}h2[data-v-89b10e29]{text-align:center;margin-bottom:30px;color:#333}.form-group[data-v-89b10e29]{margin-bottom:20px}.form-control[data-v-89b10e29]{width:100%;padding:12px;font-size:16px;border:1px solid #ddd;border-radius:5px;box-sizing:border-box}.form-control[data-v-89b10e29]:focus{outline:none;border-color:#667eea}.error-message[data-v-89b10e29]{color:#dc3545;margin-bottom:15px;font-size:14px;text-align:center;padding:10px;background:#f8d7da;border-radius:4px}.btn-login[data-v-89b10e29]{width:100%;padding:12px;background:#667eea;color:#fff;border:none;border-radius:5px;font-size:16px;font-weight:600;cursor:pointer;transition:background .3s}.btn-login[data-v-89b10e29]:hover:not(:disabled){background:#5568d3}.btn-login[data-v-89b10e29]:disabled{background:#ccc;cursor:not-allowed}.user-info[data-v-3683ba0d]{color:#fff;font-size:14px;margin-right:12px;padding:8px 12px;background:#ffffff1a;border-radius:4px}.logout-btn[data-v-3683ba0d]{padding:12px 16px;background:#dc3545;color:#fff;border:none;border-radius:4px;cursor:pointer;font-size:14px;font-weight:500;transition:background .2s}.logout-btn[data-v-3683ba0d]:hover{background:#c82333}.refresh-btn[data-v-3683ba0d]{padding:8px 16px;font-size:14px}@media (max-width: 768px){.user-info[data-v-3683ba0d]{font-size:12px;padding:6px 10px;margin-right:0}.logout-btn[data-v-3683ba0d],.refresh-btn[data-v-3683ba0d]{padding:6px 12px;font-size:12px}}*{box-sizing:border-box}body{font-family:system-ui,-apple-system,sans-serif;margin:0;padding:20px;background:#f5f5f5;font-size:14px}.container{max-width:1500px;margin:0 auto;background:#fff;border-radius:8px;box-shadow:0 2px 10px #0000001a;overflow:hidden}.header{background:#1857a7;color:#fff;padding:20px;display:flex;align-items:center;gap:15px}.header img{height:22px;width:auto;padding:0}.header h1{margin:0;font-size:24px;font-weight:500}.nav{background:#4678b8;padding:10px 20px;display:flex;gap:10px;align-items:center;justify-content:space-between}.nav-left,.nav-right{display:flex;gap:10px;align-items:center}.nav button{background:#ecf0f1;color:#2c3e50;border:none;border-bottom:3px solid transparent;padding:12px 20px;cursor:pointer;font-size:14px;font-weight:500;transition:all .2s}.nav button:hover{background:#d5dbdb;border-bottom-color:#1857a7}.nav button.active{background:#fff;border-bottom-color:#c7231c;color:#1857a7}.nav select{padding:8px;border-radius:4px;border:1px solid #bdc3c7}.nav .env-selector{background:#fff;color:#000}.content{padding:20px}.stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:20px;margin-bottom:20px}.stat-card{background:#ecf0f1;padding:15px;border-radius:8px;text-align:center}.stat-card h3{margin:0 0 10px;color:#333;font-size:16px}.stat-card .value{font-size:24px;font-weight:700;color:#c7231c}.stat-card.success .value{color:#27ae60}.stat-card.info .value{color:#1857a7}.stat-card.warning .value{color:#f39c12}.percentage{font-size:14px;font-weight:400;color:#7f8c8d;margin-top:5px}td.success{color:#27ae60;font-weight:700}td.error{color:#c7231c;font-weight:700}.table-container{overflow-x:auto}table{width:100%;border-collapse:collapse;margin-top:10px}th,td{padding:8px;text-align:left;border-bottom:1px solid #ddd;font-size:13px}th{background:#f8f9fa;font-weight:600;color:#333;font-size:12px}.date-cell{white-space:nowrap;line-height:1.3;font-size:11px}.filter-row{background:#f8f9fa}.filter-row:hover{background:#f8f9fa!important}.filter-row td{padding:5px 8px;border-bottom:2px solid #dee2e6}.filter-select{width:100%;padding:4px 6px;border:1px solid #ced4da;border-radius:3px;font-size:12px;background:#fff}tr:hover{background:#f8f9fa}.clickable-row{cursor:pointer}.clickable-row:hover{background:#e3f2fd!important}.details-count{display:inline-block;padding:4px 8px;border-radius:4px;font-size:12px;font-weight:700;min-width:20px;text-align:center;background-color:#e9ecef;color:#6c757d}.details-count.has-details{background-color:#28a745;color:#fff}.platform-filter{cursor:pointer;padding:2px 6px;border-radius:3px;background-color:#f8f9fa;border:1px solid #dee2e6;color:#495057;transition:all .2s}.platform-filter:hover{background-color:#e9ecef;border-color:#adb5bd;color:#212529}.btn{background:#3498db;color:#fff;border:none;padding:12px 16px;border-radius:4px;cursor:pointer;font-size:14px;font-weight:500;text-decoration:none;display:inline-block}.btn:hover{background:#2980b9}.btn-small{padding:4px 8px;font-size:11px}.loading{text-align:center;padding:40px;color:#7f8c8d}.spinner{display:inline-block;width:12px;height:12px;border:2px solid #f3f3f3;border-top:2px solid #3498db;border-radius:50%;animation:spin 1s linear infinite;margin-right:6px}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.refresh-btn:disabled{opacity:.7}.error{background:#e74c3c;color:#fff;padding:15px;border-radius:8px;margin-bottom:20px}.message-cell{max-width:400px;width:30%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.action-cell{width:15%}.platform-cell,.sync-trigger-cell{width:12%}.ip-cell{width:135px;min-width:135px;max-width:135px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.details-modal{position:fixed;top:0;left:0;width:100%;height:100%;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000}.modal-content{background:#fff;border-radius:8px;padding:20px;max-width:90%;max-height:90%;overflow-y:auto}.modal-header{display:flex;justify-content:between;align-items:center;margin-bottom:20px}.close-btn{background:#e74c3c;color:#fff;border:none;padding:8px 16px;border-radius:4px;cursor:pointer;margin-left:auto}.details-grid{display:grid;grid-template-columns:auto 1fr;gap:10px;margin-bottom:20px}.details-grid strong{color:#2c3e50}.json-pre{background:#f8f9fa;padding:10px;border-radius:4px;overflow-x:auto;white-space:pre-wrap;word-break:break-all}.charts-container{display:grid;grid-template-columns:1fr 1fr;gap:30px;margin:30px 0}.chart-card{background:#fff;border:1px solid #dee2e6;border-radius:8px;padding:20px;box-shadow:0 2px 4px #0000001a}.chart-card h3{margin:0 0 15px;color:#333;font-size:18px;text-align:center}.chart-card h3 i{margin-right:8px;font-size:20px}.chart-card h3 .fa-apple{color:#000}.chart-card h3 .fa-android{color:#3ddc84}.chart-card h3 .fa-chrome{color:#4285f4}.chart-card h3 .fa-firefox-browser{color:#ff7139}table th i{margin-right:6px}table th .fa-apple{color:#000}table th .fa-android{color:#3ddc84}table th .fa-chrome{color:#4285f4}table th .fa-firefox-browser{color:#ff7139}.chart-canvas{position:relative;height:400px}.chart-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;height:400px;color:#7f8c8d}.chart-loading .spinner{width:40px;height:40px;border-width:4px;margin:0 0 15px}.chart-loading p{margin:0;font-size:14px}.chart-error{display:flex;flex-direction:column;align-items:center;justify-content:center;height:400px;color:#c7231c}.chart-error .error-message{margin:0 0 20px;font-size:14px;text-align:center;max-width:80%}.retry-button{background:#3498db;color:#fff;border:none;padding:10px 20px;border-radius:4px;cursor:pointer;font-size:14px;display:flex;align-items:center;gap:8px;transition:background .2s}.retry-button:hover{background:#2980b9}.retry-button i{font-size:14px}.chart-legend{display:flex;justify-content:center;gap:20px;margin-top:15px;font-size:12px}.legend-item{display:flex;align-items:center;gap:5px}.legend-color{width:12px;height:12px;border-radius:2px}.alert-icon{cursor:help}@media (max-width: 768px){body{padding:0}.container{border-radius:0;box-shadow:none}.header{padding:12px 15px;gap:10px}.header img{height:18px}.header h1{font-size:18px}.nav{flex-direction:column;padding:10px;gap:8px}.nav-left{width:100%;flex-wrap:wrap;justify-content:flex-start;gap:6px}.nav-left button{padding:8px 12px;font-size:12px;flex:0 0 auto}.nav-right{width:100%;flex-wrap:wrap;justify-content:flex-start;gap:6px}.nav-right select{padding:6px 8px;font-size:12px}.nav-right .user-info{font-size:12px;padding:6px 10px;margin-right:0}.nav-right label{font-size:12px!important}.content{padding:12px}.charts-container{grid-template-columns:1fr;gap:15px;margin:15px 0}.chart-card{padding:12px}.chart-card h3{font-size:16px;margin-bottom:10px}.chart-canvas,.chart-loading,.chart-error{height:280px}.stats{grid-template-columns:1fr 1fr;gap:10px}.stat-card{padding:10px}.stat-card h3{font-size:12px}.stat-card .value{font-size:18px}.stat-card .percentage{font-size:10px}}@media (max-width: 480px){.nav-left button{padding:6px 10px;font-size:11px}.stats{grid-template-columns:1fr}}