:root{font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;line-height:1.5;font-weight:400;background-color:#0f1419;color:#ededed;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;background-color:inherit}#root{min-height:100vh}a{color:inherit}.app-shell{display:grid;grid-template-rows:1fr auto;height:100vh;background:#0f1419;color:#ededed}.app-shell__footer{padding:.75rem 1.75rem;background:#1a1a1a;border-top:1px solid #2a2a2a;text-align:center;font-size:.85rem;color:#8b8b8b}.app-shell__body{display:grid;grid-template-columns:minmax(280px,360px) 1fr;gap:1px;background:#1f1f1f;min-height:0;overflow:hidden}.app-shell__sidebar{background:#1a1a1a;padding:1.25rem;overflow-y:auto;display:flex;flex-direction:column;gap:1rem;border-right:1px solid #2a2a2a}.app-shell__main{background:#0f1419;padding:1.5rem 2.5rem;overflow-y:auto;position:relative}.chat-panel{display:flex;flex-direction:column;gap:.75rem;height:100%;border-radius:12px;border:1px solid #2a2a2a;background:#1a1a1a;overflow:hidden}.chat-panel__header{display:flex;align-items:center;justify-content:space-between;padding:1.25rem 1.5rem .5rem}.chat-panel__header-meta{display:flex;flex-direction:column;gap:.35rem}.chat-panel__badge{align-self:flex-start;background:#3ecf8e26;color:#3ecf8e;padding:.2rem .55rem;border-radius:999px;font-size:.75rem;font-weight:600;letter-spacing:.04em;text-transform:uppercase}.chat-panel__title{margin:0;font-size:1.1rem;font-weight:600;color:#ededed}.chat-panel__subtitle{margin:0;color:#8b8b8b;font-size:.87rem}.chat-panel__scroll{flex:1;overflow-y:auto;padding:0 1.5rem}.chat-panel__messages{display:flex;flex-direction:column;gap:.75rem}.chat-bubble{padding:.85rem 1rem;border-radius:16px;background:#2a2a2a;color:#ededed;display:flex;flex-direction:column;gap:.25rem;max-width:85%}.chat-bubble--ai{align-self:flex-start;border-top-left-radius:6px;background:#2a2a2a}.chat-bubble--user{align-self:flex-end;background:#3ecf8e;color:#0f1419;border-top-right-radius:6px;box-shadow:0 14px 28px -18px #3ecf8ea6}.chat-bubble__meta{display:flex;justify-content:space-between;font-size:.75rem;opacity:.75}.chat-bubble__role{text-transform:uppercase;letter-spacing:.04em;font-weight:600}.chat-bubble__content{margin:0;white-space:pre-wrap;font-size:.9rem}.chat-panel__typing{font-size:.85rem;color:#8b8b8b;margin-left:.5rem}.chat-panel__composer{border-top:1px solid #2a2a2a;padding:1rem 1.5rem 1.25rem;display:flex;flex-direction:column;gap:.5rem;background:#1a1a1a}.chat-panel__label{font-size:.75rem;text-transform:uppercase;letter-spacing:.05em;color:#8b8b8b}.chat-panel__textarea{resize:vertical;min-height:80px;max-height:200px;padding:.75rem;border-radius:8px;border:1px solid #3a3a3a;background:#2a2a2a;color:#ededed;font-family:inherit;font-size:.95rem;transition:border-color .2s ease,box-shadow .2s ease}.chat-panel__textarea:focus{outline:none;border-color:#3ecf8e;box-shadow:0 0 0 1px #3ecf8e40}.chat-panel__error{margin:0;color:#d93025;font-size:.8rem}.chat-panel__actions{display:flex;gap:.5rem;justify-content:flex-end}.btn{border-radius:8px;border:1px solid transparent;padding:.5rem 1rem;font-size:.9rem;font-weight:500;font-family:inherit;background:#3ecf8e;color:#0f1419;cursor:pointer;transition:all .2s ease}.btn:hover:not(:disabled){background:#4ade94;box-shadow:0 4px 12px #3ecf8e4d}.btn:disabled{opacity:.5;cursor:not-allowed}.btn--ghost{background:transparent;color:#3ecf8e;border-color:#3ecf8e}.btn--ghost:hover:not(:disabled){background:#3ecf8e1a;box-shadow:none}.workspace-placeholder{height:100%;border:2px dashed rgba(62,207,142,.25);border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:1.1rem;color:#8b8b8b;background:#1a1a1a80}.schema-view{display:flex;flex-direction:column;gap:1rem;height:100%}.schema-view__header{display:flex;justify-content:space-between;align-items:flex-start;padding-bottom:1rem;border-bottom:2px solid #2a2a2a}.schema-view__title{margin:0;font-size:1.75rem;font-weight:700;color:#ededed}.schema-view__subtitle{margin:.25rem 0 0;font-size:.9rem;color:#8b8b8b}.schema-view__actions{display:flex;gap:.75rem;align-items:center}.schema-view__tabs{display:flex;gap:.5rem;border-bottom:1px solid #2a2a2a}.schema-view__tab{padding:.75rem 1.25rem;background:transparent;border:none;border-bottom:2px solid transparent;font-family:inherit;font-size:.95rem;font-weight:500;color:#8b8b8b;cursor:pointer;transition:all .2s ease}.schema-view__tab:hover{color:#ededed;background:#3ecf8e14}.schema-view__tab--active{color:#3ecf8e;border-bottom-color:#3ecf8e}.schema-view__content{flex:1;overflow-y:auto;padding:1rem 0}.schema-view__diagram-wrapper{display:flex;justify-content:center;align-items:flex-start;min-height:400px}.mermaid-erd{width:100%}.mermaid-erd__diagram{display:flex;justify-content:center;padding:1rem}.mermaid-erd__diagram svg{max-width:100%;height:auto}.schema-view__tables{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:1.25rem}.table-card{background:#1a1a1a;border:1px solid #2a2a2a;border-radius:12px;padding:1.25rem;transition:all .2s ease}.table-card:hover{border-color:#3ecf8e;box-shadow:0 4px 12px #3ecf8e26}.table-card__header{margin-bottom:1rem;padding-bottom:.75rem;border-bottom:1px solid #2a2a2a}.table-card__name{margin:0;font-size:1.25rem;font-weight:600;color:#3ecf8e;font-family:Courier New,monospace}.table-card__description{margin:.5rem 0 0;font-size:.85rem;color:#8b8b8b}.table-card__columns{display:flex;flex-direction:column;gap:.5rem}.column-row{display:flex;align-items:center;gap:.75rem;padding:.5rem;background:#2a2a2a;border-radius:6px;font-size:.9rem}.column-row__name{font-family:Courier New,monospace;font-weight:500;color:#ededed;min-width:100px}.column-row__type{color:#8b8b8b;font-size:.85rem;flex-shrink:0}.column-row__badges{display:flex;gap:.35rem;margin-left:auto;flex-wrap:wrap}.badge{padding:.15rem .45rem;border-radius:4px;font-size:.7rem;font-weight:600;text-transform:uppercase;letter-spacing:.02em}.badge--primary{background:#3ecf8e33;color:#3ecf8e}.badge--foreign{background:#8b5cf633;color:#a78bfa}.badge--unique{background:#fbbf2433;color:#fbbf24}.badge--required{background:#9ca3af33;color:#9ca3af}.modal-overlay{position:fixed;inset:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:1000;padding:2rem;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.modal-content{background:#1a1a1a;border:1px solid #2a2a2a;border-radius:16px;box-shadow:0 20px 60px #0009;max-width:900px;width:100%;max-height:90vh;display:flex;flex-direction:column;animation:modalSlideIn .2s ease-out}@keyframes modalSlideIn{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.modal-header{display:flex;justify-content:space-between;align-items:flex-start;padding:1.75rem 2rem 1rem;border-bottom:1px solid #2a2a2a}.modal-title{margin:0;font-size:1.5rem;font-weight:700;color:#ededed}.modal-subtitle{margin:.35rem 0 0;font-size:.9rem;color:#8b8b8b}.modal-close{background:transparent;border:none;font-size:2rem;line-height:1;color:#8b8b8b;cursor:pointer;padding:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:8px;transition:all .2s ease}.modal-close:hover{background:#2a2a2a;color:#ededed}.modal-body{flex:1;overflow:auto;padding:1.5rem 2rem}.sql-preview{background:#1e293b;color:#e2e8f0;padding:1.5rem;border-radius:12px;overflow-x:auto;font-family:Courier New,Consolas,Monaco,monospace;font-size:.9rem;line-height:1.6;margin:0;border:1px solid #334155}.sql-preview code{font-family:inherit}.modal-footer{display:flex;gap:.75rem;justify-content:flex-end;padding:1rem 2rem 1.75rem;border-top:1px solid #2a2a2a}.modal-content--supabase{max-width:600px}.supabase-form{display:flex;flex-direction:column;gap:1.5rem}.form-group{display:flex;flex-direction:column;gap:.5rem}.form-label{font-size:.9rem;font-weight:600;color:#ededed}.form-input{padding:.75rem;border-radius:8px;border:1px solid #3a3a3a;background:#2a2a2a;color:#ededed;font-family:inherit;font-size:.95rem;transition:border-color .2s ease,box-shadow .2s ease}.form-input:focus{outline:none;border-color:#3ecf8e;box-shadow:0 0 0 1px #3ecf8e40}.form-input:disabled{opacity:.5;cursor:not-allowed}.form-help{margin:0;font-size:.8rem;color:#8b8b8b}.form-warning{display:flex;gap:.75rem;padding:1rem;background:#fbbf241a;border:1px solid rgba(251,191,36,.3);border-radius:8px}.form-warning__icon{font-size:1.25rem;flex-shrink:0}.form-warning__content{font-size:.85rem;color:#ededed;line-height:1.5}.form-warning__content strong{color:#fbbf24}.form-error{padding:.75rem;background:#ef44441a;border:1px solid rgba(239,68,68,.3);border-radius:8px;color:#ef4444;font-size:.9rem}.modal-content--success{max-width:700px}.success-content{display:flex;flex-direction:column;gap:1.5rem}.success-tables h3,.success-instructions h3{margin:0 0 .75rem;font-size:1.1rem;color:#ededed}.success-tables-list{display:flex;flex-wrap:wrap;gap:.5rem}.success-table-badge{padding:.4rem .8rem;background:#3ecf8e26;border:1px solid rgba(62,207,142,.3);border-radius:6px;color:#3ecf8e;font-family:Courier New,monospace;font-size:.9rem;font-weight:600}.success-instructions ol{margin:0;padding-left:1.5rem;color:#ededed;line-height:1.8}.success-instructions li{margin-bottom:.5rem}.success-sql-preview{background:#1e293b;border:1px solid #334155;border-radius:8px;padding:1rem;overflow-x:auto}.success-sql-preview pre{margin:0;font-family:Courier New,monospace;font-size:.85rem;color:#e2e8f0;line-height:1.5}@media (max-width: 960px){.app-shell__body{grid-template-columns:1fr}.app-shell__sidebar{border-bottom:1px solid #e3e3e8}.schema-view__tables{grid-template-columns:1fr}}