*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--font-mono: "SF Mono", "Fira Code", "Consolas", monospace;--font-sans: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--sidebar-width: 280px;--accent: #6366f1;--error: #ef4444}[data-theme=dark],:root{--bg-primary: #0f1117;--bg-secondary: #1a1d27;--bg-tertiary: #242735;--border: #2e3144;--text-primary: #e4e5eb;--text-secondary: #9395a5;--text-muted: #6b6d7b}[data-theme=light]{--bg-primary: #f8f9fb;--bg-secondary: #ffffff;--bg-tertiary: #f0f1f5;--border: #d8dae5;--text-primary: #1a1d27;--text-secondary: #5a5c6b;--text-muted: #8b8d9b}body{font-family:var(--font-sans);background:var(--bg-primary);color:var(--text-primary);line-height:1.6;height:100vh;overflow:hidden}#root{height:100vh}.app{display:grid;grid-template-columns:var(--sidebar-width) 1fr;height:100vh;overflow:hidden}.history-sidebar{background:var(--bg-secondary);border-right:1px solid var(--border);display:flex;flex-direction:column;height:100vh;overflow:hidden}.sidebar-header{padding:1.25rem 1rem;border-bottom:1px solid var(--border);flex-shrink:0}.sidebar-header h1{font-family:var(--font-mono);font-size:.875rem;font-weight:600;letter-spacing:-.02em;color:var(--text-primary)}.sidebar-header-row{display:flex;justify-content:space-between;align-items:center}.theme-toggle{background:var(--bg-tertiary);border:1px solid var(--border);border-radius:5px;padding:.25rem .5rem;font-size:.875rem;line-height:1;cursor:pointer;transition:border-color .15s}.theme-toggle:hover{border-color:var(--accent)}.main-area{display:flex;flex-direction:column;height:100vh;overflow:hidden}.input-bar{padding:1rem 1.5rem;border-bottom:1px solid var(--border);background:var(--bg-primary);flex-shrink:0}.input-form{display:flex;flex-direction:column;gap:.75rem}.form-row{display:flex;gap:.75rem;align-items:end}.form-row--bottom{align-items:end}.form-group{display:flex;flex-direction:column;gap:.25rem}.form-group--topic{flex:1.2}.form-group--desc{flex:1.5}.form-group--contract,.form-group--statement{flex:1}.form-group label{font-family:var(--font-mono);font-size:.6875rem;font-weight:500;color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em}.form-group input,.form-group textarea{background:var(--bg-secondary);border:1px solid var(--border);border-radius:5px;padding:.5rem .625rem;font-family:var(--font-sans);font-size:.8125rem;color:var(--text-primary);transition:border-color .15s}.form-group input:focus,.form-group textarea:focus{outline:none;border-color:var(--accent)}.form-group input::placeholder,.form-group textarea::placeholder{color:var(--text-muted)}.complexity-selector{display:flex;flex-direction:column;gap:.25rem;flex-shrink:0}.complexity-selector>label{font-family:var(--font-mono);font-size:.6875rem;font-weight:500;color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em}.complexity-pills{display:flex;gap:0;border:1px solid var(--border);border-radius:5px;overflow:hidden}.complexity-pill{background:var(--bg-secondary);border:none;border-right:1px solid var(--border);padding:.5rem .75rem;font-family:var(--font-mono);font-size:.75rem;font-weight:500;color:var(--text-muted);cursor:pointer;transition:background .15s,color .15s}.complexity-pill:last-child{border-right:none}.complexity-pill:hover{background:var(--bg-tertiary)}.complexity-pill.active{background:var(--bg-tertiary);color:var(--accent)}.submit-btn{background:var(--accent);color:#fff;border:none;border-radius:5px;padding:.5rem 1.5rem;font-family:var(--font-mono);font-size:.8125rem;font-weight:600;cursor:pointer;transition:opacity .15s;flex-shrink:0;white-space:nowrap}.submit-btn:hover:not(:disabled){opacity:.9}.submit-btn:disabled{opacity:.4;cursor:not-allowed}.output-panel{flex:1;overflow-y:auto;padding:1.5rem}.error-banner{background:#ef44441a;border:1px solid var(--error);border-radius:6px;padding:.75rem 1rem;color:var(--error);font-size:.875rem;margin-bottom:1rem}.result-display{background:var(--bg-secondary);border:1px solid var(--border);border-radius:8px;opacity:0;transform:translateY(8px);animation:fadeIn .3s ease forwards}.result-display.visible{opacity:1;transform:translateY(0)}@keyframes fadeIn{to{opacity:1;transform:translateY(0)}}.result-header{display:flex;align-items:center;gap:.75rem;padding:.875rem 1.25rem;border-bottom:1px solid var(--border)}.result-header h2{font-family:var(--font-mono);font-size:.8125rem;font-weight:600}.streaming-indicator{width:8px;height:8px;border-radius:50%;background:var(--accent);animation:pulse 1.2s ease-in-out infinite}@keyframes pulse{0%,to{opacity:.4}50%{opacity:1}}.result-content{padding:1.25rem}.result-content pre{font-family:var(--font-sans);font-size:.8125rem;line-height:1.7;white-space:pre-wrap;word-wrap:break-word;color:var(--text-primary)}.loading-placeholder{color:var(--text-muted);font-size:.875rem;font-style:italic}.export-panel{display:flex;gap:.75rem;margin-top:1rem}.export-btn{background:var(--bg-tertiary);border:1px solid var(--border);border-radius:6px;padding:.5rem 1rem;font-family:var(--font-mono);font-size:.75rem;font-weight:500;color:var(--text-secondary);cursor:pointer;transition:border-color .15s,color .15s}.export-btn:hover{border-color:var(--accent);color:var(--text-primary)}.history-panel{flex:1;display:flex;flex-direction:column;overflow:hidden;padding:1rem}.history-title{font-family:var(--font-mono);font-size:.6875rem;font-weight:500;color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;margin-bottom:.75rem;flex-shrink:0}.history-empty{color:var(--text-muted);font-size:.8125rem}.history-list{display:flex;flex-direction:column;gap:.375rem;overflow-y:auto;flex:1}.history-item{background:var(--bg-tertiary);border:1px solid transparent;border-radius:5px;padding:.5rem .625rem;cursor:pointer;transition:border-color .15s,background .15s;flex-shrink:0}.history-item:hover{border-color:var(--border)}.history-item.active{border-color:var(--accent)}.history-item-header{display:flex;justify-content:space-between;align-items:center;gap:.5rem}.history-topic{font-size:.75rem;font-weight:500;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.history-badge{font-family:var(--font-mono);font-size:.5625rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;flex-shrink:0}.history-item-meta{display:flex;justify-content:space-between;align-items:center;margin-top:.125rem}.history-contract{font-size:.625rem;color:var(--text-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.history-time{font-family:var(--font-mono);font-size:.5625rem;color:var(--text-muted);flex-shrink:0}.history-item-actions{display:flex;gap:.25rem;margin-top:.375rem}.history-action-btn{background:none;border:1px solid var(--border);border-radius:3px;padding:.125rem .375rem;font-family:var(--font-mono);font-size:.5625rem;color:var(--text-secondary);cursor:pointer;transition:border-color .15s,color .15s}.history-action-btn:hover{border-color:var(--accent);color:var(--text-primary)}.history-delete-btn:hover{border-color:var(--error);color:var(--error)}.login-page{display:flex;align-items:center;justify-content:center;height:100vh;background:var(--bg-primary)}.login-form{background:var(--bg-secondary);border:1px solid var(--border);border-radius:8px;padding:2rem;width:100%;max-width:360px;display:flex;flex-direction:column;gap:1rem}.login-title{font-family:var(--font-mono);font-size:1rem;font-weight:600;color:var(--text-primary);text-align:center;margin-bottom:.5rem}.login-error{background:#ef44441a;border:1px solid var(--error);border-radius:5px;padding:.5rem .75rem;color:var(--error);font-size:.8125rem}.login-btn{width:100%;margin-top:.5rem}.logout-btn{background:none;border:1px solid var(--border);border-radius:5px;padding:.25rem .5rem;font-family:var(--font-mono);font-size:.6875rem;color:var(--text-muted);cursor:pointer;transition:border-color .15s,color .15s}.logout-btn:hover{border-color:var(--error);color:var(--error)}.admin-toggle-btn{background:none;border:1px solid var(--border);border-radius:5px;padding:.25rem .5rem;font-family:var(--font-mono);font-size:.6875rem;color:var(--text-muted);cursor:pointer;transition:border-color .15s,color .15s}.admin-toggle-btn:hover,.admin-toggle-btn.active{border-color:var(--accent);color:var(--accent)}.admin-panel{flex:1;overflow-y:auto;padding:1.5rem}.admin-header h2{font-family:var(--font-mono);font-size:1rem;font-weight:600;color:var(--text-primary);margin-bottom:1rem}.admin-alert{border-radius:5px;padding:.5rem .75rem;font-size:.8125rem;margin-bottom:1rem}.admin-alert--success{background:#22c55e1a;border:1px solid #22c55e;color:#22c55e}.admin-alert--error{background:#ef44441a;border:1px solid var(--error);color:var(--error)}.admin-secret{background:var(--bg-tertiary);border:1px solid var(--accent);border-radius:6px;padding:.75rem 1rem;margin-bottom:1rem;display:flex;flex-direction:column;gap:.5rem}.admin-secret-label{font-size:.75rem;color:var(--text-secondary)}.admin-secret-value{font-family:var(--font-mono);font-size:.8125rem;color:var(--accent);word-break:break-all;-webkit-user-select:all;user-select:all}.admin-section{margin-bottom:1.5rem}.admin-section-title{font-family:var(--font-mono);font-size:.6875rem;font-weight:500;color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;margin-bottom:.75rem}.admin-create-form{display:flex;gap:.5rem;flex-wrap:wrap;align-items:center}.admin-input{background:var(--bg-secondary);border:1px solid var(--border);border-radius:5px;padding:.5rem .625rem;font-family:var(--font-sans);font-size:.8125rem;color:var(--text-primary);flex:1;min-width:140px}.admin-input:focus{outline:none;border-color:var(--accent)}.admin-input::placeholder{color:var(--text-muted)}.admin-select{background:var(--bg-secondary);border:1px solid var(--border);border-radius:5px;padding:.5rem .625rem;font-family:var(--font-sans);font-size:.8125rem;color:var(--text-primary)}.admin-btn--create{padding:.5rem 1rem}.admin-user-list{display:flex;flex-direction:column;gap:.5rem}.admin-user-card{background:var(--bg-secondary);border:1px solid var(--border);border-radius:6px;overflow:hidden}.admin-user-row{display:flex;justify-content:space-between;align-items:center;padding:.75rem 1rem;cursor:pointer;transition:background .15s}.admin-user-row:hover{background:var(--bg-tertiary)}.admin-user-info{display:flex;align-items:center;gap:.5rem}.admin-user-name{font-size:.875rem;font-weight:500;color:var(--text-primary)}.admin-role-badge{font-family:var(--font-mono);font-size:.625rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;padding:.125rem .375rem;border-radius:3px}.admin-role-badge--admin{background:#6366f126;color:var(--accent)}.admin-role-badge--user{background:#9395a526;color:var(--text-secondary)}.admin-user-meta{display:flex;align-items:center;gap:.75rem}.admin-user-date{font-family:var(--font-mono);font-size:.6875rem;color:var(--text-muted)}.admin-expand-icon{font-size:.625rem;color:var(--text-muted)}.admin-user-details{padding:0 1rem .75rem;border-top:1px solid var(--border)}.admin-user-actions{display:flex;gap:.5rem;padding:.75rem 0}.admin-btn{background:var(--bg-tertiary);border:1px solid var(--border);border-radius:5px;padding:.375rem .75rem;font-family:var(--font-mono);font-size:.75rem;font-weight:500;color:var(--text-secondary);cursor:pointer;transition:border-color .15s,color .15s}.admin-btn:hover{border-color:var(--accent);color:var(--text-primary)}.admin-btn--sm{padding:.25rem .5rem;font-size:.6875rem}.admin-btn--danger{color:var(--text-muted)}.admin-btn--danger:hover{border-color:var(--error);color:var(--error)}.admin-apikeys-section{margin-top:.5rem}.admin-apikeys-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem}.admin-apikeys-header h4{font-family:var(--font-mono);font-size:.6875rem;font-weight:500;color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em}.admin-empty{font-size:.75rem;color:var(--text-muted)}.admin-apikeys-list{display:flex;flex-direction:column;gap:.375rem}.admin-apikey-row{display:flex;align-items:center;gap:.75rem;padding:.375rem .5rem;background:var(--bg-tertiary);border-radius:4px;font-size:.75rem}.admin-apikey-prefix{font-family:var(--font-mono);font-size:.75rem;color:var(--text-primary)}.admin-apikey-label{color:var(--text-secondary)}.admin-apikey-meta{color:var(--text-muted);font-size:.6875rem;margin-left:auto}@media(max-width:900px){.app{grid-template-columns:1fr;grid-template-rows:auto 1fr}.history-sidebar{height:auto;max-height:30vh;border-right:none;border-bottom:1px solid var(--border)}.main-area{height:auto;overflow:auto}.form-row{flex-wrap:wrap}}