*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--blue-600: #3b7dd8;--blue-700: #2c5282;--blue-800: #1a365d;--blue-900: #0f1b2d;--silver-50: rgba(148, 163, 184, .06);--silver-100: rgba(148, 163, 184, .1);--silver-200: rgba(148, 163, 184, .15);--silver-300: rgba(148, 163, 184, .2);--silver-400: #94a3b8;--silver-500: #64748b;--silver-700: #334155;--silver-800: #1e293b;--bg: #0c1524;--panel: #132035;--panel-hover: #182841;--text: #dfe6f0;--text-secondary: #94a3b8;--text-muted: #5a6d85;--border: rgba(148, 163, 184, .15);--border-light: rgba(148, 163, 184, .1);--input-bg: #0f1a2e;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .2);--shadow: 0 1px 3px rgba(0, 0, 0, .3), 0 1px 2px rgba(0, 0, 0, .2);--shadow-md: 0 4px 8px rgba(0, 0, 0, .3), 0 2px 4px rgba(0, 0, 0, .2);--radius: 8px;--radius-lg: 12px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-size:14px;color:var(--text);background:var(--bg)}body{min-height:100vh}.app{min-height:100vh;display:flex;flex-direction:column}.header{display:flex;align-items:center;justify-content:space-between;padding:12px 24px;background:var(--blue-800);color:#fff;box-shadow:0 2px 8px #0d1f3340;position:relative;z-index:10}.header h1{font-size:18px;font-weight:600;letter-spacing:-.01em}.header-subtitle{margin-top:2px;font-size:12px;color:#ffffffb8}.header-actions,.auth-summary{display:flex;align-items:center;gap:12px}.auth-summary-label{font-size:12px;color:#ffffffc7}.auth-toggle{background:transparent;border:1px solid rgba(255,255,255,.25);color:#ffffffd9;padding:6px 14px;border-radius:999px;font-size:12px;cursor:pointer;transition:all .15s}.auth-toggle:hover{background:#ffffff1a;border-color:#fff6}.auth-bar{display:flex;gap:8px;padding:10px 24px;background:var(--blue-900);border-bottom:1px solid rgba(255,255,255,.08)}.auth-bar input{flex:1;padding:6px 12px;background:#ffffff14;border:1px solid rgba(255,255,255,.15);border-radius:var(--radius);color:#fff;font-size:13px;font-family:monospace;outline:none}.auth-bar input::placeholder{color:#ffffff59}.auth-bar input:focus{border-color:#ffffff4d}.auth-bar button{padding:6px 16px;background:#ffffff1a;border:1px solid rgba(255,255,255,.2);border-radius:var(--radius);color:#fffc;font-size:12px;cursor:pointer}.auth-panel{padding:24px;background:radial-gradient(circle at top left,rgba(59,125,216,.08),transparent 28%),linear-gradient(180deg,var(--panel) 0%,var(--bg) 100%);border-bottom:1px solid var(--border)}.auth-card,.welcome-card{width:min(100%,560px);margin:0 auto;background:var(--panel);border:1px solid var(--border);border-radius:18px;box-shadow:0 18px 48px #00000040;padding:24px}.auth-card h2,.welcome-card h2{font-size:22px;color:var(--blue-800);margin-bottom:6px}.auth-tabs{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:20px}.auth-tabs button,.secondary-btn{padding:10px 14px;border-radius:10px;border:1px solid var(--border);background:var(--input-bg);color:var(--text-secondary);font-size:13px;cursor:pointer;transition:all .15s}.auth-tabs button.active{background:var(--blue-600);border-color:var(--blue-600);color:#fff}.auth-form{display:flex;flex-direction:column;gap:14px}.auth-field{display:flex;flex-direction:column;gap:6px}.auth-field span{font-size:12px;font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.03em}.auth-field input{padding:11px 13px;border:1px solid var(--border);border-radius:10px;font-size:14px;outline:none;background:var(--input-bg);color:var(--text);transition:border-color .15s,box-shadow .15s}.auth-field input:focus{border-color:var(--blue-600);box-shadow:0 0 0 3px #3b7dd826}.auth-actions{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.secondary-btn:hover{border-color:#94a3b84d;background:var(--panel-hover)}.secondary-btn.danger{color:#b91c1c}.account-details{display:grid;gap:14px;margin:16px 0 20px;padding:16px;border:1px solid var(--border-light);border-radius:12px;background:var(--input-bg)}.account-details strong{display:block;margin-top:3px;font-size:14px;color:var(--text)}.account-label{font-size:11px;letter-spacing:.05em;text-transform:uppercase;color:var(--text-muted)}.welcome-panel{flex:1;display:grid;place-items:center;padding:24px}.welcome-card p{margin:8px 0 18px;color:var(--text-secondary);line-height:1.6}.layout{display:flex;flex:1;overflow:hidden}.sidebar{width:280px;min-width:280px;background:var(--panel);border-right:1px solid var(--border);display:flex;flex-direction:column;overflow:hidden}.sidebar-header{display:flex;align-items:center;justify-content:space-between;padding:16px 16px 0}.sidebar-header h2{font-size:13px;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--text-secondary)}.count{font-size:11px;color:var(--text-muted);background:var(--silver-100);padding:2px 8px;border-radius:999px}.table-filter{margin:12px 16px;padding:8px 12px;border:1px solid var(--border);border-radius:var(--radius);font-size:13px;outline:none;background:var(--input-bg);color:var(--text);transition:border-color .15s}.table-filter::placeholder{color:var(--text-muted)}.table-filter:focus{border-color:var(--blue-600);box-shadow:0 0 0 2px #3b7dd826}.table-list{flex:1;overflow-y:auto;padding:0 8px 16px}.table-item{display:flex;flex-direction:column;align-items:flex-start;gap:2px;width:100%;padding:8px 10px;border:none;background:transparent;border-radius:6px;cursor:pointer;text-align:left;transition:background .1s}.table-item:hover{background:var(--panel-hover)}.table-item.active{background:#3b7dd81f;outline:1px solid rgba(59,125,216,.25)}.table-name{font-size:13px;font-weight:500;color:var(--text)}.table-item.active .table-name{color:#6ba8e8}.table-desc{font-size:11px;color:var(--text-muted);line-height:1.3;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.main{flex:1;overflow-y:auto;padding:24px;display:flex;flex-direction:column;gap:20px}.search-panel{background:var(--panel);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow);overflow:hidden}.mode-tabs{display:flex;border-bottom:1px solid var(--border-light)}.mode-tabs button{flex:1;padding:12px 20px;background:transparent;border:none;font-size:13px;font-weight:500;color:var(--text-secondary);cursor:pointer;position:relative;transition:color .15s}.mode-tabs button:hover{color:var(--text);background:var(--panel-hover)}.mode-tabs button.active{color:#6ba8e8}.mode-tabs button.active:after{content:"";position:absolute;bottom:0;left:16px;right:16px;height:2px;background:var(--blue-600);border-radius:1px 1px 0 0}.search-form{padding:20px}.search-row{display:flex;gap:10px}.search-input{flex:1;padding:10px 14px;border:1px solid var(--border);border-radius:var(--radius);font-size:14px;outline:none;background:var(--input-bg);color:var(--text);transition:border-color .15s,box-shadow .15s}.search-input:focus{border-color:var(--blue-600);box-shadow:0 0 0 2px #3b7dd826}.search-input::placeholder{color:var(--text-muted)}.search-btn{padding:10px 24px;background:var(--blue-600);color:#fff;border:none;border-radius:var(--radius);font-size:13px;font-weight:500;cursor:pointer;transition:background .15s;white-space:nowrap}.search-btn:hover:not(:disabled){background:var(--blue-700)}.search-btn:disabled{opacity:.5;cursor:not-allowed}.examples{margin-top:16px;display:flex;flex-wrap:wrap;align-items:center;gap:6px}.examples-label{font-size:12px;color:var(--text-muted);margin-right:4px}.example-pill{padding:4px 10px;border:1px solid var(--border);border-radius:999px;background:var(--input-bg);color:var(--text-secondary);font-size:12px;cursor:pointer;transition:all .15s}.example-pill:hover{background:var(--panel-hover);border-color:#94a3b84d;color:var(--text)}.example-card{display:flex;flex-direction:column;gap:2px;padding:10px 14px;border:1px solid var(--border);border-radius:var(--radius);background:var(--input-bg);cursor:pointer;text-align:left;transition:all .15s}.example-card:hover{background:var(--panel-hover);border-color:#94a3b84d}.example-card strong{font-size:13px;font-weight:500;color:var(--text)}.example-card span{font-size:11px;color:var(--text-muted);font-family:monospace}.structured-form{display:flex;flex-direction:column;gap:16px}.table-description{font-size:13px;color:var(--text-secondary);line-height:1.5;padding:10px 14px;background:var(--input-bg);border-radius:var(--radius);border-left:3px solid var(--blue-600)}.field{display:flex;flex-direction:column;gap:6px}.field label{font-size:12px;font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.03em}.field select,.field input[type=text],.field input[type=number]{padding:8px 12px;border:1px solid var(--border);border-radius:var(--radius);font-size:13px;outline:none;background:var(--input-bg);color:var(--text);transition:border-color .15s,box-shadow .15s}.field select:focus,.field input:focus{border-color:var(--blue-600);box-shadow:0 0 0 2px #3b7dd826}.field-inline{flex-direction:row;align-items:center;gap:10px}.field-inline input{width:80px}.enum-options{display:flex;flex-wrap:wrap;gap:4px;max-height:120px;overflow-y:auto;padding:2px 0}.enum-options.expanded{max-height:none}.enum-pill{padding:3px 9px;border:1px solid var(--border);border-radius:4px;background:var(--input-bg);color:var(--text-secondary);font-size:11px;font-family:monospace;cursor:pointer;transition:all .1s;white-space:nowrap}.enum-pill:hover{background:var(--panel-hover);border-color:#94a3b84d}.enum-pill.selected{background:var(--blue-600);border-color:var(--blue-600);color:#fff}.enum-pill.more{font-family:inherit;color:#6ba8e8;border-style:dashed}.enum-pill.more:hover{background:#3b7dd81a}.error{padding:10px 14px;background:#b91c1c1f;border:1px solid rgba(185,28,28,.25);border-radius:var(--radius);color:#fca5a5;font-size:13px}.warning{padding:10px 14px;background:#b482141a;border:1px solid rgba(180,130,20,.25);border-radius:var(--radius);color:#fcd34d;font-size:13px}.info{margin-top:16px;padding:10px 14px;background:#3b7dd81a;border:1px solid rgba(59,125,216,.25);border-radius:var(--radius);color:#6ba8e8;font-size:13px}.muted{color:var(--text-muted);font-size:13px;padding:12px 0}.results-panel{background:var(--panel);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow);overflow:hidden}.results-header{display:flex;align-items:center;justify-content:space-between;padding:14px 20px;border-bottom:1px solid var(--border-light)}.results-header h3{font-size:14px;font-weight:600}.results-meta{display:flex;gap:6px}.meta-tag{padding:2px 8px;background:#3b7dd81a;border:1px solid rgba(59,125,216,.2);border-radius:4px;font-size:11px;color:var(--text-secondary);font-family:monospace}.interpolation-note{padding:10px 20px;background:#3b7dd80f;border-bottom:1px solid var(--border-light);font-size:12px;color:#6ba8e8}.results-table-wrapper{overflow-x:auto}.results-table{width:100%;border-collapse:collapse;font-size:13px}.results-table th{text-align:left;padding:8px 14px;background:var(--input-bg);border-bottom:1px solid var(--border);font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.03em;color:var(--text-secondary);white-space:nowrap;position:sticky;top:0}.results-table td{padding:7px 14px;border-bottom:1px solid var(--border-light);color:var(--text);white-space:nowrap;max-width:300px;overflow:hidden;text-overflow:ellipsis}.results-table tbody tr:hover{background:var(--panel-hover)}.results-table tbody tr:last-child td{border-bottom:none}.no-results{padding:24px 20px;text-align:center;color:var(--text-muted);font-size:13px}.candidates{padding:14px 20px;border-top:1px solid var(--border-light)}.candidates-label{font-size:12px;font-weight:600;color:var(--text-secondary);margin-bottom:8px}.candidate-list{display:flex;flex-direction:column;gap:4px}.candidate-item{display:flex;align-items:center;gap:10px;padding:6px 10px;border-radius:4px;font-size:12px}.candidate-item:hover{background:var(--panel-hover)}.candidate-name{font-weight:500;font-family:monospace;color:var(--text)}.candidate-score{font-family:monospace;color:#6ba8e8;font-size:11px}.candidate-desc{color:var(--text-muted);font-size:11px;flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@media(max-width:768px){.auth-panel{padding:16px}.auth-card,.welcome-card{padding:18px;border-radius:14px}.auth-tabs{grid-template-columns:1fr}.auth-actions,.header-actions,.auth-summary{align-items:stretch;flex-direction:column}.layout{flex-direction:column}.sidebar{width:100%;min-width:unset;max-height:200px;border-right:none;border-bottom:1px solid var(--border)}.main{padding:16px}.header{padding:10px 16px}.header{align-items:flex-start;gap:12px;flex-direction:column}.results-meta{flex-wrap:wrap}}