.app-layout{display:flex;height:100vh;overflow:hidden}.sidebar{width:280px;min-width:280px;background:var(--surface);border-right:1px solid var(--border);display:flex;flex-direction:column;overflow:hidden}.sidebar-header{padding:1.25rem 1rem .75rem;border-bottom:1px solid var(--border)}.logo{display:flex;align-items:center;gap:.5rem;margin-bottom:.15rem}.logo-icon{font-size:1.4rem;color:var(--accent)}.logo-text{font-size:1.1rem;font-weight:700;color:var(--text)}.logo-sub{font-size:.75rem;color:var(--text-muted)}.new-session{display:flex;gap:.5rem;padding:.75rem 1rem;border-bottom:1px solid var(--border)}.new-session input{flex:1}.new-session .btn-primary{white-space:nowrap;min-width:64px;display:flex;align-items:center;justify-content:center}.workspace{flex:1;overflow:hidden;display:flex;flex-direction:column}.empty-state{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.75rem;color:var(--text-muted);text-align:center;padding:2rem}.empty-icon{font-size:3rem;color:var(--border)}.empty-state h2{color:var(--text);font-size:1.25rem}.empty-hint{font-size:.85rem;background:var(--surface2);padding:.5rem 1rem;border-radius:var(--radius);border:1px solid var(--border)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--bg: #0f1117;--surface: #1a1d27;--surface2: #252836;--border: #2e3348;--accent: #0078d4;--accent-hover: #106ebe;--text: #e8eaf0;--text-muted: #8b92a8;--success: #107c10;--warning: #c19c00;--danger: #c42b1c;--radius: 8px;--font: -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif}body{font-family:var(--font);background:var(--bg);color:var(--text);height:100vh;display:flex;flex-direction:column}#root{display:flex;flex-direction:column;height:100vh}button{cursor:pointer;border:none;border-radius:var(--radius);font-family:var(--font);font-size:.875rem;padding:.5rem 1rem;transition:background .15s}.btn-primary{background:var(--accent);color:#fff}.btn-primary:hover{background:var(--accent-hover)}.btn-secondary{background:var(--surface2);color:var(--text);border:1px solid var(--border)}.btn-secondary:hover{background:var(--border)}.btn-sm{padding:.25rem .625rem;font-size:.8rem}input,textarea,select{background:var(--surface2);border:1px solid var(--border);border-radius:var(--radius);color:var(--text);font-family:var(--font);font-size:.875rem;padding:.5rem .75rem;width:100%;outline:none}input:focus,textarea:focus{border-color:var(--accent)}.badge{display:inline-block;padding:.2rem .5rem;border-radius:20px;font-size:.75rem;font-weight:600}.badge-blue{background:#0078d433;color:#60a5fa}.badge-green{background:#107c1033;color:#4ade80}.badge-yellow{background:#c19c0033;color:#fbbf24}.badge-red{background:#c42b1c33;color:#f87171}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:1rem}.spinner{width:20px;height:20px;border:2px solid var(--border);border-top-color:var(--accent);border-radius:50%;animation:spin .7s linear infinite;display:inline-block}@keyframes spin{to{transform:rotate(360deg)}}pre{white-space:pre-wrap;word-break:break-word;font-size:.8rem}