:root{--bg:#faf6f0;--bg-card:#fff;--accent:#e87a4a;--accent-hover:#d06a3e;--accent-light:#e87a4a1a;--text:#2d2a24;--text-secondary:#6b6358;--border:#e5ddd0;--shadow:0 2px 8px #00000014;--sans:system-ui, "Segoe UI", "Helvetica Neue", sans-serif;font:16px/1.5 var(--sans);--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;color:var(--text);background:var(--bg);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*,:before,:after{box-sizing:border-box}body{min-height:100svh;margin:0}#root{flex-direction:column;min-height:100svh;display:flex}h1,h2,h3{color:var(--text);margin:0;font-weight:600}p{margin:0}button{cursor:pointer;border:none;font-family:inherit;font-size:1rem}button:focus-visible{outline:2px solid var(--accent);outline-offset:2px}input{font-family:inherit;font-size:1rem}input:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.login-page{flex:1;justify-content:center;align-items:center;padding:24px;display:flex}.login-card{background:var(--bg-card);box-shadow:var(--shadow);text-align:center;border-radius:20px;width:100%;max-width:400px;padding:48px 40px}.login-card h1{margin-bottom:8px;font-size:2rem}.login-card .tagline{color:var(--text-secondary);margin-bottom:32px;font-size:.95rem}.login-card form{flex-direction:column;gap:16px;display:flex}.login-card input{border:2px solid var(--border);background:var(--bg);color:var(--text);border-radius:12px;width:100%;padding:14px 18px}.login-card input::placeholder{color:var(--text-secondary)}.btn-primary{background:var(--accent);color:#fff;border-radius:12px;padding:14px 24px;font-weight:600;transition:background .2s}.btn-primary:hover{background:var(--accent-hover)}.dashboard-header{background:var(--bg-card);border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:16px 24px;display:flex}.dashboard-header h2{font-size:1.25rem}.btn-ghost{color:var(--text-secondary);border:1px solid var(--border);background:0 0;border-radius:10px;padding:8px 18px;transition:background .2s}.btn-ghost:hover{background:var(--accent-light)}.dashboard-body{color:var(--text-secondary);text-align:center;flex:1;justify-content:center;align-items:center;padding:48px 24px;display:flex}.dashboard-layout{flex-direction:column;min-height:100svh;display:flex}.dashboard-main{flex:1;display:flex;overflow:hidden}.sidebar{background:var(--bg-card);border-right:1px solid var(--border);flex-shrink:0;width:220px;padding:20px 12px}.sidebar-title{text-transform:uppercase;letter-spacing:.05em;color:var(--text-secondary);margin-bottom:12px;padding:0 8px;font-size:.8rem}.group-list{flex-direction:column;gap:4px;display:flex}.group-item{width:100%;color:var(--text);text-align:left;background:0 0;border-radius:10px;padding:10px 14px;transition:background .15s;display:block}.group-item:hover{background:var(--accent-light)}.group-item.active{background:var(--accent);color:#fff;font-weight:600}.chat-area{flex-direction:column;flex:1;min-width:0;display:flex}.chat-header{border-bottom:1px solid var(--border);background:var(--bg-card);padding:16px 24px}.chat-header h3{font-size:1.1rem}.message-list{flex-direction:column;flex:1;gap:12px;padding:20px 24px;display:flex;overflow-y:auto}.message-bubble{background:var(--bg-card);border-radius:14px;align-self:flex-start;max-width:75%;padding:12px 16px;box-shadow:0 1px 3px #0000000f}.bubble-header{align-items:baseline;gap:10px;margin-bottom:4px;display:flex}.bubble-user{color:var(--accent);font-size:.85rem;font-weight:600}.bubble-time{color:var(--text-secondary);font-size:.75rem}.bubble-text{font-size:.95rem;line-height:1.4}