.app{flex-direction:column;min-height:100vh;display:flex}.app-header{color:#fff;background:#232f3e;justify-content:space-between;align-items:center;padding:1rem 2rem;display:flex}.app-header h1{font-size:1.25rem;font-weight:600}.logout-btn{color:#fff;cursor:pointer;background:0 0;border:1px solid #ffffff80;border-radius:4px;padding:.4rem 1rem;font-size:.875rem}.logout-btn:hover{background:#ffffff1a}.loading{color:#666;justify-content:center;align-items:center;height:100vh;font-size:1.125rem;display:flex}.login-container{flex:1;justify-content:center;align-items:center;padding:2rem;display:flex}.login-form{background:#fff;border-radius:8px;flex-direction:column;gap:.75rem;width:100%;max-width:400px;padding:2rem;display:flex;box-shadow:0 2px 8px #0000001a}.login-form h2{text-align:center;margin-bottom:.5rem}.login-form label{font-size:.875rem;font-weight:500}.login-form input{border:1px solid #ccc;border-radius:4px;padding:.6rem .75rem;font-size:1rem}.login-form button{color:#fff;cursor:pointer;background:#232f3e;border:none;border-radius:4px;margin-top:.5rem;padding:.7rem;font-size:1rem}.login-form button:disabled{opacity:.6;cursor:not-allowed}.error{color:#d32f2f;text-align:center;font-size:.875rem}.chat-layout{flex-direction:column;flex:1;width:100%;max-width:900px;margin:0 auto;display:flex}.model-bar{background:#fff;border-bottom:1px solid #e0e0e0;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;padding:.75rem 1rem;display:flex}.model-selector{align-items:center;gap:.5rem;display:flex}.model-selector label{color:#333;font-size:.875rem;font-weight:600}.model-selector select{cursor:pointer;background:#fff;border:1px solid #ccc;border-radius:4px;min-width:180px;padding:.4rem .75rem;font-size:.875rem}.model-selector select:disabled{opacity:.6;cursor:not-allowed}.model-bar-actions{flex-wrap:wrap;align-items:center;gap:.75rem;display:flex}.session-summary{align-items:center;gap:.75rem;display:flex}.summary-item{color:#555;white-space:nowrap;background:#f0f0f0;border-radius:4px;padding:.25rem .5rem;font-size:.75rem}.toggle-metrics-btn{color:#555;cursor:pointer;white-space:nowrap;background:0 0;border:1px solid #ccc;border-radius:4px;padding:.3rem .75rem;font-size:.75rem}.toggle-metrics-btn:hover{background:#f0f0f0}.chat-container{flex-direction:column;flex:1;padding:1rem;display:flex}.messages{flex-direction:column;flex:1;gap:.75rem;padding-bottom:1rem;display:flex;overflow-y:auto}.empty-state{text-align:center;color:#999;margin-top:4rem}.message{border-radius:8px;max-width:85%;padding:.75rem 1rem}.message.user{color:#fff;background:#232f3e;align-self:flex-end}.message.assistant{background:#fff;border:1px solid #e0e0e0;align-self:flex-start}.message-role{text-transform:uppercase;opacity:.7;font-size:.75rem;font-weight:600}.message-content{white-space:pre-wrap;margin-top:.25rem;line-height:1.5}.thinking{color:#999;font-style:italic}.message-metrics{border-top:1px solid #eee;flex-wrap:wrap;gap:.5rem;margin-top:.5rem;padding-top:.5rem;display:flex}.message-metrics span{color:#777;white-space:nowrap;background:#f8f8f8;border-radius:3px;padding:.15rem .4rem;font-size:.7rem}.chat-input{border-top:1px solid #e0e0e0;gap:.5rem;padding-top:1rem;display:flex}.chat-input input{border:1px solid #ccc;border-radius:4px;flex:1;padding:.7rem 1rem;font-size:1rem}.chat-input button{color:#fff;cursor:pointer;background:#232f3e;border:none;border-radius:4px;padding:.7rem 1.5rem;font-size:1rem}.chat-input button:disabled{opacity:.6;cursor:not-allowed}.doc-banner{color:#234;background:#eef6ff;border-bottom:1px solid #cfe3fb;flex-wrap:wrap;align-items:center;gap:.75rem;padding:.6rem 1rem;font-size:.8rem;display:flex}.doc-info strong{font-weight:600}.doc-hint{color:#4a6b8a;font-style:italic}.doc-clear-btn{color:#345;cursor:pointer;background:0 0;border:1px solid #b5cef0;border-radius:4px;margin-left:auto;padding:.25rem .6rem;font-size:.75rem}.doc-clear-btn:hover{background:#dceafc}.doc-clear-btn:disabled{opacity:.6;cursor:not-allowed}.doc-error{color:#b3261e;background:#fdecea;border-bottom:1px solid #f5c6c2;padding:.5rem 1rem;font-size:.8rem}.message-metrics span.cache-hit{color:#1b7f3b;background:#e7f6ec}.message-metrics span.cache-write{color:#8a5a00;background:#fdf3e2}*,:before,:after{box-sizing:border-box;margin:0;padding:0}body{color:#1a1a1a;background:#f5f5f5;min-height:100vh;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}#root{flex-direction:column;min-height:100vh;display:flex}