:root{--bg-page: #0f0f0f;--bg-sidebar: #141414;--bg-card: #1a1a1a;--bg-hover: #1f1f1f;--bg-input: #1a1a1a;--bg-button: #e0e0e0;--text-primary: #e0e0e0;--text-secondary: #b0b0b0;--text-muted: #888;--border: #222;--border-light: #333;--accent: #e0e0e0;--accent-text: #0f0f0f;--user-bubble: #2a2a2a;--assistant-bubble: #1a1a1a;--assistant-border: #2a2a2a;--error: #ff6b6b;--scrollbar: #333;--scrollbar-hover: #444}[data-theme=light]{--bg-page: #ffffff;--bg-sidebar: #f5f5f5;--bg-card: #ffffff;--bg-hover: #eeeeee;--bg-input: #f5f5f5;--bg-button: #1a1a1a;--text-primary: #1a1a1a;--text-secondary: #555555;--text-muted: #888888;--border: #e0e0e0;--border-light: #ddd;--accent: #1a1a1a;--accent-text: #ffffff;--user-bubble: #e8e8e8;--assistant-bubble: #ffffff;--assistant-border: #e0e0e0;--error: #ff6b6b;--scrollbar: #ccc;--scrollbar-hover: #aaa}*,*:before,*:after{box-sizing:border-box}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,sans-serif;background:var(--bg-page);color:var(--text-primary);height:100vh;overflow:hidden}#root{height:100vh}.landing-page{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100vh;background:var(--bg-page);position:relative}.landing-logo{cursor:default;-webkit-user-select:none;user-select:none;transition:transform .15s ease}.landing-logo:active{transform:scale(.96)}.landing-logo-img{width:160px;height:160px;display:block}.login-panel{margin-top:32px;display:flex;flex-direction:column;align-items:center;animation:fadeIn .3s ease}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.login-form{display:flex;flex-direction:column;gap:12px;width:280px}.login-input{padding:12px 16px;border-radius:10px;border:1px solid var(--border-light);background:var(--bg-input);color:var(--text-primary);font-size:15px;outline:none;transition:border-color .2s}.login-input:focus{border-color:var(--text-muted)}.login-btn{padding:12px 16px;border-radius:10px;border:none;font-size:15px;cursor:pointer;transition:opacity .2s}.login-btn:disabled{opacity:.5;cursor:not-allowed}.login-btn-primary{background:var(--accent);color:var(--accent-text);font-weight:600}.login-btn-text{background:transparent;color:var(--text-secondary)}.login-btn-text:hover{color:var(--text-primary)}.login-error{color:var(--error);font-size:14px;margin-top:8px}.main-layout{display:flex;height:100vh;background:var(--bg-page)}.agent-sidebar{width:240px;min-width:240px;background:var(--bg-sidebar);border-right:1px solid var(--border);display:flex;flex-direction:column}.agent-sidebar-header{padding:20px;border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:center}.agent-sidebar-title{margin:0;font-size:18px;font-weight:600;color:var(--text-primary)}.agent-sidebar-nav{flex:1;padding:12px;display:flex;flex-direction:column;gap:4px}.agent-sidebar-item{padding:12px 16px;border-radius:8px;border:none;background:transparent;color:var(--text-secondary);font-size:15px;text-align:left;cursor:pointer;transition:background .15s,color .15s}.agent-sidebar-item:hover{background:var(--bg-hover);color:var(--text-primary)}.agent-sidebar-footer{padding:12px;border-top:1px solid var(--border);display:flex;flex-direction:column;gap:4px}.agent-sidebar-logout,.agent-sidebar-theme{width:100%;padding:10px 16px;border-radius:8px;border:none;background:transparent;color:var(--text-muted);font-size:14px;cursor:pointer;text-align:left;transition:color .15s}.agent-sidebar-logout:hover{color:var(--error)}.agent-sidebar-theme:hover{color:var(--text-primary)}.agent-sidebar-close{display:none}.chat-panel{flex:1;display:flex;flex-direction:column;min-width:0}.chat-header{display:flex;align-items:center;justify-content:space-between;padding:16px 24px;border-bottom:1px solid var(--border);background:var(--bg-page)}.chat-header-left{display:flex;align-items:center;gap:12px}.chat-menu-btn{display:none;padding:8px;border-radius:8px;border:1px solid var(--border-light);background:var(--bg-card);color:var(--text-primary);cursor:pointer}.chat-new-btn{padding:8px 16px;border-radius:8px;border:1px solid var(--border-light);background:var(--bg-card);color:var(--text-primary);font-size:14px;cursor:pointer;transition:background .15s}.chat-new-btn:hover{background:var(--bg-hover)}.chat-privacy-banner{padding:8px 24px;font-size:12px;color:var(--error);background:color-mix(in srgb,var(--error) 8%,transparent);border-bottom:1px solid color-mix(in srgb,var(--error) 20%,transparent);text-align:center}.chat-messages{flex:1;overflow-y:auto;padding:24px;display:flex;flex-direction:column;gap:16px}.chat-empty{color:var(--text-muted);text-align:center;margin-top:auto;margin-bottom:auto;font-size:15px}.chat-message{display:flex}.chat-message-user{justify-content:flex-end}.chat-message-assistant{justify-content:flex-start}.chat-bubble{max-width:70%;padding:12px 16px;border-radius:16px;font-size:15px;line-height:1.5;word-wrap:break-word;white-space:pre-wrap}.chat-message-user .chat-bubble{background:var(--user-bubble);color:var(--text-primary);border-bottom-right-radius:4px}.chat-message-assistant .chat-bubble{background:var(--assistant-bubble);color:var(--text-primary);border:1px solid var(--assistant-border);border-bottom-left-radius:4px}.chat-bubble-loading{color:var(--text-muted)}.chat-input-area{display:flex;gap:12px;padding:16px 24px;border-top:1px solid var(--border);background:var(--bg-page)}.chat-input{flex:1;padding:12px 16px;border-radius:12px;border:1px solid var(--border-light);background:var(--bg-input);color:var(--text-primary);font-size:15px;font-family:inherit;resize:none;outline:none;transition:border-color .2s;line-height:1.5}.chat-input:focus{border-color:var(--text-muted)}.chat-input:disabled{opacity:.5}.chat-send-btn{padding:12px 20px;border-radius:12px;border:none;background:var(--accent);color:var(--accent-text);font-size:15px;font-weight:600;cursor:pointer;transition:opacity .2s}.chat-send-btn:disabled{opacity:.4;cursor:not-allowed}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--scrollbar);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--scrollbar-hover)}@media(max-width:768px){.agent-sidebar{position:fixed;top:0;left:0;height:100vh;z-index:100;transform:translate(-100%);transition:transform .25s ease;box-shadow:2px 0 12px #0000004d}.agent-sidebar.open{transform:translate(0)}.agent-sidebar-close{display:block;align-self:flex-end;margin:8px 12px 0 0;padding:6px 10px;border-radius:6px;border:none;background:transparent;color:var(--text-muted);font-size:20px;line-height:1;cursor:pointer}.sidebar-backdrop{display:none;position:fixed;inset:0;background:#00000080;z-index:99}.sidebar-backdrop.open,.chat-menu-btn{display:block}.chat-header{padding:12px 16px}.chat-messages{padding:16px}.chat-input-area{padding:12px 16px}.chat-bubble{max-width:85%}.landing-logo-img{width:120px;height:120px}.login-form{width:260px}}
