:root{font-family:Inter,system-ui,-apple-system,sans-serif;line-height:1.5;font-weight:400;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}html,body,#root{height:100%;width:100%}body{margin:0;min-height:100vh;background-color:#0f172a;color:#f1f5f9}a{font-weight:500;color:#3b82f6;text-decoration:none}a:hover{color:#60a5fa}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:#1e293b}::-webkit-scrollbar-thumb{background:#475569;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#64748b}:root{--primary: #3b82f6;--primary-dark: #2563eb;--primary-light: #60a5fa;--success: #10b981;--success-dark: #059669;--warning: #f59e0b;--error: #ef4444;--error-dark: #dc2626;--bg-primary: #0f172a;--bg-secondary: #1e293b;--bg-tertiary: #334155;--bg-card: #1e293b;--text-primary: #f1f5f9;--text-secondary: #94a3b8;--text-muted: #64748b;--border: #334155;--border-light: #475569;--sidebar-width: 240px;--header-height: 60px;--radius-sm: 4px;--radius-md: 8px;--radius-lg: 12px;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .3);--shadow-md: 0 4px 6px rgba(0, 0, 0, .3);--shadow-lg: 0 10px 15px rgba(0, 0, 0, .4)}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background-color:var(--bg-primary);color:var(--text-primary);line-height:1.6}.app-layout{display:flex;min-height:100vh}.sidebar{width:var(--sidebar-width);background:var(--bg-secondary);border-right:1px solid var(--border);display:flex;flex-direction:column;position:fixed;top:0;left:0;height:100vh}.logo{display:flex;align-items:center;gap:12px;padding:20px;border-bottom:1px solid var(--border);color:var(--primary);font-size:1.25rem;font-weight:600}.nav-links{list-style:none;padding:16px 0;flex:1}.nav-links li a{display:flex;align-items:center;gap:12px;padding:12px 20px;color:var(--text-secondary);text-decoration:none;transition:all .2s}.nav-links li a:hover{background:var(--bg-tertiary);color:var(--text-primary)}.nav-links li a.active{background:var(--primary);color:#fff}.sidebar-footer{padding:16px 20px;border-top:1px solid var(--border);font-size:.75rem;color:var(--text-muted);display:flex;flex-direction:column;gap:4px}.user-info{display:flex;align-items:center;justify-content:space-between;padding:8px 12px;margin-bottom:12px;background:var(--bg-tertiary);border-radius:var(--radius-md)}.user-details{display:flex;align-items:center;gap:8px;overflow:hidden}.user-details svg{flex-shrink:0;color:var(--primary)}.user-email{font-size:.8rem;color:var(--text-secondary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.logout-btn{display:flex;align-items:center;justify-content:center;padding:6px;background:none;border:none;color:var(--text-muted);border-radius:var(--radius-sm);transition:all .2s}.logout-btn:hover{background:var(--error);color:#fff}.main-content{margin-left:var(--sidebar-width);flex:1;min-height:100vh}.page-header{padding:24px 32px;background:var(--bg-secondary);border-bottom:1px solid var(--border)}.header-content h1{font-size:1.75rem;margin-bottom:8px}.header-content p{color:var(--text-secondary)}.header-actions{display:flex;gap:12px;margin-top:16px}.back-btn{display:flex;align-items:center;gap:8px;background:none;border:none;color:var(--text-secondary);cursor:pointer;margin-bottom:16px;font-size:.875rem}.back-btn:hover{color:var(--text-primary)}.program-title{display:flex;align-items:center;gap:12px}button{cursor:pointer;font-family:inherit}.btn-primary{display:flex;align-items:center;gap:8px;padding:10px 20px;background:var(--primary);color:#fff;border:none;border-radius:var(--radius-md);font-weight:500;transition:all .2s}.btn-primary:hover:not(:disabled){background:var(--primary-dark)}.btn-primary:disabled{opacity:.6;cursor:not-allowed}.btn-secondary{display:flex;align-items:center;gap:8px;padding:10px 20px;background:var(--bg-tertiary);color:var(--text-primary);border:1px solid var(--border);border-radius:var(--radius-md);font-weight:500;transition:all .2s}.btn-secondary:hover:not(:disabled){background:var(--border)}.action-btn{display:flex;align-items:center;gap:6px;padding:8px 16px;background:var(--bg-tertiary);color:var(--text-primary);border:1px solid var(--border);border-radius:var(--radius-sm);font-size:.875rem;transition:all .2s}.action-btn:hover{background:var(--border)}.action-btn.success{background:var(--success);border-color:var(--success)}.action-btn.danger{color:var(--error);border-color:var(--error)}.action-btn.danger:hover{background:var(--error);color:#fff}.file-upload{max-width:600px}.drop-zone{border:2px dashed var(--border);border-radius:var(--radius-lg);padding:48px;text-align:center;transition:all .2s;background:var(--bg-card)}.drop-zone.dragging{border-color:var(--primary);background:#3b82f61a}.upload-icon{color:var(--text-muted);margin-bottom:16px}.drop-text{font-size:1.125rem;margin-bottom:8px}.drop-subtext{color:var(--text-muted);margin-bottom:16px}.file-select-btn{display:inline-block;padding:10px 24px;background:var(--primary);color:#fff;border-radius:var(--radius-md);cursor:pointer;transition:all .2s}.file-select-btn:hover{background:var(--primary-dark)}.file-preview{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);padding:24px}.file-info{display:flex;align-items:center;gap:16px;margin-bottom:20px}.file-icon{color:var(--primary)}.file-details{flex:1;display:flex;flex-direction:column}.file-name{font-weight:500}.file-size{font-size:.875rem;color:var(--text-muted)}.remove-file-btn{background:none;border:none;color:var(--text-muted);padding:4px}.remove-file-btn:hover{color:var(--error)}.upload-btn{width:100%;justify-content:center}.upload-error{margin-top:16px;padding:12px;background:#ef44441a;border:1px solid var(--error);border-radius:var(--radius-md);color:var(--error)}.progress-tracker{padding:24px 32px;background:var(--bg-secondary);position:relative}.progress-line{position:absolute;top:50%;left:32px;right:32px;height:4px;background:var(--border);border-radius:2px;z-index:0}.progress-fill{height:100%;background:var(--primary);border-radius:2px;transition:width .3s ease}.stages{display:flex;justify-content:space-between;position:relative;z-index:1}.stage{display:flex;flex-direction:column;align-items:center;gap:8px}.stage-icon{width:32px;height:32px;border-radius:50%;background:var(--bg-secondary);border:2px solid var(--border);display:flex;align-items:center;justify-content:center;color:var(--text-muted)}.stage.complete .stage-icon{background:var(--success);border-color:var(--success);color:#fff}.stage.current .stage-icon,.stage.processing .stage-icon{background:var(--primary);border-color:var(--primary);color:#fff}.stage.error .stage-icon{background:var(--error);border-color:var(--error);color:#fff}.stage-label{font-size:.75rem;color:var(--text-muted)}.stage.complete .stage-label,.stage.current .stage-label{color:var(--text-primary)}.annotation-progress{margin-top:16px;padding:16px 32px;background:var(--bg-tertiary);border-radius:var(--radius-md)}.progress-info{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.progress-label{font-size:.875rem;color:var(--text-secondary)}.progress-percent{font-size:.875rem;font-weight:600;color:var(--primary)}.progress-bar-container{height:8px;background:var(--bg-secondary);border-radius:4px;overflow:hidden}.progress-bar-fill{height:100%;background:linear-gradient(90deg,var(--primary),var(--primary-light));border-radius:4px;transition:width .3s ease}.spinner{animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.home-page{padding:32px}.upload-section,.programs-section{margin-bottom:48px}.upload-section h2,.programs-section h2{margin-bottom:20px;font-size:1.25rem}.programs-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:20px}.program-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);padding:20px;cursor:pointer;transition:all .2s}.program-card:hover{border-color:var(--primary);transform:translateY(-2px)}.program-header{display:flex;align-items:center;gap:12px;margin-bottom:16px}.program-header svg:first-child{color:var(--primary)}.program-name{flex:1;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.delete-btn{background:none;border:none;color:var(--text-muted);padding:4px}.delete-btn:hover{color:var(--error)}.program-body{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.program-status{display:flex;align-items:center;gap:6px;font-size:.875rem;padding:4px 12px;border-radius:var(--radius-sm)}.program-status.status-pending{background:#94a3b833;color:var(--text-secondary)}.program-status.status-processing{background:#3b82f633;color:var(--primary-light)}.program-status.status-success{background:#10b98133;color:var(--success)}.program-status.status-complete{background:#10b9814d;color:var(--success)}.program-status.status-error{background:#ef444433;color:var(--error)}.program-date{font-size:.875rem;color:var(--text-muted)}.program-footer{border-top:1px solid var(--border);padding-top:12px}.view-link{display:flex;align-items:center;gap:4px;color:var(--primary);font-size:.875rem}.empty-state{text-align:center;padding:48px;color:var(--text-muted)}.empty-state svg{margin-bottom:16px;opacity:.5}.empty-state p{font-size:1.125rem;margin-bottom:8px;color:var(--text-secondary)}.loading,.loading-page{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:48px;gap:16px;color:var(--text-secondary)}.loading-page{height:100vh}.error-page{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100vh;gap:16px;color:var(--error)}.error-page h2{color:var(--text-primary)}.error-banner{display:flex;align-items:center;gap:12px;padding:12px 24px;margin:16px 32px;background:#ef44441a;border:1px solid var(--error);border-radius:var(--radius-md);color:var(--error)}.error-banner span{flex:1}.error-banner button{background:none;border:none;color:var(--error)}.code-viewer{background:var(--bg-primary);border:1px solid var(--border);border-radius:var(--radius-md);overflow:hidden}.code-header{display:flex;align-items:center;gap:12px;padding:12px 16px;background:var(--bg-tertiary);border-bottom:1px solid var(--border)}.code-title{flex:1;font-weight:500}.code-language{font-size:.75rem;padding:4px 8px;border-radius:var(--radius-sm);text-transform:uppercase;font-weight:600}.code-language.sas{background:#f59e0b33;color:var(--warning)}.code-language.r{background:#10b98133;color:var(--success)}.copy-btn{display:flex;align-items:center;gap:4px;padding:6px 12px;background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text-secondary);font-size:.75rem}.copy-btn:hover{background:var(--border)}.code-content{overflow:auto}.code-content pre{display:flex;margin:0;padding:16px;font-family:JetBrains Mono,Fira Code,monospace;font-size:.875rem;line-height:1.6}.line-numbers{display:flex;flex-direction:column;padding-right:16px;margin-right:16px;border-right:1px solid var(--border);color:var(--text-muted);-webkit-user-select:none;user-select:none;text-align:right}.code-content code{flex:1;white-space:pre}.side-by-side-viewer{display:grid;grid-template-columns:1fr 1fr;gap:16px}.chunk-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);overflow:hidden;margin-bottom:16px}.chunk-card.status-success{border-left:4px solid var(--success)}.chunk-card.status-error{border-left:4px solid var(--error)}.chunk-card.status-warning{border-left:4px solid var(--warning)}.chunk-card.status-pending{border-left:4px solid var(--text-muted)}.chunk-header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;cursor:pointer;transition:background .2s}.chunk-header:hover{background:var(--bg-tertiary)}.chunk-info{display:flex;align-items:center;gap:16px}.chunk-order{font-weight:600;color:var(--text-muted)}.chunk-type{display:flex;align-items:center;gap:6px;font-size:.875rem;color:var(--primary)}.chunk-status{display:flex;align-items:center;gap:4px;font-size:.75rem;padding:4px 8px;border-radius:var(--radius-sm)}.retry-count{font-size:.75rem;color:var(--text-muted)}.expand-btn{background:none;border:none;color:var(--text-muted);padding:4px}.chunk-content{padding:20px;border-top:1px solid var(--border)}.chunk-annotation{margin-bottom:20px}.chunk-annotation h4{font-size:.875rem;color:var(--text-muted);margin-bottom:8px}.chunk-variables{margin-bottom:20px}.chunk-variables h4{font-size:.875rem;color:var(--text-muted);margin-bottom:8px}.variable-tags{display:flex;flex-wrap:wrap;gap:8px}.variable-tag{display:flex;align-items:center;gap:6px;padding:4px 10px;background:var(--bg-tertiary);border-radius:var(--radius-sm);font-size:.875rem;font-family:monospace}.var-type{font-size:.7rem;padding:2px 6px;border-radius:var(--radius-sm);background:var(--bg-primary);color:var(--text-muted)}.variable-tag.numeric .var-type{background:#3b82f633;color:var(--primary-light)}.variable-tag.character .var-type{background:#10b98133;color:var(--success)}.chunk-error{display:flex;align-items:flex-start;gap:12px;margin-top:16px;padding:12px;background:#ef44441a;border:1px solid var(--error);border-radius:var(--radius-md);color:var(--error);font-size:.875rem}.chunk-actions{display:flex;gap:12px;margin-top:20px;padding-top:16px;border-top:1px solid var(--border)}.abstract-section{padding:24px 32px;background:var(--bg-secondary);border-bottom:1px solid var(--border)}.abstract-section h2{font-size:1rem;color:var(--text-muted);margin-bottom:12px}.abstract-section p{color:var(--text-secondary);line-height:1.8}.chunks-section{padding:32px}.section-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px}.chunk-stats{display:flex;gap:16px}.chunk-stats .stat{display:flex;align-items:center;gap:6px;font-size:.875rem}.chunk-stats .stat.success{color:var(--success)}.chunk-stats .stat.error{color:var(--error)}.knowledge-page,.prompts-page{min-height:100vh}.knowledge-base{padding:32px}.kb-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;margin-bottom:32px}.stat-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);padding:20px;text-align:center}.stat-value{display:block;font-size:2rem;font-weight:600;color:var(--primary);margin-bottom:4px}.stat-label{font-size:.875rem;color:var(--text-muted)}.kb-toolbar{display:flex;align-items:center;gap:16px;margin-bottom:24px;flex-wrap:wrap}.search-box{display:flex;flex:1;max-width:400px}.search-box input{flex:1;padding:10px 16px;background:var(--bg-card);border:1px solid var(--border);border-right:none;border-radius:var(--radius-md) 0 0 var(--radius-md);color:var(--text-primary);font-size:.875rem}.search-box input::placeholder{color:var(--text-muted)}.search-box button{padding:10px 16px;background:var(--primary);border:1px solid var(--primary);border-radius:0 var(--radius-md) var(--radius-md) 0;color:#fff}.kb-toolbar select{padding:10px 16px;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-md);color:var(--text-primary);font-size:.875rem}.checkbox-label{display:flex;align-items:center;gap:8px;font-size:.875rem;color:var(--text-secondary);cursor:pointer}.checkbox-label input{width:18px;height:18px}.kb-entries{display:flex;flex-direction:column;gap:12px}.kb-entry{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);overflow:hidden}.kb-entry.validated{border-left:4px solid var(--success)}.entry-header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;cursor:pointer;transition:background .2s}.entry-header:hover{background:var(--bg-tertiary)}.entry-info{display:flex;align-items:center;gap:12px}.validated-icon{color:var(--success)}.unvalidated-icon{color:var(--text-muted)}.entry-type{font-size:.75rem;padding:4px 8px;background:var(--bg-tertiary);border-radius:var(--radius-sm)}.entry-usage{font-size:.75rem;color:var(--text-muted)}.entry-preview{flex:1;font-family:monospace;font-size:.875rem;color:var(--text-secondary);margin-left:20px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.entry-content{padding:20px;border-top:1px solid var(--border)}.entry-description{margin-bottom:16px;color:var(--text-secondary)}.entry-actions{display:flex;gap:12px;margin-top:20px;padding-top:16px;border-top:1px solid var(--border)}.prompts-editor{display:flex;height:calc(100vh - var(--header-height) - 120px);margin:32px;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);overflow:hidden}.prompts-sidebar{width:280px;border-right:1px solid var(--border);display:flex;flex-direction:column}.sidebar-header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:1px solid var(--border)}.sidebar-header h3{font-size:1rem}.add-btn{width:28px;height:28px;display:flex;align-items:center;justify-content:center;background:var(--primary);border:none;border-radius:var(--radius-sm);color:#fff}.prompts-list{flex:1;overflow-y:auto}.prompt-item{display:flex;align-items:center;justify-content:space-between;padding:12px 20px;cursor:pointer;transition:background .2s;border-bottom:1px solid var(--border)}.prompt-item:hover{background:var(--bg-tertiary)}.prompt-item.selected{background:var(--bg-tertiary);border-left:3px solid var(--primary)}.prompt-item-info{display:flex;align-items:center;gap:8px}.prompt-item-info svg{color:var(--text-muted)}.prompt-name{font-size:.875rem}.prompt-item-meta{display:flex;align-items:center;gap:8px}.prompt-category{font-size:.7rem;padding:2px 6px;background:var(--bg-primary);border-radius:var(--radius-sm);color:var(--text-muted)}.status-toggle{background:none;border:none;padding:4px;color:var(--text-muted)}.status-toggle.active{color:var(--success)}.prompts-content{flex:1;display:flex;flex-direction:column}.editor-header{display:flex;align-items:center;justify-content:space-between;padding:16px 24px;border-bottom:1px solid var(--border)}.editor-title{display:flex;align-items:center;gap:12px}.editor-title h2{font-size:1.125rem}.prompt-category-tag{font-size:.75rem;padding:4px 8px;background:var(--bg-tertiary);border-radius:var(--radius-sm)}.active-badge{font-size:.7rem;padding:4px 8px;background:#10b98133;color:var(--success);border-radius:var(--radius-sm)}.editor-actions{display:flex;gap:12px}.editor-error{padding:12px 24px;background:#ef44441a;color:var(--error);font-size:.875rem}.editor-success{padding:12px 24px;background:#10b9811a;color:var(--success);font-size:.875rem}.editor-body{flex:1;padding:16px 24px}.prompt-textarea{width:100%;height:100%;padding:16px;background:var(--bg-primary);border:1px solid var(--border);border-radius:var(--radius-md);color:var(--text-primary);font-family:JetBrains Mono,monospace;font-size:.875rem;line-height:1.6;resize:none}.prompt-textarea::placeholder{color:var(--text-muted)}.editor-footer{display:flex;justify-content:space-between;padding:12px 24px;border-top:1px solid var(--border);font-size:.75rem;color:var(--text-muted)}.no-selection{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;color:var(--text-muted);gap:16px}.modal-overlay{position:fixed;inset:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:1000}.modal{background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius-lg);padding:24px;width:90%;max-width:500px;max-height:90vh;overflow-y:auto}.modal.large{max-width:900px}.modal h3{margin-bottom:20px}.modal-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px}.modal-header button{background:none;border:none;color:var(--text-muted)}.modal-body{margin-bottom:20px}.modal-footer{display:flex;gap:12px;justify-content:flex-end;padding-top:20px;border-top:1px solid var(--border)}.form-group{margin-bottom:20px}.form-group label{display:block;margin-bottom:8px;font-size:.875rem;font-weight:500}.form-group input,.form-group select{width:100%;padding:10px 16px;background:var(--bg-primary);border:1px solid var(--border);border-radius:var(--radius-md);color:var(--text-primary);font-size:.875rem}.form-group textarea{width:100%;padding:12px 16px;background:var(--bg-primary);border:1px solid var(--border);border-radius:var(--radius-md);color:var(--text-primary);font-family:monospace;font-size:.875rem;line-height:1.6;resize:vertical}.form-group input::placeholder,.form-group textarea::placeholder{color:var(--text-muted)}.form-error{padding:12px;background:#ef44441a;border:1px solid var(--error);border-radius:var(--radius-md);color:var(--error);font-size:.875rem;margin-bottom:20px}.form-actions{display:flex;gap:12px;justify-content:flex-end}@media(max-width:1024px){.side-by-side-viewer{grid-template-columns:1fr}.kb-stats{grid-template-columns:repeat(2,1fr)}}@media(max-width:768px){.sidebar{display:none}.main-content{margin-left:0}.prompts-editor{flex-direction:column}.prompts-sidebar{width:100%;max-height:200px}.kb-toolbar{flex-direction:column;align-items:stretch}.search-box{max-width:none}}