:root{--primary: #1e3a5f;--accent: #dc143c;--bg: #f5f7fa;--surface: #ffffff;--text: #1a1a2e;--text-muted: #666;--border: #e0e4e8;--success: #28a745;--error: #dc3545}*{box-sizing:border-box;margin:0;padding:0}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background:var(--bg);color:var(--text);line-height:1.6}.app{display:flex;flex-direction:column;height:100vh;max-width:1200px;margin:0 auto}.header{padding:1rem 1.5rem;background:var(--primary);color:#fff}.header h1{font-size:1.5rem;font-weight:600}.header p{font-size:.875rem;opacity:.8}.settings{display:flex;gap:1rem;padding:1rem 1.5rem;background:var(--surface);border-bottom:1px solid var(--border);flex-wrap:wrap;align-items:flex-end}.setting-group{display:flex;flex-direction:column;gap:.25rem}.setting-group label{font-size:.75rem;font-weight:500;color:var(--text-muted);text-transform:uppercase}.setting-group select,.setting-group button{padding:.5rem 1rem;border:1px solid var(--border);border-radius:4px;font-size:.875rem;background:var(--surface)}.setting-group.actions{flex-direction:row;margin-left:auto;gap:.5rem}.setting-group button{background:var(--primary);color:#fff;border:none;cursor:pointer}.setting-group button:hover:not(:disabled){opacity:.9}.setting-group button:disabled{opacity:.5;cursor:not-allowed}.setting-group button.secondary{background:var(--surface);color:var(--text);border:1px solid var(--border)}.main{flex:1;overflow-y:auto;padding:1rem 1.5rem}.message-list{display:flex;flex-direction:column;gap:1rem}.message-list.empty{display:flex;align-items:center;justify-content:center;height:100%}.welcome{text-align:center;max-width:500px}.welcome h2{margin-bottom:.5rem;color:var(--primary)}.welcome p{color:var(--text-muted);margin-bottom:1.5rem}.examples{text-align:left;background:var(--surface);padding:1rem;border-radius:8px;border:1px solid var(--border)}.examples p{margin-bottom:.5rem;font-weight:500}.examples ul{margin-left:1.25rem}.examples li{color:var(--text-muted);margin-bottom:.25rem}.message{background:var(--surface);border-radius:8px;padding:1rem;border:1px solid var(--border)}.message.user{background:var(--primary);color:#fff;margin-left:2rem}.message.assistant{margin-right:2rem}.message-header{display:flex;justify-content:space-between;margin-bottom:.5rem;font-size:.75rem}.message-header .role{font-weight:600;text-transform:uppercase}.message-header .timestamp{opacity:.7}.message-content{white-space:pre-wrap}.sql-block{margin-top:1rem;background:#1e1e1e;border-radius:4px;overflow:hidden}.sql-header{padding:.5rem 1rem;background:#333;color:#888;font-size:.75rem;font-weight:500;text-transform:uppercase}.sql-block pre{padding:1rem;margin:0;overflow-x:auto}.sql-block code{color:#d4d4d4;font-family:SF Mono,Monaco,monospace;font-size:.875rem}.data-table-container{margin-top:1rem;overflow-x:auto}.data-table{width:100%;border-collapse:collapse;font-size:.875rem}.data-table th,.data-table td{padding:.5rem .75rem;text-align:left;border:1px solid var(--border)}.data-table th{background:var(--bg);font-weight:600}.data-table tr:nth-child(2n){background:var(--bg)}.table-footer{padding:.5rem;text-align:center;font-size:.75rem;color:var(--text-muted)}.footer{padding:1rem 1.5rem;background:var(--surface);border-top:1px solid var(--border)}.chat-input{display:flex;gap:.5rem}.chat-input input{flex:1;padding:.75rem 1rem;border:1px solid var(--border);border-radius:4px;font-size:1rem}.chat-input input:focus{outline:none;border-color:var(--primary)}.chat-input button{padding:.75rem 1.5rem;background:var(--primary);color:#fff;border:none;border-radius:4px;font-size:1rem;cursor:pointer}.chat-input button:hover:not(:disabled){opacity:.9}.chat-input button:disabled{opacity:.5;cursor:not-allowed}