@import url(https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap);.channel-label{color:var(--text-primary);display:block;font-size:1.125rem;font-weight:600;letter-spacing:-.025em;margin-bottom:.75rem}.channel-select{appearance:none;background:var(--surface-color);background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3E%3Cpath stroke='%236b7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='m6 8 4 4 4-4'/%3E%3C/svg%3E");background-position:right .75rem center;background-repeat:no-repeat;background-size:1.5em 1.5em;border:2px solid var(--border-color);border-radius:var(--radius-md);color:var(--text-primary);cursor:pointer;font-family:inherit;font-size:1rem;padding:.875rem 2.5rem .875rem 1rem;transition:all .2s cubic-bezier(.4,0,.2,1);width:100%}.channel-select:focus{border-color:var(--primary-color);box-shadow:0 0 0 3px #2563eb1a;outline:none}.channel-select:hover{border-color:var(--secondary-color)}.channel-select option{color:var(--text-primary);padding:.5rem}.channel-count{align-items:center;color:var(--text-muted);display:flex;font-size:.875rem;font-weight:500;gap:.5rem;margin-top:.75rem}.channel-count:before{background:var(--success-color);border-radius:50%;content:"";display:inline-block;height:8px;width:8px}.loading{padding:3rem 2rem}.loading:before{border-top:2px solid var(--border-color);border:2px solid var(--border-color);height:20px;margin-right:.75rem;width:20px}.error{gap:.5rem;padding:1.5rem}.error:before{font-size:1.25rem}@media (max-width:768px){.channel-label{font-size:1rem}.channel-select{font-size:.9rem;padding:.75rem 2.25rem .75rem 1rem}.channel-count{font-size:.8rem}.loading{padding:2rem 1rem}.error{font-size:.9rem;padding:1rem}}.message-header{align-items:center;background:linear-gradient(135deg,var(--primary-color) 0,var(--primary-light) 100%);color:#fff;display:flex;flex-wrap:wrap;gap:1rem;justify-content:space-between;padding:1.5rem 2rem}.header-content h3{font-size:1.5rem;font-weight:600;letter-spacing:-.025em;margin:0}.message-stats{align-items:center;display:flex;font-size:.875rem;gap:.5rem;margin-top:.25rem;opacity:.9}.message-count{font-size:1rem;font-weight:700}.message-text{font-weight:400}.load-more-hint{color:#fffc;font-style:italic}.header-actions{display:flex;gap:.75rem}.refresh-btn{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff26;border:1px solid #fff3;border-radius:var(--radius-md);color:#fff;cursor:pointer;display:flex;font-size:.875rem;font-weight:500;gap:.5rem;padding:.625rem 1rem;transition:all .2s cubic-bezier(.4,0,.2,1)}.refresh-btn:hover{background:#ffffff40;box-shadow:0 4px 12px #00000026;transform:translateY(-1px)}.refresh-btn:active{transform:translateY(0)}.no-channel{color:var(--text-muted);padding:4rem 2rem;text-align:center}.no-channel h3{color:var(--text-primary);font-size:1.25rem;font-weight:600;margin-bottom:1rem}.no-channel p{color:var(--text-secondary);font-size:1rem}.no-messages{background:var(--background-color);color:var(--text-muted);padding:4rem 2rem;text-align:center}.no-messages p{font-size:1rem;font-style:italic}.loading{align-items:center;background:var(--background-color);color:var(--primary-color);display:flex;font-size:1rem;font-weight:500;justify-content:center;padding:4rem 2rem}.loading:before{animation:spin 1s linear infinite;border-top:3px solid var(--border-color);border:3px solid var(--border-color);border-radius:50%;border-top-color:var(--primary-color);content:"";height:24px;margin-right:1rem;width:24px}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.error{align-items:center;background:#fef2f2;border:1px solid #fca5a5;border-radius:var(--radius-md);color:var(--error-color);display:flex;font-weight:500;gap:1rem;justify-content:center;margin:1rem;padding:2rem;text-align:center}.error:before{content:"⚠️";font-size:1.5rem}.retry-btn{background:var(--error-color);border:none;border-radius:var(--radius-sm);color:#fff;cursor:pointer;font-size:.875rem;font-weight:500;margin-left:1rem;padding:.5rem 1rem;transition:all .2s ease}.retry-btn:hover{background:#dc2626;transform:translateY(-1px)}.table-container{background:var(--surface-color);overflow-x:auto}.messages-table{border-collapse:collapse;font-size:.875rem;width:100%}.messages-table thead{background:var(--background-color);border-bottom:2px solid var(--border-color)}.messages-table th{color:var(--text-primary);font-size:.875rem;font-weight:600;letter-spacing:.025em;padding:1rem;text-align:left;text-transform:uppercase}.messages-table td{border-bottom:1px solid var(--border-color);padding:1rem;vertical-align:top}.message-row{transition:all .2s ease}.message-row:hover{background:#f8fafc}.message-id{color:var(--primary-color);font-size:.8rem;font-weight:600}.channel-name{color:var(--text-primary);font-weight:500}.timestamp{color:var(--text-secondary);font-size:.8rem;white-space:nowrap}.message-content{max-width:600px;min-width:400px}.message-preview{background:#f8fafc;border:1px solid var(--border-color);border-radius:var(--radius-sm);color:var(--text-secondary);font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:.75rem;overflow:hidden;padding:.5rem;text-overflow:ellipsis;white-space:nowrap}.actions{text-align:center}.view-btn{align-items:center;background:var(--primary-color);border:none;border-radius:var(--radius-sm);color:#fff;cursor:pointer;display:inline-flex;font-size:.75rem;font-weight:500;gap:.375rem;padding:.5rem .75rem;transition:all .2s ease}.view-btn:hover{background:var(--primary-dark);box-shadow:var(--shadow-md);transform:translateY(-1px)}.view-btn:active{transform:translateY(0)}.table-footer{align-items:center;background:var(--background-color);border-top:1px solid var(--border-color);display:flex;flex-wrap:wrap;gap:1rem;justify-content:space-between;padding:1.5rem 2rem}.pagination-info{color:var(--text-secondary);font-size:.875rem;font-weight:500}.load-more-btn{align-items:center;background:var(--surface-color);border:2px solid var(--primary-color);border-radius:var(--radius-md);color:var(--primary-color);cursor:pointer;display:flex;font-size:.875rem;font-weight:600;gap:.5rem;padding:.75rem 1.5rem;transition:all .2s ease}.load-more-btn:hover:not(:disabled){background:var(--primary-color);box-shadow:var(--shadow-md);color:#fff;transform:translateY(-1px)}.load-more-btn:disabled{cursor:not-allowed;opacity:.6}.spinner{animation:spin 1s linear infinite;border-top:2px solid var(--border-color);border:2px solid var(--border-color);border-radius:50%;border-top-color:var(--primary-color);height:16px;width:16px}.message-modal{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0009;bottom:0;display:flex;justify-content:center;left:0;padding:1rem;position:fixed;right:0;top:0;z-index:1000}.modal-content{background:var(--surface-color);border-radius:var(--radius-xl);box-shadow:var(--shadow-xl);display:flex;flex-direction:column;max-height:90vh;max-width:1200px;overflow:hidden;width:95%}.modal-header{align-items:center;background:var(--background-color);border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;padding:1.5rem 2rem}.modal-title h4{color:var(--text-primary);font-size:1.25rem;font-weight:600;margin:0}.message-id{font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:.875rem;margin-top:.25rem}.close-btn,.message-id{color:var(--text-muted)}.close-btn{align-items:center;background:none;border:none;border-radius:var(--radius-sm);cursor:pointer;display:flex;justify-content:center;padding:.5rem;transition:all .2s ease}.close-btn:hover{background:var(--border-color);color:var(--text-primary)}.modal-body{flex:1 1;overflow-y:auto;padding:2rem}.message-info{margin-bottom:2rem}.info-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.info-item{display:flex;flex-direction:column;gap:.5rem}.info-item label{color:var(--text-secondary);font-size:.875rem;font-weight:600;letter-spacing:.025em;text-transform:uppercase}.info-item span{color:var(--text-primary);font-size:1rem;font-weight:500}.status-badge{align-items:center;border-radius:9999px;display:inline-flex;font-size:.75rem;font-weight:600;letter-spacing:.05em;padding:.25rem .75rem;text-transform:uppercase}.status-received{background:#dcfce7;color:#166534}.status-sent{background:#dbeafe;color:#1e40af}.status-error{background:#fef2f2;color:#991b1b}.status-unknown{background:#f3f4f6;color:#4b5563}.full-message{border-top:1px solid var(--border-color);padding-top:2rem}.message-header-section{align-items:center;display:flex;justify-content:space-between;margin-bottom:1rem}.message-header-section h5{color:var(--text-primary);font-size:1.125rem;font-weight:600;margin:0}.copy-btn{align-items:center;background:var(--background-color);border:1px solid var(--border-color);border-radius:var(--radius-sm);color:var(--text-secondary);cursor:pointer;display:flex;font-size:.75rem;font-weight:500;gap:.375rem;padding:.5rem .75rem;transition:all .2s ease}.copy-btn:hover{background:var(--border-color);color:var(--text-primary)}.message-content{background:#f8fafc;border:1px solid var(--border-color);border-radius:var(--radius-md);color:var(--text-primary);font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:.85rem;line-height:1.6;max-height:500px;min-height:200px;overflow-x:auto;overflow-y:auto;padding:1.5rem;white-space:pre-wrap;width:100%;word-break:break-word}@media (max-width:1024px){.message-header,.table-footer{padding:1.25rem 1.5rem}.modal-content{margin:1rem;max-width:calc(100vw - 2rem);width:95%}}@media (max-width:768px){.message-header{align-items:stretch;flex-direction:column;padding:1rem;text-align:center}.header-actions,.header-content{width:100%}.header-actions{justify-content:center;margin-top:1rem}.messages-table{font-size:.8rem}.messages-table td,.messages-table th{padding:.75rem .5rem}.message-content{max-width:400px;min-width:250px}.table-footer{flex-direction:column;padding:1rem;text-align:center}.modal-content{margin:.5rem;max-height:calc(100vh - 1rem);max-width:calc(100vw - 1rem)}.modal-header{padding:1rem 1.5rem}.modal-body{padding:1.5rem}.info-grid{gap:1rem;grid-template-columns:1fr}.message-header-section{align-items:stretch;flex-direction:column;gap:1rem}}@media (max-width:480px){.message-header h3{font-size:1.25rem}.messages-table{font-size:.75rem}.message-preview,.view-btn{font-size:.7rem}.view-btn{padding:.375rem .5rem}.modal-body,.modal-header{padding:1rem}.message-content{font-size:.8rem;max-width:100%;min-height:150px;min-width:200px;padding:1rem}}.search-section{background:#f8fafc;border-bottom:1px solid #e2e8f0;padding:1.5rem 2rem}.search-container{align-items:center;display:flex;gap:1rem;max-width:800px}.search-input-wrapper{flex:1 1;min-width:300px;position:relative}.search-icon{color:#64748b;left:12px;pointer-events:none;position:absolute;top:50%;transform:translateY(-50%)}.search-input{background:#fff;border:2px solid #e2e8f0;border-radius:8px;box-sizing:border-box;font-size:.875rem;padding:.75rem 1rem .75rem 2.5rem;transition:all .2s ease;width:100%}.search-input:focus{border-color:var(--primary-color);box-shadow:0 0 0 3px #3b82f61a;outline:none}.search-input::placeholder{color:#94a3b8}.clear-search-btn{align-items:center;background:none;border:none;border-radius:4px;color:#64748b;cursor:pointer;display:flex;justify-content:center;padding:4px;position:absolute;right:8px;top:50%;transform:translateY(-50%);transition:all .2s ease}.clear-search-btn:hover{background:#f1f5f9;color:#475569}.search-filter{background:#fff;border:2px solid #e2e8f0;border-radius:8px;color:#374151;cursor:pointer;font-size:.875rem;min-width:140px;padding:.75rem 1rem;transition:all .2s ease}.search-filter:focus{border-color:var(--primary-color);box-shadow:0 0 0 3px #3b82f61a;outline:none}.search-filter:hover{border-color:#cbd5e1}.filter-hint{color:#fffc}.filter-hint,.search-info{font-size:.8rem;font-style:italic}.search-info{color:#64748b}.clear-filter-btn{background:var(--primary-color);border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:.875rem;margin-top:.5rem;padding:.5rem 1rem;transition:all .2s ease}.clear-filter-btn:hover{background:var(--primary-dark);transform:translateY(-1px)}@media (max-width:768px){.search-container{align-items:stretch;flex-direction:column;gap:.75rem}.search-filter,.search-input-wrapper{min-width:0;min-width:auto}.search-section{padding:1rem}}@media (max-width:480px){.search-input{font-size:.8rem;padding:.625rem .875rem .625rem 2.25rem}.search-filter{font-size:.8rem;padding:.625rem .875rem}.search-icon{height:14px;left:10px;width:14px}}:root{--primary-color:#2563eb;--primary-dark:#1d4ed8;--primary-light:#3b82f6;--secondary-color:#64748b;--success-color:#10b981;--warning-color:#f59e0b;--error-color:#ef4444;--background-color:#f8fafc;--surface-color:#fff;--border-color:#e2e8f0;--text-primary:#0f172a;--text-secondary:#475569;--text-muted:#94a3b8;--shadow-sm:0 1px 2px 0 #0000000d;--shadow-md:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a;--shadow-lg:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a;--shadow-xl:0 20px 25px -5px #0000001a,0 8px 10px -6px #0000001a;--radius-sm:0.375rem;--radius-md:0.5rem;--radius-lg:0.75rem;--radius-xl:1rem}*{box-sizing:border-box;margin:0;padding:0}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#f8fafc;background-color:var(--background-color);color:#0f172a;color:var(--text-primary);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;line-height:1.6}.app{background:linear-gradient(135deg,#f1f5f9,#e2e8f0);min-height:100vh}.app-header{background:#fff;background:var(--surface-color);border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--border-color);box-shadow:0 1px 2px 0 #0000000d;box-shadow:var(--shadow-sm);margin-bottom:2rem;padding:2rem 0}.app-header .container{margin:0 auto;max-width:1200px;padding:0 2rem;text-align:center}.app-header h1{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#2563eb,#3b82f6);background:linear-gradient(135deg,var(--primary-color),var(--primary-light));-webkit-background-clip:text;background-clip:text;color:#0f172a;color:var(--text-primary);font-size:2.5rem;font-weight:700;margin-bottom:.5rem}.app-header p{color:#475569;color:var(--text-secondary);font-size:1.125rem;font-weight:400;margin:0 auto;max-width:600px}.app-main{display:flex;flex-direction:column;gap:2rem;margin:0 auto;max-width:1400px;padding:0 2rem 4rem}.channel-selector{box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a;box-shadow:var(--shadow-md);padding:1.5rem}.channel-selector,.message-viewer{background:#fff;background:var(--surface-color);border:1px solid #e2e8f0;border:1px solid var(--border-color);border-radius:1rem;border-radius:var(--radius-xl)}.message-viewer{box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a;box-shadow:var(--shadow-lg);overflow:hidden}@media (max-width:1024px){.app-main{max-width:100%;padding:0 1.5rem 3rem}}@media (max-width:768px){.app-header{padding:1.5rem 0}.app-header .container{padding:0 1rem}.app-header h1{font-size:2rem}.app-header p{font-size:1rem}.app-main{gap:1.5rem;padding:0 1rem 2rem}.channel-selector,.message-viewer{padding:1rem}}@media (max-width:480px){.app-header h1{font-size:1.75rem}.app-main{gap:1rem}}
/*# sourceMappingURL=main.b10ed834.css.map*/