:root{--vt-c-white: #ffffff;--vt-c-white-soft: #f8f8f8;--vt-c-white-mute: #f2f2f2;--vt-c-black: #181818;--vt-c-black-soft: #222222;--vt-c-black-mute: #282828;--vt-c-indigo: #2c3e50;--vt-c-divider-light-1: rgba(60, 60, 60, .29);--vt-c-divider-light-2: rgba(60, 60, 60, .12);--vt-c-divider-dark-1: rgba(84, 84, 84, .65);--vt-c-divider-dark-2: rgba(84, 84, 84, .48);--vt-c-text-light-1: var(--vt-c-indigo);--vt-c-text-light-2: rgba(60, 60, 60, .66);--vt-c-text-dark-1: var(--vt-c-white);--vt-c-text-dark-2: rgba(235, 235, 235, .64)}:root{--color-background: var(--vt-c-white);--color-background-soft: var(--vt-c-white-soft);--color-background-mute: var(--vt-c-white-mute);--color-border: var(--vt-c-divider-light-2);--color-border-hover: var(--vt-c-divider-light-1);--color-heading: var(--vt-c-text-light-1);--color-text: var(--vt-c-text-light-1);--section-gap: 160px}@media(prefers-color-scheme:dark){:root{--color-background: var(--vt-c-black);--color-background-soft: var(--vt-c-black-soft);--color-background-mute: var(--vt-c-black-mute);--color-border: var(--vt-c-divider-dark-2);--color-border-hover: var(--vt-c-divider-dark-1);--color-heading: var(--vt-c-text-dark-1);--color-text: var(--vt-c-text-dark-2)}}*,*:before,*:after{box-sizing:border-box;margin:0;font-weight:400}body{min-height:100vh;color:var(--color-text);background:var(--color-background);transition:color .5s,background-color .5s;line-height:1.6;font-family:Inconsolata,monospace,sans-serif;font-size:16px;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#app{max-width:1280px;margin:0 auto;padding:2rem;font-weight:400}a,.green{text-decoration:none;color:#00bd7e;transition:.4s;padding:3px}@media(hover:hover){a:hover{background-color:#00bd7e33}}body{font-family:Inconsolata,monospace,sans-serif;margin:0;padding:0;background-color:#121212;color:#e0e0e0}.app-container{display:flex;flex-direction:column;height:100vh;max-width:1400px;width:100%;margin:0 auto;background:#1e1e1e;box-shadow:0 0 10px #00000080}header{display:flex;justify-content:space-between;align-items:center;padding:1rem 2rem;background-color:#2c3e50;color:#fff}h1{margin:0;font-size:1.5rem}.auth-btn,.login-btn{background-color:#3498db;color:#fff;border:none;padding:.5rem 1rem;border-radius:4px;cursor:pointer;font-size:1rem}.auth-btn:hover,.login-btn:hover{background-color:#2980b9}.login-container{display:flex;flex-direction:column;align-items:center;justify-content:center;flex:1}.login-form{display:flex;flex-direction:column;gap:1rem;width:100%;max-width:300px;margin-top:1rem}.login-form input{padding:.75rem;border:1px solid #444;background-color:#2b2b2b;color:#e0e0e0;border-radius:4px;font-size:1rem;font-family:Inconsolata,monospace,sans-serif}.error-msg{color:#ff6b6b;font-size:.9rem;margin-top:.5rem;text-align:center}.chat-container{display:flex;flex-direction:column;flex:1;overflow:hidden}.messages{flex:1;overflow-y:auto;padding:1rem;display:flex;flex-direction:column;gap:1rem}.message{max-width:80%;padding:1rem;border-radius:8px;line-height:1.5}.message.user{align-self:flex-end;background-color:#1e3a8a;color:#e0f2fe;border-bottom-right-radius:0}.message.assistant{align-self:flex-start;background-color:#27272a;color:#e4e4e7;border:1px solid #3f3f46;border-bottom-left-radius:0}.message.system{align-self:center;background-color:#713f12;color:#fef08a;font-size:.9em}.input-area{display:flex;padding:1rem;border-top:1px solid #333;background:#1e1e1e}.input-area input{flex:1;padding:.75rem;border:1px solid #444;background-color:#2b2b2b;color:#e0e0e0;border-radius:4px;font-size:1rem;font-family:Inconsolata,monospace,sans-serif}.input-area button{margin-left:.5rem;padding:.75rem 1.5rem;background-color:#22c55e;color:#fff;border:none;border-radius:4px;cursor:pointer;font-size:1rem;font-family:Inconsolata,monospace,sans-serif}.input-area button:disabled{background-color:#52525b;color:#a1a1aa;cursor:not-allowed}.data-table{width:100%;border-collapse:collapse;margin-top:.5rem;color:#e0e0e0}.data-table th,.data-table td{border:1px solid #52525b;padding:8px;text-align:left}.data-table th{background-color:#3f3f46;font-weight:700}.data-table tr:nth-child(2n){background-color:#27272a}.data-table tr:hover{background-color:#3f3f46}