*{margin:0;padding:0;box-sizing:border-box;touch-action:manipulation}:root{--sp-1: 4px;--sp-2: 8px;--sp-3: 12px;--sp-4: 16px;--sp-5: 20px;--sp-6: 24px;--sp-8: 32px;--fs-xs: 11px;--fs-sm: 13px;--fs-base: 15px;--fs-lg: 17px;--fs-xl: 20px;--fs-2xl: 24px;--accent: #00986b;--accent-hover: #007a56;--bg: #f5f7f6;--surface: #ffffff;--surface2: #eef2f0;--text: #1a2e24;--text2: #5a7368;--red: #d43535;--orange: #e8920b;--border: #d4ddd8;--radius: 12px;--touch-min: 44px;--font: -apple-system, BlinkMacSystemFont, "Segoe UI", system-ui, sans-serif}body{font-family:var(--font);background:var(--bg);color:var(--text);height:100dvh;overflow:hidden;-webkit-font-smoothing:antialiased}#app{display:flex;flex-direction:column;height:100dvh;max-width:900px;margin:0 auto}.header{background:var(--accent);color:#fff;padding:var(--sp-3) var(--sp-4);display:flex;align-items:center;justify-content:space-between;flex-shrink:0}.header-left{display:flex;align-items:center;gap:var(--sp-4)}.header-title{display:flex;align-items:center;gap:var(--sp-2);font-size:var(--fs-lg);font-weight:600}.header-status{font-size:var(--fs-xs);opacity:.8}.header-tabs{display:flex;gap:var(--sp-1)}.tab-btn{background:#ffffff26;border:none;border-radius:8px;padding:var(--sp-2) var(--sp-4);color:#ffffffb3;font-size:var(--fs-sm);font-family:var(--font);cursor:pointer;transition:background .15s,color .15s;min-height:36px}.tab-btn:hover{background:#ffffff40;color:#fff}.tab-btn.active{background:#ffffff4d;color:#fff;font-weight:600;box-shadow:0 1px 3px #00000026}.chat-container{flex:1;overflow-y:auto;padding:var(--sp-4);display:flex;flex-direction:column;gap:var(--sp-4)}.chat-welcome{text-align:center;padding:40px var(--sp-4);color:var(--text2)}.welcome-icon{margin-bottom:var(--sp-4)}.chat-welcome h2{color:var(--text);font-size:var(--fs-xl);font-weight:600;margin-bottom:var(--sp-2)}.chat-welcome p{font-size:var(--fs-base);margin-bottom:var(--sp-6)}.quick-actions{display:flex;flex-wrap:wrap;gap:var(--sp-2);justify-content:center}.quick-btn{background:var(--surface);border:1px solid var(--border);border-radius:20px;padding:var(--sp-2) var(--sp-4);font-size:var(--fs-sm);color:var(--accent);cursor:pointer;font-family:var(--font);transition:background .15s,border-color .15s;min-height:var(--touch-min);display:flex;align-items:center}.quick-btn:hover{background:var(--surface2);border-color:var(--accent)}.msg{max-width:85%;padding:var(--sp-3) var(--sp-4);border-radius:var(--radius);font-size:var(--fs-base);line-height:1.6}.msg-user{background:var(--accent);color:#fff;align-self:flex-end;border-bottom-right-radius:4px}.msg-assistant{background:var(--surface);border:1px solid var(--border);align-self:flex-start;border-bottom-left-radius:4px}.msg-assistant h2,.msg-assistant h3{margin:var(--sp-3) 0 var(--sp-2);color:var(--text)}.msg-assistant h2,.msg-assistant h3{font-size:var(--fs-base)}.msg-assistant table{width:100%;border-collapse:collapse;margin:var(--sp-2) 0;font-size:var(--fs-sm)}.msg-assistant th,.msg-assistant td{padding:var(--sp-2) var(--sp-3);border:1px solid var(--border);text-align:left}.msg-assistant th{background:var(--surface2);font-weight:600}.msg-assistant strong{color:var(--text)}.msg-assistant code{background:var(--surface2);padding:1px 4px;border-radius:3px;font-size:var(--fs-xs)}.msg-sources{margin-top:var(--sp-3);padding-top:var(--sp-2);border-top:1px solid var(--border);font-size:var(--fs-xs);color:var(--text2)}.msg-screenshots{display:flex;gap:var(--sp-2);margin-top:var(--sp-2);overflow-x:auto}.msg-screenshots img{max-height:200px;border-radius:var(--sp-2);border:1px solid var(--border);cursor:pointer}.msg-followup{display:flex;flex-wrap:wrap;gap:var(--sp-2);margin-top:var(--sp-3)}.followup-btn{background:var(--surface2);border:1px solid var(--border);border-radius:16px;padding:var(--sp-2) var(--sp-3);font-size:var(--fs-xs);color:var(--accent);cursor:pointer;font-family:var(--font);min-height:var(--touch-min);display:flex;align-items:center}.followup-btn:hover{background:var(--accent);color:#fff;border-color:var(--accent)}.msg-loading{align-self:flex-start;background:var(--surface);border:1px solid var(--border);padding:var(--sp-3) var(--sp-5);border-radius:var(--radius);color:var(--text2);font-size:var(--fs-sm)}.input-bar{background:var(--surface);border-top:1px solid var(--border);padding:var(--sp-3) var(--sp-4);flex-shrink:0}.input-row{display:flex;gap:var(--sp-2);align-items:center}.filter-select{border:1px solid var(--border);border-radius:8px;padding:var(--sp-3) var(--sp-2);font-size:var(--fs-sm);font-family:var(--font);background:var(--surface2);color:var(--text);flex-shrink:0;min-height:var(--touch-min)}#chatInput{flex:1;border:1px solid var(--border);border-radius:8px;padding:var(--sp-3) var(--sp-4);font-size:var(--fs-base);font-family:var(--font);outline:none;min-height:var(--touch-min);background:var(--bg)}#chatInput:focus{border-color:var(--accent)}.send-btn{width:var(--touch-min);height:var(--touch-min);border:none;border-radius:50%;background:var(--accent);color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:background .15s}.send-btn:hover{background:var(--accent-hover)}.send-btn:disabled{opacity:.4;cursor:default}.new-topic-btn{width:var(--touch-min);height:var(--touch-min);border:1px solid var(--border);border-radius:50%;background:var(--surface);color:var(--text2);cursor:pointer;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:border-color .15s,color .15s}.new-topic-btn:hover{border-color:var(--accent);color:var(--accent)}.msg-separator{text-align:center;color:var(--text2);font-size:var(--fs-xs);padding:var(--sp-3) 0;letter-spacing:.5px;text-transform:uppercase;border-top:1px solid var(--border);margin-top:var(--sp-2)}.admin-container{flex:1;overflow-y:auto;padding:var(--sp-4)}.admin-login{max-width:380px;margin:60px auto;text-align:center}.admin-login-card{background:var(--surface);border:1px solid var(--border);border-radius:16px;padding:var(--sp-8) var(--sp-6) var(--sp-6)}.admin-login-icon{width:56px;height:56px;margin:0 auto var(--sp-4);background:#00986b1a;border-radius:14px;display:flex;align-items:center;justify-content:center}.admin-login-card h2{font-size:var(--fs-lg);font-weight:700;color:var(--text);margin-bottom:var(--sp-1)}.admin-login-card p{color:var(--text2);font-size:var(--fs-sm);margin-bottom:var(--sp-5)}.admin-login-row{display:flex;gap:var(--sp-2)}.admin-login-row input{flex:1;border:1px solid var(--border);border-radius:10px;padding:var(--sp-3) var(--sp-4);font-size:var(--fs-base);font-family:var(--font);min-height:var(--touch-min);outline:none;background:var(--bg)}.admin-login-row input:focus{border-color:var(--accent)}.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--sp-3);margin-bottom:var(--sp-5)}.stat-tile{background:var(--surface);border:1px solid var(--border);border-radius:16px;padding:var(--sp-5) var(--sp-4);text-align:center;transition:transform .1s,box-shadow .15s}.stat-tile:active{transform:scale(.97)}.stat-value{font-size:var(--fs-2xl);font-weight:700;color:var(--text);line-height:1.2;margin-bottom:var(--sp-1)}.stat-value.accent{color:var(--accent)}.stat-value.orange{color:var(--orange)}.stat-label{font-size:var(--fs-xs);font-weight:600;color:var(--text2);text-transform:uppercase;letter-spacing:.5px}.upload-zone{border:2px dashed var(--border);border-radius:16px;background:var(--surface);padding:var(--sp-8) var(--sp-6);text-align:center;cursor:pointer;transition:border-color .15s,background .15s;-webkit-user-select:none;user-select:none;margin-bottom:var(--sp-5)}.upload-zone:hover,.upload-zone.dragover{border-color:var(--accent);background:#00986b0a}.upload-icon{width:56px;height:56px;margin:0 auto var(--sp-3);background:#00986b1a;border-radius:14px;display:flex;align-items:center;justify-content:center}.upload-label{font-size:var(--fs-base);font-weight:600;color:var(--text);margin-bottom:var(--sp-1)}.upload-hint{font-size:var(--fs-sm);color:var(--text2)}.upload-progress{display:flex;flex-direction:column;gap:var(--sp-2);margin-bottom:var(--sp-4)}.upload-progress:empty{margin-bottom:0}.upload-item{display:flex;align-items:center;justify-content:space-between;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:var(--sp-3) var(--sp-4);font-size:var(--fs-sm)}.upload-item-name{color:var(--text);font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:240px}.upload-item-status{font-size:var(--fs-xs);color:var(--text2);flex-shrink:0;margin-left:var(--sp-3)}.upload-item-status.done{color:var(--accent);font-weight:600}.upload-item-status.error{color:var(--red)}.filter-tabs{display:flex;gap:var(--sp-2);margin-bottom:var(--sp-4);flex-wrap:wrap}.filter-tab{background:var(--surface);border:1px solid var(--border);border-radius:20px;padding:var(--sp-2) var(--sp-4);font-size:var(--fs-sm);font-family:var(--font);color:var(--text2);cursor:pointer;transition:all .15s;min-height:var(--touch-min);display:flex;align-items:center;gap:var(--sp-2);font-weight:500}.filter-tab:hover{border-color:var(--accent);color:var(--accent)}.filter-tab.active{background:var(--accent);border-color:var(--accent);color:#fff;font-weight:600}.filter-count{font-size:var(--fs-xs);font-weight:700;background:#00000014;border-radius:10px;padding:1px 7px;min-width:20px;text-align:center}.filter-tab.active .filter-count{background:#ffffff40}.section-header{display:flex;align-items:center;gap:var(--sp-2);margin-bottom:var(--sp-3)}.section-header h2{font-size:var(--fs-xs);font-weight:700;color:var(--text2);text-transform:uppercase;letter-spacing:1px}.doc-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:var(--sp-3)}.doc-card{background:var(--surface);border:1px solid var(--border);border-radius:16px;padding:var(--sp-5);cursor:pointer;transition:transform .1s,box-shadow .15s;display:flex;flex-direction:column;gap:var(--sp-3);-webkit-tap-highlight-color:transparent}.doc-card:active{transform:scale(.98)}.doc-card:hover{box-shadow:0 2px 12px #00986b14}.doc-card-header{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--sp-2)}.doc-card-icon{width:44px;height:44px;border-radius:14px;background:#00986b1a;display:flex;align-items:center;justify-content:center;flex-shrink:0}.doc-card-title{flex:1;min-width:0}.doc-card-title h3{font-size:var(--fs-base);font-weight:600;color:var(--text);margin-bottom:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.doc-card-title p{font-size:var(--fs-xs);color:var(--text2)}.doc-card-stats{display:flex;gap:var(--sp-5)}.doc-card-stat{display:flex;flex-direction:column;gap:1px}.doc-card-stat-value{font-size:var(--fs-lg);font-weight:700;color:var(--text);line-height:1.2}.doc-card-stat-label{font-size:10px;font-weight:600;color:var(--text2);text-transform:uppercase;letter-spacing:.3px}.doc-card-footer{display:flex;align-items:center;justify-content:space-between;gap:var(--sp-2);padding-top:var(--sp-3);border-top:1px solid var(--border)}.doc-card-actions{display:flex;gap:var(--sp-1);flex-wrap:wrap}.badge{display:inline-flex;align-items:center;border-radius:var(--radius);padding:3px 10px;font-size:var(--fs-xs);font-weight:600;letter-spacing:.3px;text-transform:uppercase;white-space:nowrap;flex-shrink:0}.badge-staging{background:var(--surface2);color:var(--text2)}.badge-reviewed{background:#dbeafe;color:#1d4ed8}.badge-live{background:#d1fae5;color:#065f46}.badge-rejected{background:#fee2e2;color:var(--red)}.btn-sm{min-height:var(--touch-min);padding:0 var(--sp-3);border:1px solid var(--border);border-radius:8px;font-size:var(--fs-xs);font-family:var(--font);background:var(--surface);color:var(--text2);cursor:pointer;transition:all .15s;display:flex;align-items:center;justify-content:center;white-space:nowrap;gap:var(--sp-1);-webkit-tap-highlight-color:transparent}.btn-sm:hover{border-color:var(--text2);color:var(--text)}.btn-sm:active{transform:scale(.97)}.btn-accent{background:var(--accent);border-color:var(--accent);color:#fff}.btn-accent:hover{background:var(--accent-hover);border-color:var(--accent-hover);color:#fff}.btn-danger:hover{background:var(--red);border-color:var(--red);color:#fff}.btn-delete{width:36px;padding:0;color:var(--text2)}.btn-delete:hover{background:var(--red);border-color:var(--red);color:#fff}.empty-state{text-align:center;padding:48px var(--sp-4);color:var(--text2);font-size:var(--fs-base)}.empty-state-icon{margin-bottom:var(--sp-3)}.chunk-editor-header{display:flex;align-items:center;justify-content:space-between;background:var(--surface);border:1px solid var(--border);border-radius:16px;padding:var(--sp-4) var(--sp-5);margin-bottom:var(--sp-4);gap:var(--sp-3)}.chunk-editor-title{flex:1;min-width:0}.chunk-editor-title h3{font-size:var(--fs-base);font-weight:600;color:var(--text);margin-bottom:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.chunk-editor-title p{font-size:var(--fs-xs);color:var(--text2)}.chunk-bulk-actions{display:flex;gap:var(--sp-2);flex-shrink:0}.btn-back{height:var(--touch-min);padding:0 var(--sp-4);border:1px solid var(--border);border-radius:10px;font-size:var(--fs-sm);font-family:var(--font);background:var(--surface);color:var(--text2);cursor:pointer;display:flex;align-items:center;gap:var(--sp-2);transition:border-color .15s,color .15s;flex-shrink:0}.btn-back:hover{border-color:var(--accent);color:var(--accent)}.chunk-list{display:flex;flex-direction:column;gap:var(--sp-2)}.chunk-row{display:grid;grid-template-columns:auto 1fr auto;gap:var(--sp-3);align-items:start;background:var(--surface);border:1px solid var(--border);border-radius:16px;padding:var(--sp-4);transition:border-color .15s}.chunk-row:hover{border-color:var(--accent)}.chunk-row.inactive{opacity:.5}.chunk-thumb{flex-shrink:0;width:60px}.chunk-thumb img{width:60px;height:80px;object-fit:cover;border-radius:var(--sp-2);border:1px solid var(--border);display:block}.chunk-thumb-empty{width:60px;height:80px;background:var(--surface2);border:1px solid var(--border);border-radius:var(--sp-2)}.chunk-content{min-width:0}.chunk-header{display:flex;align-items:center;gap:var(--sp-2);flex-wrap:wrap;margin-bottom:var(--sp-1)}.chunk-type-badge{display:inline-flex;align-items:center;border-radius:10px;padding:2px var(--sp-2);font-size:var(--fs-xs);font-weight:600;letter-spacing:.3px;text-transform:uppercase;flex-shrink:0}.chunk-type-page{background:var(--surface2);color:var(--text2)}.chunk-type-chapter{background:#dbeafe;color:#1d4ed8}.chunk-type-error_code{background:#fee2e2;color:var(--red)}.chunk-title{font-size:var(--fs-sm);font-weight:600;color:var(--text)}.chunk-pages{font-size:var(--fs-xs);color:var(--text2);flex-shrink:0}.chunk-override-label{font-size:var(--fs-xs);font-weight:600;color:var(--orange);text-transform:uppercase;letter-spacing:.3px}.chunk-preview{font-size:var(--fs-sm);color:var(--text2);max-height:60px;overflow:hidden;line-height:1.5;margin-bottom:var(--sp-1)}.chunk-override-preview{background:#fef3c7;color:#92400e;border-radius:var(--sp-2);padding:var(--sp-2) var(--sp-3);font-size:var(--fs-xs);line-height:1.5;margin-top:var(--sp-1)}.chunk-override-edit{margin-top:var(--sp-2)}.chunk-override-textarea{width:100%;min-height:80px;border:1px solid var(--border);border-radius:var(--sp-2);padding:var(--sp-3);font-size:var(--fs-sm);font-family:var(--font);color:var(--text);resize:vertical;outline:none;background:var(--bg)}.chunk-override-textarea:focus{border-color:var(--accent)}.chunk-override-save{margin-top:var(--sp-2);display:flex;gap:var(--sp-2)}.chunk-actions{display:flex;flex-direction:column;gap:var(--sp-1);flex-shrink:0}.btn-flag-active{background:var(--orange)!important;border-color:var(--orange)!important;color:#fff!important}@media(max-width:600px){.stats-grid{grid-template-columns:repeat(2,1fr)}.doc-grid{grid-template-columns:1fr}.chunk-editor-header{flex-wrap:wrap}}