*,*:before,*:after{box-sizing:border-box}body{margin:0;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.app-root{display:flex;flex-direction:column;height:100vh}.app-header{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;border-bottom:1px solid}.app-header-left h1{font-size:18px;margin:0}.app-header-sub{font-size:12px}.app-body{display:flex;flex:1;min-height:0}.sidebar{width:260px;padding:12px;overflow-y:auto;border-right:1px solid}.sidebar-section+.sidebar-section{margin-top:16px}.sidebar-section h2{font-size:14px;margin:0 0 8px}.session-list{list-style:none;padding:0;margin:0 0 8px}.session-item{padding:6px 8px;margin-bottom:4px;border-radius:4px;cursor:pointer;font-size:13px;border:1px solid}.session-item--active{border-width:1px}.field{display:flex;flex-direction:column;margin-bottom:8px}.field label{font-size:12px;margin-bottom:4px}.field input{padding:6px 8px;border-radius:4px;border:1px solid;font-size:13px}.config-box{font-size:11px;padding:8px;border-radius:4px;border:1px solid}.config-services{margin-top:4px}.main-content{display:flex;flex:1;min-width:0;padding:12px;gap:12px}.chat-panel{flex:2;display:flex;flex-direction:column;min-width:0}.chat-panel h2{font-size:14px;margin:0 0 8px}.chat-messages{flex:1;border-radius:6px;border:1px solid;padding:8px;overflow-y:auto;margin-bottom:8px}.chat-message{border-radius:6px;padding:6px 8px;margin-bottom:6px;font-size:13px;border:1px solid}.chat-message-meta{display:flex;justify-content:space-between;font-size:11px;margin-bottom:4px}.chat-message-text{margin:0;white-space:pre-wrap;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace}.chat-input-row{display:flex;gap:8px}.chat-input-row textarea{flex:1;min-height:70px;max-height:140px;resize:vertical;padding:8px;border-radius:6px;border:1px solid;font-size:13px}.diag-panel{flex:1;display:flex;flex-direction:column;min-width:0}.diag-panel h2{font-size:14px;margin:0 0 8px}.diag-empty,.diag-error,.diag-content{border-radius:6px;padding:8px;border:1px solid}.diag-content{flex:1;overflow:auto}.diag-content pre,.diag-error pre{margin:0;font-size:11px}.service-status-bar{display:flex;gap:8px}.service-card{min-width:60px;padding:4px 8px;border-radius:6px;border:1px solid;display:flex;flex-direction:column;align-items:center;font-size:11px}.service-card-name{font-weight:600;margin-bottom:2px}.btn{border:none;border-radius:4px;padding:6px 10px;font-size:13px;cursor:pointer}.theme-toggle-btn{background:transparent;border:none;cursor:pointer;font-size:20px;padding:6px 10px;border-radius:6px}.theme-toggle-btn:hover{opacity:.8}body:not(.dark-theme){background:#f3f4f6;color:#1f2937}body:not(.dark-theme) .app-header{background:#fff;border-bottom:1px solid #e5e7eb}body:not(.dark-theme) .app-header-left h1{color:#111827}body:not(.dark-theme) .app-header-sub{color:#6b7280}body:not(.dark-theme) .sidebar{background:#fff;border-right:1px solid #e5e7eb}body:not(.dark-theme) .session-item{background:#fff;color:#1f2937;border:1px solid #d1d5db}body:not(.dark-theme) .session-item--active{background:#2563eb;color:#fff;border-color:#1d4ed8}body:not(.dark-theme) .field label{color:#374151}body:not(.dark-theme) .field input{background:#fff;color:#1f2937;border:1px solid #d1d5db}body:not(.dark-theme) .config-box{background:#fff;border:1px solid #d1d5db;color:#4b5563}body:not(.dark-theme) .chat-messages,body:not(.dark-theme) .diag-content{background:#fff;border-color:#e5e7eb}body:not(.dark-theme) .chat-message--user{background:#dbeafe;border-color:#93c5fd;color:#1e3a8a}body:not(.dark-theme) .chat-message--assistant{background:#f3f4f6;border-color:#e5e7eb;color:#1f2937}body:not(.dark-theme) .chat-message--system{background:#fee2e2;border-color:#ef4444;color:#991b1b}body:not(.dark-theme) textarea,body:not(.dark-theme) input{background:#fff;color:#1f2937;border:1px solid #d1d5db}body:not(.dark-theme) .btn-primary{background:#2563eb;color:#fff}body:not(.dark-theme) .btn-secondary{background:#e5e7eb;color:#1f2937;border:1px solid #d1d5db}body:not(.dark-theme) .service-card--UP{background:#dcfce7;border-color:#86efac;color:#166534}body:not(.dark-theme) .service-card--DOWN{background:#fee2e2;border-color:#fca5a5;color:#991b1b}body:not(.dark-theme) .service-card--UNKNOWN{background:#f3f4f6;border-color:#d1d5db;color:#4b5563}body.dark-theme{background:#0f172a;color:#e5e7eb}body.dark-theme .app-header{background:#020617;border-bottom:1px solid #1f2937}body.dark-theme .app-header-sub{color:#9ca3af}body.dark-theme .sidebar{background:#020617;border-right:1px solid #1f2937}body.dark-theme .sidebar-section h2{color:#e5e7eb}body.dark-theme .session-item{background:#020617;border:1px solid #111827}body.dark-theme .session-item--active{background:#1d4ed8;border-color:#2563eb}body.dark-theme .field label{color:#9ca3af}body.dark-theme input,body.dark-theme textarea{background:#020617;color:#e5e7eb;border:1px solid #374151}body.dark-theme .config-box{background:#020617;border:1px solid #111827;color:#9ca3af}body.dark-theme .chat-messages{background:#020617;border-color:#1f2937}body.dark-theme .chat-message--user{background:#111827}body.dark-theme .chat-message--assistant{background:#022c22}body.dark-theme .chat-message--system{background:#4b1d1d}body.dark-theme .diag-content{background:#020617;border-color:#1f2937}body.dark-theme .diag-error{background:#450a0a;border-color:#7f1d1d}body.dark-theme .service-card--UP{background:#022c22;border-color:#16a34a}body.dark-theme .service-card--DOWN{background:#450a0a;border-color:#b91c1c}body.dark-theme .service-card--UNKNOWN{background:#111827;border-color:#374151}body.dark-theme .btn-primary{background:#2563eb;color:#e5e7eb}body.dark-theme .btn-secondary{background:#111827;color:#e5e7eb;border:1px solid #374151}