:root{--color-primary: #1a73e8;--color-primary-hover: #1557b0;--color-bg: #f8f9fa;--color-surface: #ffffff;--color-text: #202124;--color-text-secondary: #5f6368;--color-border: #dadce0;--color-border-light: #e8eaed;--color-success: #34a853;--color-warning: #fbbc04;--color-error: #ea4335;--color-braze: #e85d04;--color-sendgrid: #1a82e2;--radius: 8px;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .1);--shadow-md: 0 4px 12px rgba(0, 0, 0, .15);--shadow-lg: 0 8px 24px rgba(0, 0, 0, .2);--transition: .2s ease;--header-height: 56px;--chat-drawer-height: 40vh}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background:var(--color-bg);color:var(--color-text);line-height:1.5;min-height:100vh}.app-header{display:flex;align-items:center;justify-content:space-between;height:var(--header-height);padding:0 24px;background:var(--color-surface);border-bottom:1px solid var(--color-border);position:sticky;top:0;z-index:100}.app-header h1{font-size:18px;font-weight:600}.user-info{font-size:14px;color:var(--color-text-secondary)}.app-main{max-width:1400px;margin:0 auto;padding:24px}.search-section{margin-bottom:24px}.search-form{display:flex;gap:12px;max-width:600px}.search-input{flex:1;padding:10px 16px;font-size:14px;border:1px solid var(--color-border);border-radius:var(--radius);outline:none;transition:border-color var(--transition)}.search-input:focus{border-color:var(--color-primary);box-shadow:0 0 0 2px #1a73e81a}.search-button{padding:10px 20px;font-size:14px;font-weight:500;color:#fff;background:var(--color-primary);border:none;border-radius:var(--radius);cursor:pointer;transition:background var(--transition);white-space:nowrap}.search-button:hover{background:var(--color-primary-hover)}.search-button:disabled{opacity:.6;cursor:not-allowed}.table-section{background:var(--color-surface);border-radius:var(--radius);border:1px solid var(--color-border);overflow:hidden}.table-header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:1px solid var(--color-border-light)}.table-header h2{font-size:16px;font-weight:600}.result-count{font-size:13px;color:var(--color-text-secondary)}.table-container{overflow-x:auto}.campaign-table{width:100%;border-collapse:collapse;font-size:14px;table-layout:fixed}.campaign-table th,.campaign-table td{padding:12px 16px;text-align:left;border-bottom:1px solid var(--color-border-light)}.campaign-table th:nth-child(1),.campaign-table td:nth-child(1){width:170px}.campaign-table th:nth-child(2),.campaign-table td:nth-child(2){width:220px;max-width:220px;word-wrap:break-word;overflow-wrap:break-word}.campaign-table th:nth-child(3),.campaign-table td:nth-child(3){width:85px}.campaign-table th:nth-child(4),.campaign-table td:nth-child(4){width:auto;max-width:360px;word-wrap:break-word;overflow-wrap:break-word}.campaign-table th:nth-child(5),.campaign-table td:nth-child(5){width:120px;padding-right:24px}.campaign-table th{font-weight:600;color:var(--color-text-secondary);font-size:12px;text-transform:uppercase;letter-spacing:.5px;background:var(--color-bg);-webkit-user-select:none;user-select:none}.campaign-table th.sortable{cursor:pointer}.campaign-table th.sortable:hover{color:var(--color-primary)}.campaign-table th.sort-asc:after{content:" ▲";font-size:10px}.campaign-table th.sort-desc:after{content:" ▼";font-size:10px}.campaign-table tbody tr:hover{background:#1a73e80a}.source-badge{display:inline-block;padding:2px 8px;border-radius:12px;font-size:11px;font-weight:600;text-transform:uppercase}.source-badge.braze{background:#e85d041a;color:var(--color-braze)}.source-badge.sendgrid{background:#1a82e21a;color:var(--color-sendgrid)}.view-template-btn{padding:4px 12px;font-size:12px;color:var(--color-primary);background:none;border:1px solid var(--color-primary);border-radius:4px;cursor:pointer;transition:all var(--transition)}.view-template-btn:hover{background:var(--color-primary);color:#fff}.generate-summary-btn{padding:4px 12px;font-size:12px;color:var(--color-success);background:none;border:1px solid var(--color-success);border-radius:4px;cursor:pointer;transition:all var(--transition)}.generate-summary-btn:hover{background:var(--color-success);color:#fff}.generate-summary-btn:disabled{opacity:.6;cursor:wait;border-color:var(--color-text-secondary);color:var(--color-text-secondary)}.filter-bar{display:flex;align-items:center;gap:10px;padding:12px 20px;border-bottom:1px solid var(--color-border-light);background:var(--color-bg);flex-wrap:wrap}.filter-input{flex:1;min-width:180px;padding:8px 12px;font-size:13px;border:1px solid var(--color-border);border-radius:6px;outline:none;transition:border-color var(--transition)}.filter-input:focus{border-color:var(--color-primary)}.filter-date{padding:8px 10px;font-size:13px;border:1px solid var(--color-border);border-radius:6px;outline:none}.filter-date:focus{border-color:var(--color-primary)}.filter-date-separator{font-size:13px;color:var(--color-text-secondary)}.filter-select{padding:8px 12px;font-size:13px;border:1px solid var(--color-border);border-radius:6px;outline:none;background:var(--color-surface)}.filter-clear-btn{padding:8px 14px;font-size:13px;color:var(--color-text-secondary);background:var(--color-surface);border:1px solid var(--color-border);border-radius:6px;cursor:pointer;transition:all var(--transition)}.filter-clear-btn:hover{color:var(--color-error);border-color:var(--color-error)}.empty-state,.loading-state{padding:48px 24px;text-align:center;color:var(--color-text-secondary)}.chat-toggle{position:fixed;bottom:24px;right:24px;padding:12px 24px;font-size:14px;font-weight:500;color:#fff;background:var(--color-primary);border:none;border-radius:24px;cursor:pointer;box-shadow:var(--shadow-md);transition:all var(--transition);z-index:200}.chat-toggle:hover{background:var(--color-primary-hover);box-shadow:var(--shadow-lg);transform:translateY(-1px)}.chat-drawer{position:fixed;bottom:0;left:0;right:0;height:var(--chat-drawer-height);background:var(--color-surface);border-top:1px solid var(--color-border);box-shadow:var(--shadow-lg);display:flex;flex-direction:column;z-index:300;transform:translateY(100%);transition:transform .3s ease}.chat-drawer.open{transform:translateY(0)}.chat-drawer-header{display:flex;align-items:center;justify-content:space-between;padding:12px 20px;border-bottom:1px solid var(--color-border-light)}.chat-drawer-header h3{font-size:14px;font-weight:600}.chat-close{width:28px;height:28px;display:flex;align-items:center;justify-content:center;font-size:20px;background:none;border:none;border-radius:4px;cursor:pointer;color:var(--color-text-secondary)}.chat-close:hover{background:var(--color-bg)}.chat-messages{flex:1;overflow-y:auto;padding:16px 20px;display:flex;flex-direction:column;gap:12px}.chat-loading{padding:12px 18px}.loading-dots{display:inline-flex;gap:4px;align-items:center}.loading-dots span{width:8px;height:8px;background:var(--color-text-secondary);border-radius:50%;animation:loadingBounce 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}.loading-dots span:nth-child(3){animation-delay:0s}@keyframes loadingBounce{0%,80%,to{transform:scale(.4);opacity:.4}40%{transform:scale(1);opacity:1}}.chat-message{max-width:80%;padding:10px 14px;border-radius:12px;font-size:14px;line-height:1.4}.chat-message.user{align-self:flex-end;background:var(--color-primary);color:#fff}.chat-message.assistant{align-self:flex-start;background:var(--color-bg);color:var(--color-text)}.chat-message.markdown-content{max-width:95%}.chat-message.markdown-content h3{font-size:14px;font-weight:600;margin:12px 0 6px}.chat-message.markdown-content h4{font-size:13px;font-weight:600;margin:10px 0 4px}.chat-message.markdown-content p{margin:4px 0}.chat-message.markdown-content strong{font-weight:600}.chat-message.markdown-content table{width:100%;border-collapse:collapse;font-size:12px;margin:8px 0}.chat-message.markdown-content th,.chat-message.markdown-content td{padding:6px 8px;border:1px solid var(--color-border);text-align:left}.chat-message.markdown-content th{background:var(--color-surface);font-weight:600}.chat-message.markdown-content ul,.chat-message.markdown-content ol{padding-left:18px;margin:4px 0}.chat-message.markdown-content li{margin:2px 0}.chat-message.markdown-content hr{border:none;border-top:1px solid var(--color-border);margin:10px 0}.chat-message.markdown-content code{font-size:12px;background:var(--color-surface);padding:1px 4px;border-radius:3px}.template-preview-message{max-width:95%;padding:12px;border:1px solid var(--color-border);border-radius:8px;background:var(--color-surface)}.template-preview-label{font-size:12px;font-weight:600;color:var(--color-primary);margin-bottom:6px}.template-preview-vars{font-size:11px;color:var(--color-text-secondary);margin-bottom:8px;padding:4px 8px;background:var(--color-bg);border-radius:4px}.template-inline-preview{width:100%;height:150px;border:1px solid var(--color-border-light);border-radius:4px;background:#fff}.template-expand-btn{display:block;margin-top:8px;padding:6px 14px;font-size:12px;font-weight:500;color:var(--color-primary);background:none;border:1px solid var(--color-primary);border-radius:4px;cursor:pointer;transition:all var(--transition)}.template-expand-btn:hover{background:var(--color-primary);color:#fff}.chat-input-form{display:flex;gap:8px;padding:12px 20px;border-top:1px solid var(--color-border-light)}.chat-input{flex:1;padding:10px 14px;font-size:14px;border:1px solid var(--color-border);border-radius:20px;outline:none;transition:border-color var(--transition)}.chat-input:focus{border-color:var(--color-primary)}.chat-send{padding:10px 16px;font-size:14px;font-weight:500;color:#fff;background:var(--color-primary);border:none;border-radius:20px;cursor:pointer;transition:background var(--transition)}.chat-send:hover{background:var(--color-primary-hover)}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;display:none;align-items:center;justify-content:center;z-index:500}.modal-overlay.visible{display:flex}.modal{background:var(--color-surface);border-radius:var(--radius);width:90vw;max-width:900px;height:80vh;display:flex;flex-direction:column;box-shadow:var(--shadow-lg)}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:1px solid var(--color-border-light)}.modal-header h3{font-size:16px;font-weight:600}.modal-close{width:36px;height:36px;display:flex;align-items:center;justify-content:center;font-size:28px;background:var(--color-bg);border:1px solid var(--color-border);border-radius:6px;cursor:pointer;color:var(--color-text);position:relative;z-index:10}.modal-close:hover{background:var(--color-error);color:#fff;border-color:var(--color-error)}.modal-body{flex:1;overflow:hidden}.template-preview{width:100%;height:100%;border:none}