:root{color-scheme:light;font-family:Manrope,Plus Jakarta Sans,Avenir Next,Segoe UI,sans-serif;--bg-page: #f5f8fc;--bg-main: #fbfcff;--sidebar-bg: #0e172a;--sidebar-bg-soft: #121e34;--sidebar-border: rgba(148, 163, 184, .2);--sidebar-text: #e2e8f0;--sidebar-muted: #9fb0c7;--surface: #ffffff;--surface-soft: #f6f9ff;--border: #dbe4f2;--text-main: #0f172a;--text-muted: #5f6f87;--brand: #2563eb;--brand-strong: #1d4ed8;--brand-soft: #e7efff;--danger: #b42318;--success: #13795b;--shadow-soft: 0 12px 30px rgba(15, 23, 42, .08);--shadow-subtle: 0 3px 10px rgba(15, 23, 42, .08)}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;min-height:100%;overflow:hidden;background:radial-gradient(circle at 12% 8%,rgba(59,130,246,.14),transparent 34%),radial-gradient(circle at 86% 2%,rgba(6,182,212,.1),transparent 30%),linear-gradient(180deg,#f7f9fe 0%,var(--bg-page) 100%);color:var(--text-main)}#root{min-height:100%;overflow:hidden}.auth-screen{min-height:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:10px;padding:20px}.app-shell{min-height:0;height:100%;display:grid;grid-template-columns:320px minmax(0,1fr);gap:0;overflow:hidden;transition:grid-template-columns .2s ease}.app-shell.sidebar-collapsed{grid-template-columns:84px minmax(0,1fr)}.panel{min-height:0;display:flex;flex-direction:column;overflow:hidden}.workspace-nav{background:linear-gradient(180deg,var(--sidebar-bg) 0%,var(--sidebar-bg-soft) 100%);border-right:1px solid var(--sidebar-border);display:grid;grid-template-rows:auto auto auto auto 1fr auto}.panel-header{padding:14px 16px;display:flex;align-items:center;justify-content:space-between;gap:10px}.panel-header h1,.panel-header h2,.panel-header h3,.panel-header p{margin:0}.sidebar-header{border-bottom:1px solid rgba(148,163,184,.17);justify-content:flex-start;gap:12px}.sidebar-brand{display:flex;align-items:center;gap:10px;min-width:0}.brand-mark{width:34px;height:34px;border-radius:10px;display:inline-flex;align-items:center;justify-content:center;font-size:13px;font-weight:800;color:#fff;background:linear-gradient(145deg,#3b82f6,#1e40af);box-shadow:inset 0 1px #ffffff47;flex-shrink:0}.sidebar-brand-text{min-width:0}.sidebar-brand-text h1{font-size:16px;line-height:1.15;font-weight:800;letter-spacing:.01em;color:#f8fbff}.sidebar-brand-text .muted{font-size:11px;color:var(--sidebar-muted)}.icon-btn{border:1px solid rgba(148,163,184,.3);border-radius:10px;background:#94a3b81f;color:#f1f5f9;height:34px;min-width:34px;padding:0;cursor:pointer;display:inline-flex;align-items:center;justify-content:center}.icon-btn:hover{background:#94a3b833}.menu-toggle-btn{flex-shrink:0}.icon-svg{width:17px;height:17px}.session-bar{display:flex;flex-direction:column;gap:2px;padding:10px 14px;border-bottom:1px solid rgba(148,163,184,.17)}.session-bar strong{color:var(--sidebar-text);font-size:12px;font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sidebar-actions{padding:10px 10px 6px}.sidebar-new-btn{width:100%;border:1px solid rgba(59,130,246,.62);border-radius:10px;display:inline-flex;align-items:center;justify-content:center;gap:8px}.sidebar-new-icon{width:16px;height:16px}.sidebar-section-title{font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:var(--sidebar-muted);font-weight:700;padding:6px 14px 2px}.thread-list{padding:8px 10px;min-height:0;overflow:auto;display:flex;flex-direction:column;gap:8px}.thread-item{text-align:left;border:1px solid rgba(148,163,184,.24);border-radius:12px;background:#94a3b814;padding:10px;cursor:pointer;display:flex;align-items:flex-start;gap:10px;transition:border-color .2s ease,background .2s ease}.thread-item:hover{border-color:#94c5ffcc;background:#3b82f633}.thread-item.active{border-color:#93c5fdf2;background:#2563eb52}.thread-compact-dot{width:30px;height:30px;border-radius:50%;border:1px solid rgba(191,219,254,.45);display:inline-flex;align-items:center;justify-content:center;font-size:11px;font-weight:800;color:#dbeafe;background:#3b82f652;flex-shrink:0}.thread-main{min-width:0;flex:1}.thread-title{font-size:13px;line-height:1.2;font-weight:700;color:#f1f5f9;margin-bottom:4px}.thread-preview{font-size:12px;color:#c9d7ea;line-height:1.35;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.thread-meta-row{margin-top:7px;display:flex;justify-content:space-between;align-items:center;gap:6px}.thread-count,.thread-time{font-size:11px;color:var(--sidebar-muted)}.sidebar-footer{padding:10px;border-top:1px solid rgba(148,163,184,.17)}.account-menu{position:relative}.account-trigger{width:100%;border:1px solid rgba(148,163,184,.35);border-radius:12px;background:#94a3b81f;padding:8px;display:flex;align-items:center;gap:10px;cursor:pointer;text-align:left;color:var(--sidebar-text)}.account-trigger:hover{background:#94a3b833}.account-avatar{width:32px;height:32px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;font-size:13px;font-weight:800;color:#dbeafe;background:linear-gradient(145deg,#2563eb,#1d4ed8);border:1px solid rgba(191,219,254,.5);flex-shrink:0;text-transform:uppercase}.account-details{min-width:0;display:flex;flex-direction:column;gap:1px;flex:1}.account-name{font-size:12px;font-weight:600;color:#f1f5f9;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.account-caret{font-size:12px;color:#d1dded}.account-menu-popover{position:absolute;left:0;right:0;bottom:calc(100% + 8px);background:#fff;border:1px solid var(--border);border-radius:12px;box-shadow:var(--shadow-soft);padding:6px;z-index:20}.account-menu-item{width:100%;border:0;border-radius:8px;padding:8px 10px;background:transparent;color:#1f2937;font-size:13px;font-weight:700;text-align:left;cursor:pointer;display:inline-flex;align-items:center;gap:8px}.account-menu-item:hover{background:#f2f6ff}.menu-item-icon{color:#334155}.account-menu-item.danger,.account-menu-item.danger .menu-item-icon{color:var(--danger)}.work-panel{min-height:0;display:grid;grid-template-rows:auto 1fr auto;background:linear-gradient(180deg,var(--bg-main) 0%,#ffffff 100%)}.work-panel-header{align-items:flex-start;border-bottom:1px solid var(--border);background:#ffffffdb;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.work-panel-header h2{font-size:18px}.work-body{padding:18px 22px;min-height:0;overflow:auto;display:flex;flex-direction:column;gap:12px}.welcome-panel{background:var(--surface);border:1px solid var(--border);border-radius:16px;padding:16px;box-shadow:var(--shadow-subtle)}.prompt-grid{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}.prompt-chip{border:1px solid #c9daf8;border-radius:999px;background:var(--surface-soft);color:#1e3a8a;cursor:pointer;padding:8px 12px;font-size:12px;font-weight:700}.prompt-chip:hover{background:#e8f0ff}.message-row{display:flex}.message-row.user{justify-content:flex-end}.message-row.assistant{justify-content:flex-start}.message-bubble{max-width:min(86%,860px);border-radius:14px;padding:12px 14px;border:1px solid #dbe5f4;background:#fff;white-space:pre-wrap;box-shadow:var(--shadow-subtle)}.message-row.user .message-bubble{background:linear-gradient(180deg,#edf4ff,#dceaff);border-color:#97b8f4}.message-role{font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.03em;margin-bottom:4px;color:#475569}.message-text{font-size:14px;line-height:1.55}.message-time{margin-top:8px;font-size:11px;color:#64748b}.message-status{margin-top:8px;font-size:11px;font-weight:700;color:var(--success)}.composer{border-top:1px solid var(--border);background:#fffffff2;padding:12px 16px;display:flex;flex-direction:column;gap:10px}.composer textarea{width:100%;border:1px solid #ccdaef;border-radius:12px;padding:12px;font-size:14px;resize:vertical;min-height:92px;background:#fcfdff;color:var(--text-main)}.composer textarea:focus{outline:2px solid rgba(37,99,235,.18);border-color:#8bb0ef}.composer-actions{display:flex;justify-content:space-between;align-items:center}.primary-btn{border:0;border-radius:10px;padding:9px 14px;cursor:pointer;background:linear-gradient(135deg,var(--brand) 0%,var(--brand-strong) 100%);color:#fff;font-weight:700}.primary-btn:hover{filter:brightness(1.03)}.primary-btn:disabled{opacity:.65;cursor:not-allowed}.error-box{border:1px solid #f0b1b1;background:#fff4f4;color:#8c2f2f;border-radius:8px;padding:8px 10px;font-size:13px}.muted{color:var(--text-muted);font-size:12px}.workspace-nav .muted{color:var(--sidebar-muted)}.workspace-nav.collapsed .sidebar-brand-text,.workspace-nav.collapsed .session-bar,.workspace-nav.collapsed .sidebar-new-label,.workspace-nav.collapsed .sidebar-section-title,.workspace-nav.collapsed .thread-main,.workspace-nav.collapsed .account-details,.workspace-nav.collapsed .account-caret,.workspace-nav.collapsed .thread-list .muted{display:none}.workspace-nav.collapsed .sidebar-header{justify-content:center}.workspace-nav.collapsed .menu-toggle-btn{order:0}.workspace-nav.collapsed .sidebar-brand{display:none}.workspace-nav.collapsed .sidebar-actions{padding-top:8px}.workspace-nav.collapsed .sidebar-new-btn{padding-left:0;padding-right:0}.workspace-nav.collapsed .thread-item{justify-content:center;padding:9px}.workspace-nav.collapsed .thread-compact-dot{margin:0}.workspace-nav.collapsed .account-trigger{justify-content:center}.workspace-nav.collapsed .account-menu-popover{left:calc(100% + 8px);right:auto;bottom:0;width:170px}@media (max-width: 1080px){body{overflow:auto}#root{overflow:visible}.app-shell,.app-shell.sidebar-collapsed{min-height:100vh;height:auto;overflow:visible;grid-template-columns:1fr;grid-template-rows:auto 1fr}.workspace-nav,.workspace-nav.collapsed{grid-template-rows:auto auto auto auto 300px auto}.workspace-nav.collapsed .sidebar-brand{display:flex}.workspace-nav.collapsed .sidebar-brand-text,.workspace-nav.collapsed .session-bar,.workspace-nav.collapsed .sidebar-new-label,.workspace-nav.collapsed .sidebar-section-title,.workspace-nav.collapsed .thread-main,.workspace-nav.collapsed .account-details,.workspace-nav.collapsed .account-caret,.workspace-nav.collapsed .thread-list .muted{display:block}.workspace-nav.collapsed .session-bar{display:flex}.workspace-nav.collapsed .sidebar-header,.workspace-nav.collapsed .thread-item{justify-content:flex-start}.workspace-nav.collapsed .account-menu-popover{left:0;right:0;bottom:calc(100% + 8px);width:auto}.panel{min-height:300px}.work-panel{min-height:560px}}