*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}body{font-family:system-ui,sans-serif;background:#0f1117;color:#e2e8f0;height:100dvh;display:flex;flex-direction:column}#root{display:flex;flex-direction:column;height:100dvh}.app{display:flex;flex-direction:column;height:100%}header{padding:.75rem 1.5rem;border-bottom:1px solid #1e2230;display:flex;align-items:center;gap:1.25rem;background:#161b27;flex-wrap:wrap}header h1{font-size:1.1rem;font-weight:600;white-space:nowrap}main{flex:1;overflow:hidden;display:flex}.tabs{display:flex;gap:.25rem}.tab{padding:.4rem .9rem;background:transparent;border:1px solid #2d3748;border-radius:6px;color:#a0aec0;font-size:.85rem;cursor:pointer}.tab:hover:not(:disabled){background:#1e2230;color:#e2e8f0}.tab.active{background:#2d3748;color:#e2e8f0;border-color:#4a5568}.auth-page{min-height:100vh;display:flex;align-items:center;justify-content:center;background:#0f1117}.auth-card{width:min(24rem,90vw);padding:2rem;background:#161b27;border:1px solid #1e2230;border-radius:10px;display:flex;flex-direction:column;gap:1.25rem}.auth-card h1{font-size:1.2rem;font-weight:600;text-align:center}.auth-form{display:flex;flex-direction:column;gap:.75rem}.auth-form h2{font-size:.95rem;font-weight:500;color:#a0aec0}.auth-form input{padding:.55rem .75rem;font-size:.9rem;background:#0f1117;border:1px solid #2d3748;border-radius:6px;color:#e2e8f0}.auth-form input:focus{outline:none;border-color:#4299e1}.auth-submit{padding:.55rem;font-size:.9rem;background:#2b6cb0;border:none;border-radius:6px;color:#fff;cursor:pointer}.auth-submit:hover:not(:disabled){background:#3182ce}.auth-submit:disabled{opacity:.6;cursor:default}.auth-error{color:#fc8181;font-size:.82rem}.auth-notice{color:#68d391;font-size:.82rem}.auth-links{display:flex;justify-content:center;gap:1rem}.auth-links button{background:none;border:none;color:#4299e1;font-size:.82rem;cursor:pointer}.auth-links button:hover{text-decoration:underline}.landing{min-height:100dvh;display:flex;flex-direction:column;background:#0f1117;overflow-y:auto}.landing-header{padding:1rem 2rem;display:flex;align-items:center;justify-content:space-between}.landing-logo{font-size:1.15rem;font-weight:700}.landing-signin{padding:.4rem .9rem;border:1px solid #2d3748;border-radius:6px;color:#e2e8f0;font-size:.85rem;text-decoration:none}.landing-signin:hover{background:#1e2230}.landing-hero{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:3rem 1.5rem;gap:1.25rem}.landing-hero h1{font-size:clamp(1.8rem,5vw,2.6rem);font-weight:700;max-width:34rem;line-height:1.15}.landing-sub{max-width:34rem;color:#a0aec0;font-size:1.05rem;line-height:1.55}.landing-cta{padding:.65rem 1.6rem;background:#2b6cb0;border-radius:8px;color:#fff;font-size:.95rem;font-weight:600;text-decoration:none}.landing-cta:hover{background:#3182ce}.landing-features{list-style:none;display:grid;grid-template-columns:repeat(auto-fit,minmax(14rem,1fr));gap:1rem;max-width:52rem;margin-top:2rem;text-align:left}.landing-features li{background:#161b27;border:1px solid #1e2230;border-radius:10px;padding:1.1rem 1.2rem;font-size:.88rem;color:#a0aec0;line-height:1.5}.landing-features strong{display:block;color:#e2e8f0;margin-bottom:.35rem;font-size:.92rem}.landing-footer{padding:1.25rem;text-align:center;color:#4a5568;font-size:.8rem}.account-menu{display:flex;align-items:center;gap:.5rem}.account-email{font-size:.8rem;color:#718096}.account-menu>button{padding:.35rem .7rem;font-size:.78rem;background:#1e2230;border:1px solid #2d3748;border-radius:6px;color:#a0aec0;cursor:pointer}.account-menu>button:hover{border-color:#4299e1;color:#e2e8f0}.api-key-reveal{display:flex;gap:.3rem;align-items:center}.api-key-reveal input{padding:.35rem .6rem;font-size:.75rem;font-family:monospace;background:#0f1117;border:1px solid #4299e1;border-radius:6px;color:#e2e8f0;width:16rem}.api-key-reveal button{padding:.35rem .5rem;font-size:.75rem;background:#1e2230;border:1px solid #2d3748;border-radius:6px;color:#a0aec0;cursor:pointer}.upload-bar{display:flex;align-items:center;gap:.75rem;flex-wrap:wrap;margin-left:auto}.upload-status{font-size:.8rem;color:#68d391}.upload-machine-tags{display:flex;gap:.4rem;flex-wrap:wrap}.tag-btn{padding:.3rem .7rem;font-size:.78rem;background:#1e2230;border:1px solid #2d3748;border-radius:20px;color:#a0aec0;cursor:pointer}.tag-btn:hover:not(:disabled){border-color:#4299e1;color:#e2e8f0}.tag-btn.active{background:#1e3a5f;border-color:#4299e1;color:#90cdf4}.chat-layout{flex:1;display:flex;min-height:0;width:100%}.chat-window{flex:1;display:flex;flex-direction:column;max-width:860px;margin:0 auto;width:100%;padding:0 1rem}.conversation-sidebar{width:240px;flex-shrink:0;display:flex;flex-direction:column;border-right:1px solid #1e2230;padding:.75rem;overflow-y:auto}.new-chat-btn{padding:.5rem .75rem;background:#1e3a5f;border:1px solid #4299e1;border-radius:6px;color:#90cdf4;font-size:.85rem;margin-bottom:.75rem}.new-chat-btn:hover{background:#244a73}.conversation-list{display:flex;flex-direction:column;gap:.2rem;overflow-y:auto}.conversation-item{display:flex;align-items:center;gap:.4rem;padding:.5rem .6rem;border-radius:6px;cursor:pointer;font-size:.85rem;color:#a0aec0}.conversation-item:hover{background:#1e2230}.conversation-item.active{background:#1e3a5f;color:#e2e8f0}.conversation-title{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.conversation-delete-btn{background:transparent;border:none;color:#4a5568;font-size:.75rem;padding:.1rem .3rem;visibility:hidden}.conversation-item:hover .conversation-delete-btn{visibility:visible}.conversation-delete-btn:hover{color:#fc8181;background:transparent}.chat-toolbar{display:flex;align-items:center;gap:.5rem;padding:.75rem 0;border-bottom:1px solid #1e2230}.machine-select{flex:1;padding:.5rem .75rem;background:#1e2230;border:1px solid #2d3748;border-radius:6px;color:#e2e8f0;font-size:.9rem;outline:none}.machine-select:focus{border-color:#4299e1}.clear-machine{padding:.4rem .75rem;background:transparent;border:1px solid #2d3748;border-radius:6px;color:#718096;font-size:.8rem}.clear-machine:hover:not(:disabled){border-color:#fc8181;color:#fc8181;background:transparent}.messages{flex:1;overflow-y:auto;padding:1.25rem 0;display:flex;flex-direction:column;gap:1rem}.placeholder{color:#4a5568;text-align:center;margin-top:4rem;font-size:.95rem}.thinking{color:#4a5568;font-style:italic}.message{max-width:80%;padding:.75rem 1rem;border-radius:8px;line-height:1.6}.message.user{background:#1e3a5f;align-self:flex-end}.message.assistant{background:#1e2230;align-self:flex-start}.md-body{line-height:1.7}.md-body h1,.md-body h2,.md-body h3{margin:.9em 0 .4em;font-weight:600;color:#90cdf4}.md-body h2{font-size:1rem}.md-body h3{font-size:.9rem}.md-body p{margin:.4em 0}.md-body ul,.md-body ol{margin:.4em 0 .4em 1.4em}.md-body li{margin:.2em 0}.md-body strong{color:#fbd38d}.md-body em{color:#b794f4}.md-body code{background:#0f1117;border:1px solid #2d3748;border-radius:4px;padding:.1em .4em;font-size:.85em;font-family:monospace}.md-body pre{background:#0f1117;border:1px solid #2d3748;border-radius:6px;padding:.75rem 1rem;overflow-x:auto;margin:.5em 0}.md-body pre code{border:none;padding:0;background:transparent}.md-body blockquote{border-left:3px solid #4a5568;padding-left:.75rem;color:#a0aec0;margin:.5em 0}.citations-block{margin-top:.6rem;font-size:.78rem}.citations-block summary{cursor:pointer;color:#718096}.citations-list{display:flex;flex-direction:column;gap:.4rem;margin-top:.4rem}.citation{background:#0f1117;border:1px solid #2d3748;border-radius:6px;overflow:hidden}.citation-header{display:flex;align-items:center;gap:.5rem;padding:.4rem .65rem;flex-wrap:wrap}.citation-source{font-weight:500;color:#a0aec0}.citation-page{background:#1e2230;border:none;border-radius:4px;padding:.1em .45em;color:#4299e1;font-size:.75rem;font-family:inherit;cursor:pointer}.citation-page:hover{background:#262b3d}.citation-chapter{color:#718096;font-style:italic;flex:1}.citation-img-btn{margin-left:auto;padding:.2rem .55rem;font-size:.75rem;background:transparent;border:1px solid #2d3748;border-radius:4px;color:#a0aec0}.citation-img-btn:hover:not(:disabled){border-color:#4299e1;color:#90cdf4;background:transparent}.citation-img{width:100%;display:block;border-top:1px solid #2d3748;max-height:480px;object-fit:contain;background:#fff}.input-row{display:flex;gap:.5rem;padding:1rem 0;border-top:1px solid #1e2230}.input-row input{flex:1;padding:.65rem 1rem;background:#1e2230;border:1px solid #2d3748;border-radius:6px;color:#e2e8f0;font-size:.95rem;outline:none}.input-row input:focus{border-color:#4299e1}button{padding:.65rem 1.25rem;background:#3182ce;color:#fff;border:none;border-radius:6px;cursor:pointer;font-size:.9rem;white-space:nowrap}button:hover:not(:disabled){background:#2b6cb0}button:disabled{opacity:.5;cursor:not-allowed}.machine-panel{flex:1;overflow-y:auto;max-width:860px;margin:0 auto;width:100%;padding:1.5rem 1rem;display:flex;flex-direction:column;gap:1.5rem}.machine-form,.state-form{display:flex;flex-direction:column;gap:.75rem}.machine-form h3{font-size:.95rem;font-weight:600;color:#a0aec0}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:.5rem}.form-grid input,.form-grid textarea,.form-grid select{padding:.55rem .75rem;background:#1e2230;border:1px solid #2d3748;border-radius:6px;color:#e2e8f0;font-size:.9rem;outline:none;font-family:inherit;resize:vertical}.form-grid input:focus,.form-grid textarea:focus{border-color:#4299e1}.form-grid textarea{grid-column:1 / -1}.form-err{color:#fc8181;font-size:.82rem}.machine-list{display:flex;flex-direction:column;gap:.5rem}.dimmed{color:#4a5568;font-size:.9rem}.machine-row{border:1px solid #1e2230;border-radius:8px;overflow:hidden}.machine-row-header{width:100%;display:flex;align-items:center;gap:1rem;padding:.75rem 1rem;background:#161b27;border:none;border-radius:0;color:#e2e8f0;cursor:pointer;text-align:left}.machine-row-header:hover:not(:disabled){background:#1a2035}.machine-name{font-weight:600;font-size:.95rem}.machine-meta{font-size:.8rem;color:#718096;flex:1}.chevron{font-size:.75rem;color:#4a5568;margin-left:auto}.machine-details{padding:1rem;background:#0f1117;display:flex;flex-direction:column;gap:1rem;border-top:1px solid #1e2230}.machine-types-section{margin-bottom:1.5rem}.type-row-header{cursor:default}.type-upload{display:flex;align-items:center;gap:.5rem}.type-upload button,.type-delete{padding:.3rem .7rem;font-size:.8rem;background:#1e2230;border:1px solid #2d3348;border-radius:6px;color:#a0aec0;cursor:pointer}.type-upload button:hover{border-color:#4299e1;color:#e2e8f0}.type-delete:hover{border-color:#e53e3e;color:#feb2b2}.machine-type-assign{font-size:.85rem;color:#a0aec0}.machine-type-assign select{margin-left:.4rem;padding:.3rem .5rem;background:#161b27;border:1px solid #2d3348;border-radius:6px;color:#e2e8f0}.state-summary{display:flex;flex-wrap:wrap;gap:.5rem;font-size:.8rem;color:#718096}.state-summary span{padding:.25rem .6rem;background:#1e2230;border-radius:4px}.issues-badge{color:#f6ad55}.public-machine-info{display:flex;align-items:baseline;gap:.6rem}.public-machine-name{font-weight:600;font-size:.95rem}.public-machine-meta{font-size:.8rem;color:#718096}.public-invalid{height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.75rem;color:#718096}.public-invalid h1{font-size:1.2rem;font-weight:600;color:#e2e8f0}.tenant-settings{flex:1;overflow-y:auto;max-width:860px;margin:0 auto;width:100%;padding:1.5rem 1rem;display:flex;flex-direction:column;gap:.75rem}.tenant-settings h3{font-size:.95rem;font-weight:600;color:#a0aec0}.settings-hint{font-size:.85rem;color:#718096}.visibility-option{display:flex;gap:.75rem;align-items:flex-start;padding:.9rem 1rem;border:1px solid #1e2230;border-radius:8px;background:#161b27;cursor:pointer;font-size:.87rem;line-height:1.55;color:#a0aec0}.visibility-option.active{border-color:#4299e1;color:#e2e8f0}.visibility-option input{margin-top:.3rem}.visibility-option strong{color:#e2e8f0}.public-links{display:flex;flex-direction:column;gap:.5rem;margin-top:.75rem}.public-link{display:flex;flex-direction:column;gap:.5rem}.public-link-qr{display:flex;align-items:center;gap:1rem;padding:.75rem;background:#161b27;border:1px solid #1e2230;border-radius:8px}.public-link-qr img{border-radius:6px}.public-link-row{display:flex;align-items:center;gap:.5rem}.public-link-name{min-width:10rem;font-size:.87rem;font-weight:500}.public-link-row input{flex:1;padding:.4rem .6rem;background:#0f1117;border:1px solid #1e2230;border-radius:6px;color:#a0aec0;font-size:.8rem;font-family:monospace}.public-link-row button{padding:.4rem .8rem;background:#1e3a5f;border:1px solid #2d4a73;border-radius:6px;color:#90cdf4;font-size:.8rem;cursor:pointer}.public-link-row button:hover{background:#244a73}.team-section{display:flex;flex-direction:column;gap:.6rem;margin-top:1.25rem;padding-top:1.25rem;border-top:1px solid #1e2230}.invite-form{display:flex;gap:.5rem}.invite-form input{flex:1;max-width:22rem;padding:.5rem .7rem;background:#0f1117;border:1px solid #1e2230;border-radius:6px;color:#e2e8f0;font-size:.87rem}.invite-form input:focus{outline:none;border-color:#4299e1}.invite-form button{padding:.5rem 1rem;background:#1e3a5f;border:1px solid #2d4a73;border-radius:6px;color:#90cdf4;font-size:.87rem;cursor:pointer}.invite-form button:hover:not(:disabled){background:#244a73}.invite-created{display:flex;flex-direction:column;gap:.5rem;padding:.75rem 1rem;background:#161b27;border:1px solid #2d4a73;border-radius:8px;font-size:.85rem;color:#a0aec0}.invite-created strong{color:#e2e8f0}.invite-list{display:flex;flex-direction:column;gap:.4rem}.invite-row{display:flex;align-items:center;gap:.75rem;padding:.5rem .75rem;background:#161b27;border:1px solid #1e2230;border-radius:6px;font-size:.85rem}.invite-email{font-weight:500}.invite-expiry{color:#718096;font-size:.78rem;flex:1}.invite-row button{padding:.3rem .7rem;background:transparent;border:1px solid #1e2230;border-radius:6px;color:#718096;font-size:.78rem;cursor:pointer}.invite-row button:hover{border-color:#fc8181;color:#fc8181}