:root{--color-primary: #714B67;--color-primary-hover: #5C3D54;--color-primary-soft: #F4EEF2;--color-primary-border: #D9C9D3;--color-accent: #017E84;--color-accent-hover: #015E62;--color-bg: #F9F9F9;--color-surface: #FFFFFF;--color-surface-alt: #F4F4F4;--color-border: #E0E0E0;--color-border-soft: #ECECEC;--color-text: #212529;--color-text-muted: #6C757D;--color-text-faint: #ADB5BD;--color-success: #28A745;--color-danger: #DC3545;--color-warning-bg: #FFF8E1;--color-warning-border: #FFE08A;--radius-sm: 4px;--radius-md: 8px;--radius-lg: 12px;--radius-xl: 16px;--shadow-sm: 0 1px 2px rgba(33,37,41,.05);--shadow-md: 0 2px 6px rgba(33,37,41,.08);--shadow-lg: 0 4px 16px rgba(33,37,41,.1)}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{font-family:Lato,system-ui,-apple-system,sans-serif;font-size:14px;background:var(--color-bg);color:var(--color-text);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}button{cursor:pointer;font-family:inherit}input,textarea{font-family:inherit}.login-page{display:grid;place-items:center;height:100%;background:radial-gradient(circle at 20% 0%,rgba(113,75,103,.1),transparent 50%),radial-gradient(circle at 80% 100%,rgba(1,126,132,.08),transparent 50%),var(--color-bg)}.login-card{background:var(--color-surface);padding:36px 32px;border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);min-width:340px}.login-card h1{margin:0 0 20px;font-size:22px;font-weight:700;color:var(--color-primary);letter-spacing:-.01em}.login-card input{width:100%;padding:11px 13px;margin:6px 0;border:1px solid var(--color-border);border-radius:var(--radius-md);font-size:14px;transition:border-color .15s,box-shadow .15s}.login-card input:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px #714b6726}.login-card button{width:100%;padding:11px;margin-top:12px;background:var(--color-primary);color:#fff;border:0;border-radius:var(--radius-md);font-size:14px;font-weight:600;transition:background .15s}.login-card button:hover:not(:disabled){background:var(--color-primary-hover)}.login-card button:disabled{opacity:.5;cursor:not-allowed}.login-card .err{color:var(--color-danger);font-size:13px;margin-top:10px}.chat-page{display:grid;grid-template-columns:280px 1fr;height:100%}.sidebar{background:var(--color-surface);border-right:1px solid var(--color-border);display:flex;flex-direction:column;overflow:hidden}.sidebar header{padding:12px;border-bottom:1px solid var(--color-border-soft);display:flex;gap:8px}.sidebar header button{flex:1;padding:9px;background:var(--color-primary);color:#fff;border:0;border-radius:var(--radius-md);font-weight:600;font-size:13px;transition:background .15s}.sidebar header button:hover{background:var(--color-primary-hover)}.sidebar .convs{flex:1;overflow-y:auto;padding:6px 0}.sidebar .conv-item{padding:9px 14px;margin:1px 6px;border-radius:var(--radius-md);cursor:pointer;display:flex;justify-content:space-between;align-items:center;font-size:13px;color:var(--color-text);transition:background .12s}.sidebar .conv-item:hover{background:var(--color-surface-alt)}.sidebar .conv-item.active{background:var(--color-primary-soft);color:var(--color-primary);font-weight:600}.sidebar .conv-item span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin-right:6px}.sidebar .conv-item .del{opacity:0;font-size:15px;padding:0 4px;background:transparent;border:0;color:var(--color-text-faint);transition:opacity .15s,color .15s}.sidebar .conv-item:hover .del,.sidebar .conv-item.active .del{opacity:1}.sidebar .conv-item .del:hover{color:var(--color-danger)}.sidebar .see-all{display:block;padding:10px 14px;margin:4px 6px 6px;border-radius:var(--radius-md);font-size:12px;color:var(--color-accent);text-decoration:none;text-align:center;background:var(--color-surface-alt);font-weight:600}.sidebar .see-all:hover{background:var(--color-primary-soft);color:var(--color-primary)}.sidebar footer{padding:10px 14px;border-top:1px solid var(--color-border-soft);font-size:12px;color:var(--color-text-muted);display:flex;justify-content:space-between;align-items:center;gap:8px}.sidebar footer button,.sidebar footer a{background:transparent;border:0;color:var(--color-accent);text-decoration:none;padding:0;font-size:12px;font-weight:600}.sidebar footer button:hover,.sidebar footer a:hover{color:var(--color-accent-hover);text-decoration:underline}.main{display:flex;flex-direction:column;overflow:hidden;min-height:0}.messages{flex:1 1 auto;overflow-y:auto;padding:24px;min-height:0}.messages-inner{max-width:900px;margin:0 auto}.msg{width:fit-content;max-width:80%;margin-bottom:14px;padding:11px 15px;border-radius:var(--radius-xl);word-wrap:break-word;overflow-wrap:anywhere;line-height:1.55;box-shadow:var(--shadow-sm)}.msg.user{background:var(--color-primary);color:#fff;margin-left:auto;margin-right:0;border-bottom-right-radius:4px;white-space:pre-wrap}.msg.assistant{background:var(--color-surface);border:1px solid var(--color-border-soft);margin-left:0;margin-right:auto;border-bottom-left-radius:4px}.msg.tool{max-width:80%;margin-left:0;margin-right:auto;background:var(--color-warning-bg);border:1px solid var(--color-warning-border);font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:12px;color:#7c5c0a;white-space:pre-wrap;border-radius:var(--radius-md)}.msg.error{max-width:80%;margin-left:0;margin-right:auto;background:#fdecee;color:var(--color-danger);white-space:pre-wrap;border:1px solid #F5C2C7}.msg.thinking{display:flex;align-items:center;justify-content:center;width:64px;height:36px;padding:0;margin-left:0;margin-right:auto}.thinking-dots{display:flex;gap:6px;align-items:center}.thinking-dots span{width:7px;height:7px;border-radius:50%;background:linear-gradient(135deg,var(--color-primary),var(--color-primary-hover));animation:thinking-wave 1.4s infinite cubic-bezier(.4,0,.6,1) both}.thinking-dots span:nth-child(1){animation-delay:-.32s}.thinking-dots span:nth-child(2){animation-delay:-.16s}@keyframes thinking-wave{0%,60%,to{transform:translateY(0) scale(.85);opacity:.45}30%{transform:translateY(-5px) scale(1.05);opacity:1}}.msg.assistant>:first-child{margin-top:0}.msg.assistant>:last-child{margin-bottom:0}.msg.assistant p{margin:0 0 12px}.msg.assistant h1,.msg.assistant h2,.msg.assistant h3,.msg.assistant h4{margin:16px 0 8px;line-height:1.3;font-weight:700;color:var(--color-text)}.msg.assistant h1{font-size:20px}.msg.assistant h2{font-size:17px}.msg.assistant h3{font-size:15px}.msg.assistant h4{font-size:14px}.msg.assistant ul,.msg.assistant ol{margin:0 0 12px;padding-left:22px}.msg.assistant li{margin:2px 0}.msg.assistant li>p{margin:0}.msg.assistant strong{font-weight:700;color:var(--color-text)}.msg.assistant code{background:var(--color-surface-alt);padding:1px 6px;border-radius:var(--radius-sm);font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.88em;color:var(--color-primary)}.msg.assistant pre{background:#2c2c34;color:#f2f2f2;padding:12px 14px;border-radius:var(--radius-md);overflow-x:auto;margin:0 0 12px;font-size:12.5px;line-height:1.5}.msg.assistant pre code{background:transparent;color:inherit;padding:0}.msg.assistant blockquote{margin:0 0 12px;padding:4px 14px;border-left:3px solid var(--color-primary);color:var(--color-text-muted);background:var(--color-primary-soft);border-radius:0 var(--radius-sm) var(--radius-sm) 0}.msg.assistant table{border-collapse:collapse;margin:0 0 12px;font-size:13px;display:block;overflow-x:auto;border-radius:var(--radius-sm)}.msg.assistant th,.msg.assistant td{border:1px solid var(--color-border);padding:7px 11px;text-align:left}.msg.assistant th{background:var(--color-surface-alt);font-weight:700}.msg.assistant a{color:var(--color-accent)}.msg.assistant a:hover{color:var(--color-accent-hover)}.msg.assistant hr{border:0;border-top:1px solid var(--color-border-soft);margin:16px 0}.input-bar{flex:0 0 auto;padding:12px 16px 16px;background:var(--color-bg);border-top:1px solid var(--color-border-soft);box-shadow:0 -8px 24px #2125290a;transition:background .15s}.input-bar .attachments{max-width:800px;margin:0 auto 10px;display:flex;flex-wrap:wrap;gap:6px}.input-bar .att-chip{display:inline-flex;align-items:center;gap:6px;padding:0 4px 0 12px;background:var(--color-primary-soft);color:var(--color-primary);border:1px solid var(--color-primary-border);border-radius:999px;font-size:12px;font-weight:600;max-width:280px;overflow:hidden;height:30px}.input-bar .att-chip .att-name{flex:1 1 auto;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.input-bar .att-chip .att-size{flex:0 0 auto;font-weight:400;color:var(--color-text-muted);font-size:11px;padding-left:2px}.input-bar .att-chip .att-remove{flex:0 0 auto;width:22px;height:22px;border:0;background:#714b6726;color:var(--color-primary);border-radius:50%;font-size:16px;line-height:1;display:inline-flex;align-items:center;justify-content:center;padding:0;cursor:pointer;transition:background .12s,color .12s,transform .05s}.input-bar .att-chip .att-remove:hover{background:var(--color-danger);color:#fff}.input-bar .att-chip .att-remove:active{transform:scale(.92)}.input-bar .att-clear{align-self:center;padding:0 10px;height:28px;background:transparent;border:0;color:var(--color-text-muted);font-size:12px;font-weight:600;cursor:pointer;border-radius:var(--radius-md);transition:color .12s,background .12s}.input-bar .att-clear:hover{color:var(--color-danger);background:#fdecee}.input-bar form{max-width:800px;margin:0 auto;display:flex;align-items:flex-end;gap:4px;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:5px 5px 5px 7px;box-shadow:var(--shadow-sm);transition:border-color .15s,box-shadow .15s}.input-bar form:focus-within{border-color:var(--color-primary);box-shadow:0 0 0 3px #714b6726}.input-bar textarea{flex:1;resize:none;padding:9px 6px;border:0;background:transparent;font-size:14px;line-height:1.5;min-height:40px;max-height:200px;outline:none}.input-bar .attach-btn{flex:0 0 auto;width:36px;height:36px;margin-bottom:2px;border:0;background:transparent;color:var(--color-text-muted);border-radius:var(--radius-md);font-size:17px;line-height:1;display:inline-flex;align-items:center;justify-content:center;transition:background .12s,color .12s}.input-bar .attach-btn:hover:not(:disabled){background:var(--color-primary-soft);color:var(--color-primary)}.input-bar .attach-btn:disabled{opacity:.4;cursor:not-allowed}.input-bar.dragging{background:var(--color-primary-soft)}.input-bar.dragging form{border-color:var(--color-primary);box-shadow:0 0 0 3px #714b672e}.input-bar form{max-width:800px;margin:0 auto;display:flex;gap:8px;align-items:flex-end}.input-bar textarea{flex:1;resize:none;padding:10px 13px;border:1px solid var(--color-border);border-radius:var(--radius-md);font-size:14px;min-height:44px;max-height:160px;transition:border-color .15s,box-shadow .15s}.input-bar textarea:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px #714b671f}.input-bar form>button:not(.attach-btn){flex:0 0 auto;padding:9px 18px;margin-bottom:2px;border:0;background:var(--color-primary);color:#fff;border-radius:var(--radius-md);font-weight:600;font-size:14px;transition:background .15s,transform .05s}.input-bar form>button:not(.attach-btn):hover:not(:disabled){background:var(--color-primary-hover)}.input-bar form>button:not(.attach-btn):active:not(:disabled){transform:translateY(1px)}.input-bar form>button:not(.attach-btn):disabled{opacity:.4;cursor:not-allowed}.input-bar form>button.stop-btn{background:var(--color-danger)}.input-bar form>button.stop-btn:hover{background:#b02a37}.conversations-page{max-width:800px;margin:0 auto;padding:28px 24px}.conversations-page header{margin-bottom:18px}.conversations-page header a{color:var(--color-accent);text-decoration:none;font-size:13px;font-weight:600}.conversations-page header a:hover{color:var(--color-accent-hover)}.conversations-page header h1{font-size:24px;font-weight:700;margin:10px 0 0;letter-spacing:-.01em}.conversations-page .search{width:100%;padding:11px 14px;margin-bottom:8px;border:1px solid var(--color-border);border-radius:var(--radius-md);font-size:14px;transition:border-color .15s,box-shadow .15s}.conversations-page .search:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px #714b671f}.conversations-page .result-meta{font-size:12px;color:var(--color-text-muted);margin-bottom:14px}.conversations-page .conv-list{list-style:none;padding:0;margin:0}.conversations-page .conv-list li{display:flex;align-items:stretch;background:var(--color-surface);border:1px solid var(--color-border-soft);border-radius:var(--radius-md);margin-bottom:8px;overflow:hidden;transition:border-color .12s,box-shadow .12s}.conversations-page .conv-list li:hover{border-color:var(--color-primary-border);box-shadow:var(--shadow-sm)}.conversations-page .conv-list li.empty{text-align:center;color:var(--color-text-muted);padding:28px;border-style:dashed}.conversations-page .conv-list li.empty:hover{border-color:var(--color-border-soft);box-shadow:none}.conversations-page .conv-list .open{flex:1;text-align:left;background:transparent;border:0;padding:12px 14px;cursor:pointer}.conversations-page .conv-list .open:hover{background:var(--color-primary-soft)}.conversations-page .conv-list .title{font-size:14px;font-weight:600;color:var(--color-text)}.conversations-page .conv-list .meta{font-size:11px;color:var(--color-text-faint);margin-top:2px}.conversations-page .conv-list .del{border:0;background:transparent;padding:0 16px;font-size:18px;color:var(--color-text-faint);cursor:pointer;transition:color .12s,background .12s}.conversations-page .conv-list .del:hover{color:var(--color-danger);background:#fdecee}.conversations-page .pager{display:flex;align-items:center;justify-content:center;gap:16px;margin-top:18px;font-size:13px;color:var(--color-text-muted)}.conversations-page .pager button{padding:7px 14px;border:1px solid var(--color-border);background:var(--color-surface);border-radius:var(--radius-md);font-size:13px;font-weight:600;color:var(--color-text);transition:border-color .12s,background .12s}.conversations-page .pager button:hover:not(:disabled){border-color:var(--color-primary);background:var(--color-primary-soft);color:var(--color-primary)}.conversations-page .pager button:disabled{opacity:.4;cursor:not-allowed}.admin-page{padding:28px 24px;max-width:800px;margin:0 auto}.admin-page p a{color:var(--color-accent);text-decoration:none;font-size:13px;font-weight:600}.admin-page p a:hover{color:var(--color-accent-hover)}.admin-page h1{font-size:24px;font-weight:700;margin:10px 0 18px;letter-spacing:-.01em}.admin-page table{width:100%;border-collapse:collapse;margin-top:14px;background:var(--color-surface);border:1px solid var(--color-border-soft);border-radius:var(--radius-md);overflow:hidden}.admin-page th,.admin-page td{padding:10px 12px;text-align:left;border-bottom:1px solid var(--color-border-soft);font-size:13px}.admin-page tr:last-child td{border-bottom:0}.admin-page th{background:var(--color-surface-alt);font-weight:700;color:var(--color-text)}.admin-page td button{padding:4px 9px;font-size:12px;background:var(--color-surface);color:var(--color-text);border:1px solid var(--color-border);border-radius:var(--radius-sm);font-weight:500;transition:background .12s,border-color .12s}.admin-page td button:hover{border-color:var(--color-primary);background:var(--color-primary-soft);color:var(--color-primary)}.admin-page form{margin-top:24px;padding:18px;background:var(--color-surface);border:1px solid var(--color-border-soft);border-radius:var(--radius-md);display:flex;gap:10px;flex-wrap:wrap;align-items:center}.admin-page form input{padding:9px 11px;border:1px solid var(--color-border);border-radius:var(--radius-md);font-size:13px}.admin-page form input:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px #714b671f}.admin-page form button{padding:9px 14px;background:var(--color-primary);color:#fff;border:0;border-radius:var(--radius-md);font-weight:600;font-size:13px;transition:background .15s}.admin-page form button:hover{background:var(--color-primary-hover)}.admin-page label{display:flex;align-items:center;gap:6px;font-size:13px}.mobile-menu-btn,.mobile-topbar-title,.sidebar-backdrop{display:none}@media(max-width:768px){html,body,#root{height:100dvh}.chat-page{display:block;position:relative;height:100dvh}.sidebar{position:fixed;top:0;left:0;bottom:0;width:min(280px,85vw);transform:translate(-100%);transition:transform .22s ease;z-index:30;box-shadow:var(--shadow-lg)}.chat-page.sidebar-open .sidebar{transform:translate(0)}.sidebar-backdrop{display:block;position:fixed;top:0;right:0;bottom:0;left:0;background:#21252966;z-index:20;opacity:0;pointer-events:none;transition:opacity .22s ease}.chat-page.sidebar-open .sidebar-backdrop{opacity:1;pointer-events:auto}.mobile-menu-btn{display:flex;align-items:center;justify-content:center;position:fixed;top:10px;left:10px;z-index:15;width:40px;height:40px;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);font-size:18px;line-height:1;color:var(--color-text);box-shadow:var(--shadow-md);transition:left .22s ease}.chat-page.sidebar-open .mobile-menu-btn{z-index:35;left:calc(min(280px,85vw) - 50px)}.mobile-topbar-title{display:block;position:fixed;top:10px;left:60px;right:60px;height:40px;line-height:40px;z-index:14;text-align:center;font-size:14px;font-weight:600;color:var(--color-text);background:var(--color-bg);border-radius:var(--radius-md);padding:0 12px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.main{padding-top:60px}.messages{padding:16px 12px}.messages-inner{max-width:100%}.sidebar header{padding-right:56px}.msg,.msg.tool,.msg.error{max-width:92%}.msg.tool{font-size:11px}.input-bar{padding:8px 10px 12px}.input-bar form{padding:4px}.input-bar textarea{padding:8px 4px;min-height:38px}.input-bar .attach-btn{width:34px;height:34px;font-size:16px}.input-bar form>button:not(.attach-btn){padding:8px 14px;font-size:13px}.conversations-page{padding:16px 12px}.conversations-page header h1{font-size:18px}.admin-page{padding:16px 12px}.admin-page table{display:block;overflow-x:auto;white-space:nowrap}.admin-page form{flex-direction:column;align-items:stretch}.admin-page form input,.admin-page form button{width:100%}}