:root{--bg:#f5f7fb;--surface:#fff;--surface-2:#f8fafc;--border:#e2e8f0;--border-strong:#cbd5e1;--text:#0f172a;--text-muted:#64748b;--primary:#4f46e5;--primary-hover:#4338ca;--primary-soft:#eef2ff;--danger:#dc2626;--danger-soft:#fee2e2;--success:#16a34a;--success-soft:#dcfce7;--warning:#d97706;--warning-soft:#fef3c7;--info:#0284c7;--info-soft:#e0f2fe;--radius:10px;--shadow-sm:0 1px 2px #0f172a0d;--shadow:0 4px 16px #0f172a0f;color:var(--text);background:var(--bg);font-synthesis:none;text-rendering:optimizelegibility;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;line-height:1.5}*{box-sizing:border-box}html,body,#root{min-height:100%;margin:0}body{background:var(--bg)}a{color:var(--primary);text-decoration:none}a:hover{text-decoration:underline}h1,h2,h3{margin:0;line-height:1.25}h1{font-size:1.5rem;font-weight:700}h2{font-size:1.2rem;font-weight:600}h3{font-size:1rem;font-weight:600}p{margin:0}input,select,textarea,button{font:inherit;color:inherit}input[type=text],input[type=email],input[type=number],input[type=password],input[type=file],select,textarea{background:var(--surface);border:1px solid var(--border);border-radius:8px;width:100%;padding:.55rem .75rem;transition:border-color .15s,box-shadow .15s}input:focus,select:focus,textarea:focus{border-color:var(--primary);outline:none;box-shadow:0 0 0 3px #4f46e52e}textarea{resize:vertical;font-family:inherit}label{color:var(--text);flex-direction:column;gap:.35rem;font-size:.875rem;font-weight:500;display:flex}label.checkbox{flex-direction:row;align-items:center;gap:.5rem}.app{flex-direction:column;min-height:100vh;display:flex}.topbar{background:var(--surface);border-bottom:1px solid var(--border);z-index:10;align-items:center;gap:1.5rem;padding:.9rem 1.5rem;display:flex;position:sticky;top:0}.brand{align-items:center;gap:.5rem;font-size:1.05rem;font-weight:700;display:flex}.brand-mark{object-fit:contain;border-radius:6px;width:28px;height:28px;display:block}.nav{flex:1;gap:.25rem;display:flex}.nav a{color:var(--text-muted);border-radius:8px;padding:.4rem .85rem;font-size:.9rem;font-weight:500;transition:background .15s,color .15s}.nav a:hover{background:var(--surface-2);color:var(--text);text-decoration:none}.nav a.active{background:var(--primary-soft);color:var(--primary)}.account{align-items:center;gap:.6rem;display:flex}.account-mail{color:var(--text-muted);text-overflow:ellipsis;white-space:nowrap;max-width:16ch;font-size:.85rem;overflow:hidden}.content{flex:1;width:100%;max-width:1180px;margin:0 auto;padding:1.75rem}.page{flex-direction:column;gap:1rem;display:flex}.page-header{justify-content:space-between;align-items:flex-start;gap:1rem;margin-bottom:.5rem;display:flex}.page-description{color:var(--text-muted);margin-top:.25rem;font-size:.9rem}.page-actions{flex-wrap:wrap;gap:.5rem;display:flex}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-sm);padding:1.25rem}.card-list{grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:.75rem;margin:0;padding:0;list-style:none;display:grid}.stack{flex-direction:column;gap:.85rem;display:flex}.row{align-items:center;gap:.5rem;display:flex}.row.right{justify-content:flex-end}.grid{gap:.85rem;display:grid}.grid-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-3{grid-template-columns:repeat(3,minmax(0,1fr))}.muted{color:var(--text-muted)}.small{font-size:.85rem}.error-text{color:var(--danger);font-size:.85rem}.btn{background:var(--surface);color:var(--text);cursor:pointer;white-space:nowrap;border:1px solid #0000;border-radius:8px;justify-content:center;align-items:center;gap:.4rem;padding:.55rem 1rem;font-weight:500;text-decoration:none;transition:background .15s,border-color .15s,color .15s;display:inline-flex}.btn:hover{text-decoration:none}.btn:disabled{opacity:.55;cursor:not-allowed}.btn-primary{background:var(--primary);color:#fff}.btn-primary:hover:not(:disabled){background:var(--primary-hover)}.btn-ghost{background:var(--surface);border-color:var(--border)}.btn-ghost:hover:not(:disabled){background:var(--surface-2)}.btn-danger{background:var(--danger);color:#fff}.btn-danger:hover:not(:disabled){background:#b91c1c}.btn-sm{padding:.35rem .7rem;font-size:.85rem}.pill{background:var(--primary-soft);color:var(--primary);letter-spacing:.02em;border-radius:999px;align-items:center;padding:.15rem .55rem;font-size:.75rem;font-weight:600;display:inline-flex}.pill-muted{background:var(--surface-2);color:var(--text-muted)}.pill-warning{background:var(--warning-soft);color:var(--warning)}.pill-view{background:var(--info-soft);color:var(--info)}.pill-write{background:var(--success-soft);color:var(--success)}.badge{text-transform:uppercase;letter-spacing:.04em;border-radius:999px;align-items:center;gap:.35rem;padding:.15rem .55rem;font-size:.72rem;font-weight:700;display:inline-flex}.badge-pending{background:var(--warning-soft);color:var(--warning)}.badge-indexed{background:var(--success-soft);color:var(--success)}.badge-failed{background:var(--danger-soft);color:var(--danger)}.badge-dot{background:currentColor;border-radius:50%;width:7px;height:7px;animation:1.4s ease-in-out infinite pulse}@keyframes pulse{0%,to{opacity:1}50%{opacity:.4}}.folder-tags{flex-wrap:wrap;gap:.4rem;display:flex}.tag{background:var(--surface-2);border:1px solid var(--border);color:var(--text);border-radius:999px;padding:.25rem .65rem;font-size:.78rem;display:inline-flex}.tag-toggle{cursor:pointer;transition:all .15s}.tag-toggle:hover{border-color:var(--primary)}.tag-on{background:var(--primary-soft);border-color:var(--primary);color:var(--primary);font-weight:600}.banner{border-left:4px solid;border-radius:8px;justify-content:space-between;align-items:center;gap:.5rem;padding:.7rem 1rem;font-size:.9rem;display:flex}.banner-error{background:var(--danger-soft);color:#7f1d1d;border-color:var(--danger)}.banner-success{background:var(--success-soft);color:#14532d;border-color:var(--success)}.banner-info{background:var(--info-soft);color:#075985;border-color:var(--info)}.banner-close{cursor:pointer;color:inherit;opacity:.6;background:0 0;border:none;font-size:.95rem}.banner-close:hover{opacity:1}.auth-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);max-width:400px;box-shadow:var(--shadow);flex-direction:column;gap:1rem;margin:4rem auto;padding:2rem;display:flex}.auth-logo{border-radius:var(--radius);align-self:center;width:100%;max-width:220px;height:auto;display:block}.results{flex-direction:column;gap:.75rem;display:flex}.results-header{font-size:.95rem}.result-list{flex-direction:column;gap:.6rem;margin:0;padding:0;list-style:none;display:flex}.result{background:var(--surface);border:1px solid var(--border);border-left:3px solid var(--primary);border-radius:var(--radius);padding:1rem 1.1rem}.result-name{color:var(--primary);margin-bottom:.4rem;font-weight:600}.result-text{color:var(--text);white-space:pre-wrap;word-wrap:break-word;font-size:.92rem}.empty{text-align:center;color:var(--text-muted);background:var(--surface);border:1px dashed var(--border-strong);border-radius:var(--radius);padding:2.5rem 1rem}.empty h3{color:var(--text);margin-bottom:.4rem}.doc-list{flex-direction:column;gap:.5rem;margin:0;padding:0;list-style:none;display:flex}.doc-item{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);justify-content:space-between;align-items:center;gap:1rem;padding:.85rem 1rem;display:flex}.doc-info{flex:1;min-width:0}.doc-id{color:var(--text-muted);font-size:.72rem;font-weight:600}.doc-name{word-break:break-word;margin:.15rem 0;font-weight:600}.doc-meta{align-items:center;gap:.6rem;font-size:.85rem;display:flex}.doc-actions{flex-shrink:0;gap:.4rem;display:flex}.pagination{justify-content:center;align-items:center;gap:1rem;padding:.5rem;display:flex}.assistant-card{flex-direction:column;gap:.7rem;display:flex}.assistant-head{flex-direction:column;gap:.4rem;display:flex}.assistant-meta{flex-wrap:wrap;gap:.35rem;display:flex}.assistant-actions{gap:.4rem;margin-top:auto;padding-top:.5rem;display:flex}.answer{white-space:pre-wrap;word-wrap:break-word;font-size:.95rem;line-height:1.6}.modal-backdrop{z-index:100;background:#0f172a80;justify-content:center;align-items:flex-start;padding:4rem 1rem;display:flex;position:fixed;inset:0}.modal{background:var(--surface);border-radius:var(--radius);width:100%;max-width:560px;max-height:calc(100vh - 8rem);box-shadow:var(--shadow);overflow-y:auto}.modal-wide{max-width:720px}.modal-header{border-bottom:1px solid var(--border);background:var(--surface);justify-content:space-between;align-items:center;padding:1rem 1.25rem;display:flex;position:sticky;top:0}.modal-body{padding:1.25rem}.spinner{border:2px solid var(--border-strong);border-top-color:var(--primary);border-radius:50%;width:18px;height:18px;animation:.8s linear infinite spin;display:inline-block}.spinner-inline{border-width:2px;width:14px;height:14px}@keyframes spin{to{transform:rotate(360deg)}}.loading{color:var(--text-muted);justify-content:center;align-items:center;gap:.5rem;padding:2rem;display:flex}.index-picker{align-items:center;gap:.5rem;display:flex}.index-picker input{flex:1}details summary{cursor:pointer;color:var(--text-muted);margin-bottom:.5rem;font-size:.85rem}details summary:hover{color:var(--text)}@media (width<=960px){.content{padding:1.25rem}.grid-3{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=720px){h1{font-size:1.3rem}h2{font-size:1.1rem}.topbar{flex-wrap:wrap;gap:.6rem;padding:.7rem 1rem}.nav{-webkit-overflow-scrolling:touch;scrollbar-width:none;flex-wrap:nowrap;order:3;width:100%;overflow-x:auto}.nav::-webkit-scrollbar{display:none}.nav a{flex-shrink:0;padding:.4rem .7rem}.account{gap:.4rem;margin-left:auto}.account-mail{max-width:12ch}.content{padding:1rem}.page-header{flex-direction:column;align-items:stretch}.page-actions{width:100%}.grid-2,.grid-3{grid-template-columns:1fr}.row{flex-wrap:wrap}.card-list{grid-template-columns:1fr}.card{padding:1rem}.doc-item{flex-direction:column;align-items:stretch;gap:.6rem}.doc-actions{flex-wrap:wrap;width:100%}.assistant-actions{flex-wrap:wrap}.modal-backdrop{align-items:stretch;padding:1rem}.modal{max-height:calc(100vh - 2rem)}.modal-header{padding:.85rem 1rem}.modal-body{padding:1rem}.auth-card{margin:1.5rem auto;padding:1.5rem}.result{padding:.85rem .95rem}}@media (width<=420px){.brand-name{display:none}.topbar{padding:.6rem .75rem}.content{padding:.75rem}.btn{padding:.5rem .85rem;font-size:.92rem}.account-mail{display:none}.auth-card{margin:1rem auto;padding:1.25rem}}
