@import"https://fonts.googleapis.com/css2?family=Libre+Baskerville:ital,wght@0,400;0,700;1,400&family=DM+Sans:wght@300;400;500;600&display=swap";*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--red: #c0392b;--red-dark: #96281b;--red-light: #e74c3c;--sidebar-bg: #1e1e1e;--sidebar-hover: #2d2d2d;--sidebar-active: #2a2a2a;--text-primary: #1a1a1a;--text-muted: #6b7280;--border: #e5e7eb;--card-bg: #f7f7f7;--card-hover: #f0f0f0;--main-bg: #ffffff}body{font-family:DM Sans,sans-serif;display:flex;height:100vh;overflow:hidden;background:var(--main-bg)}#root{display:flex;width:100%;height:100vh;overflow:hidden}.sidebar{width:260px;min-width:260px;background:var(--sidebar-bg);display:flex;flex-direction:column;height:100vh;overflow-y:auto}.sidebar-header{background:var(--red);padding:16px 18px;display:flex;align-items:center;gap:10px}.brand-text{color:#fff;font-size:11px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;line-height:1.3}.new-btn{margin:14px 14px 8px;background:var(--red);color:#fff;border:none;border-radius:6px;padding:10px 14px;font-family:DM Sans,sans-serif;font-size:13px;font-weight:500;cursor:pointer;display:flex;align-items:center;gap:8px;transition:background .15s;letter-spacing:.02em}.new-btn:hover{background:var(--red-light)}.section-label{color:#6b6b6b;font-size:10px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;padding:16px 18px 6px}.chat-item{padding:8px 18px;color:#c8c8c8;font-size:12.5px;cursor:pointer;transition:background .12s,color .12s;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.chat-item:hover{background:var(--sidebar-hover);color:#fff}.chat-item.active{background:var(--sidebar-active);color:#fff;border-left:2px solid var(--red);padding-left:16px}.sidebar-scroll{flex:1;min-height:0;overflow-y:auto}.sidebar-footer{flex-shrink:0;padding:12px 14px 16px;border-top:1px solid #333}.logout-btn{width:100%;background:transparent;color:#a0a0a0;border:1px solid #444;border-radius:6px;padding:9px 12px;font-family:DM Sans,sans-serif;font-size:12px;font-weight:500;cursor:pointer;transition:color .15s,border-color .15s,background .15s}.logout-btn:hover{color:#fff;border-color:var(--red);background:var(--sidebar-hover)}.main{flex:1;display:flex;flex-direction:column;height:100vh;overflow:hidden;position:relative}.main-content{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px 60px 20px;overflow-y:auto}.logo-icon{width:90px;height:90px;background:#fdf0ef;border-radius:20px;display:flex;align-items:center;justify-content:center;margin-bottom:28px;animation:fadeInDown .5s ease both}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-16px)}to{opacity:1;transform:translateY(0)}}.welcome-title{font-family:Libre Baskerville,serif;font-size:28px;color:var(--text-primary);margin-bottom:36px;animation:fadeInDown .5s .08s ease both;text-align:center}.cards-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;width:100%;max-width:660px;animation:fadeInDown .5s .16s ease both;margin-bottom:32px}.card{background:var(--card-bg);border-radius:10px;padding:20px 22px;cursor:pointer;transition:background .15s,box-shadow .15s,transform .15s;border-left:3px solid var(--red)}.card:hover{background:var(--card-hover);box-shadow:0 4px 16px #00000012;transform:translateY(-1px)}.card-title{font-size:14px;font-weight:600;color:var(--text-primary);margin-bottom:6px}.card-sub{font-size:12.5px;color:var(--text-muted)}.divider-text{color:var(--text-muted);font-size:12px;margin-bottom:14px;animation:fadeInDown .5s .24s ease both}.get-in-touch-btn{background:#fff;border:1.5px solid var(--red);color:var(--red);border-radius:99px;padding:9px 28px;font-family:DM Sans,sans-serif;font-size:12px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;cursor:pointer;transition:background .15s,color .15s;animation:fadeInDown .5s .28s ease both}.get-in-touch-btn:hover{background:var(--red);color:#fff}.input-bar{border-top:1px solid var(--border);padding:14px 60px 18px;display:flex;align-items:center;gap:12px;background:#fff;position:relative}.input-field{flex:1;background:#f7f7f7;border:1.5px solid var(--border);border-radius:10px;padding:11px 44px 11px 16px;font-family:DM Sans,sans-serif;font-size:13.5px;color:var(--text-primary);outline:none;transition:border-color .15s}.input-field:focus{border-color:var(--red)}.input-field::placeholder{color:#b0b0b0}.send-btn{background:none;border:none;cursor:pointer;color:#aaa;padding:6px;display:flex;align-items:center;transition:color .15s;position:absolute;right:72px}.send-btn:hover{color:var(--red)}.chat-view{display:flex;flex:1;flex-direction:column;overflow:hidden}.chat-messages{flex:1;overflow-y:auto;padding:28px 60px;display:flex;flex-direction:column;gap:18px}.msg{max-width:72%;padding:12px 16px;border-radius:12px;font-size:13.5px;line-height:1.6;animation:msgIn .2s ease}@keyframes msgIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.msg-user{align-self:flex-end;background:var(--red);color:#fff;border-bottom-right-radius:3px}.msg-ai{align-self:flex-start;background:#f4f4f4;color:var(--text-primary);border-bottom-left-radius:3px}.typing{display:flex;gap:4px;align-items:center;padding:14px 16px}.dot{width:6px;height:6px;border-radius:50%;background:#aaa;animation:bounce 1.2s infinite}.dot:nth-child(2){animation-delay:.2s}.dot:nth-child(3){animation-delay:.4s}@keyframes bounce{0%,80%,to{transform:translateY(0)}40%{transform:translateY(-5px)}}.chat-title-bar{padding:14px 60px 10px;border-bottom:1px solid var(--border);font-size:13px;color:var(--text-muted);font-weight:500;display:flex;align-items:center;gap:8px}.back-btn{background:none;border:none;cursor:pointer;color:var(--red);font-size:18px;line-height:1;padding:0 4px;font-family:DM Sans,sans-serif}