:root{--color-ocean-deep: #0d4f6e;--color-ocean-mid: #1a7a9c;--color-ocean-light: #4fb3ce;--color-ocean-pale: #b8e4f0;--color-seafoam: #7ccfb5;--color-teal: #2a9d8f;--color-teal-dark: #1f7a6f;--color-sand: #f7f9fa;--color-pearl: #ffffff;--color-slate: #495057;--color-slate-light: #6c757d;--color-slate-dark: #343a40;--shadow-sm: 0 1px 3px rgba(13, 79, 110, .1);--shadow-md: 0 4px 12px rgba(13, 79, 110, .15);--shadow-lg: 0 8px 24px rgba(13, 79, 110, .2);--border-color: rgba(13, 79, 110, .12);--font-display: "Playfair Display", Georgia, serif;--font-body: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--spacing-xs: .25rem;--spacing-sm: .5rem;--spacing-md: 1rem;--spacing-lg: 1.5rem;--spacing-xl: 2rem;--sidebar-width: 280px;--header-height: 60px}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body,#root{height:100%}body{font-family:var(--font-body);font-size:16px;line-height:1.6;color:var(--color-slate-dark);background:var(--color-sand);-webkit-font-smoothing:antialiased}.app{display:flex;height:100%;overflow:hidden}.sidebar{display:flex;flex-direction:column;width:var(--sidebar-width);background:var(--color-pearl);border-right:1px solid var(--border-color);transition:width .2s ease}.sidebar.closed{width:60px}.sidebar-header{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-md) var(--spacing-lg);border-bottom:1px solid var(--border-color);min-height:var(--header-height)}.logo{font-family:var(--font-display);font-size:1.5rem;font-weight:600;color:var(--color-ocean-deep);letter-spacing:-.02em}.sidebar.closed .logo{display:none}.sidebar-toggle{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border:none;background:transparent;color:var(--color-slate);font-size:1.25rem;cursor:pointer;border-radius:6px;transition:background .15s}.sidebar-toggle:hover{background:var(--color-sand)}.conversation-list{display:flex;flex-direction:column;flex:1;padding:var(--spacing-md);overflow-y:auto}.new-conversation-btn{display:flex;align-items:center;justify-content:center;padding:var(--spacing-sm) var(--spacing-md);margin-bottom:var(--spacing-md);background:linear-gradient(135deg,var(--color-teal),var(--color-ocean-mid));color:var(--color-pearl);border:none;border-radius:8px;font-size:.95rem;font-weight:500;cursor:pointer;transition:transform .15s,box-shadow .15s}.new-conversation-btn:hover:not(:disabled){transform:translateY(-1px);box-shadow:var(--shadow-md)}.new-conversation-btn:disabled{opacity:.6;cursor:not-allowed}.conversations{list-style:none;display:flex;flex-direction:column;gap:var(--spacing-xs)}.conversation-item{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-sm) var(--spacing-md);border-radius:8px;cursor:pointer;transition:background .15s}.conversation-item:hover{background:var(--color-sand)}.conversation-item.active{background:var(--color-ocean-pale)}.conversation-info{display:flex;flex-direction:column;min-width:0;flex:1}.conversation-title{font-size:.95rem;font-weight:500;color:var(--color-slate-dark);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.conversation-date{font-size:.8rem;color:var(--color-slate-light)}.delete-btn{display:flex;align-items:center;justify-content:center;width:24px;height:24px;border:none;background:transparent;color:var(--color-slate-light);font-size:1.25rem;cursor:pointer;border-radius:4px;opacity:0;transition:opacity .15s,color .15s}.conversation-item:hover .delete-btn{opacity:1}.delete-btn:hover{color:#dc3545}.empty-state,.loading{padding:var(--spacing-lg);text-align:center;color:var(--color-slate-light);font-size:.9rem}.main-content{flex:1;display:flex;flex-direction:column;min-width:0;background:var(--color-sand)}.welcome{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;padding:var(--spacing-xl);text-align:center}.welcome h2{font-family:var(--font-display);font-size:2.5rem;font-weight:600;color:var(--color-ocean-deep);margin-bottom:var(--spacing-sm)}.welcome p{font-size:1.1rem;color:var(--color-slate)}.welcome-hint{margin-top:var(--spacing-lg);color:var(--color-slate-light);font-size:.95rem}.chat-view{display:flex;flex-direction:column;height:100%}.messages-container{flex:1;overflow-y:auto;padding:var(--spacing-lg);display:flex;flex-direction:column;gap:var(--spacing-md)}.chat-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;text-align:center;color:var(--color-slate-light)}.chat-empty h3{font-family:var(--font-display);font-size:1.5rem;color:var(--color-ocean-mid);margin-bottom:var(--spacing-sm)}.message{display:flex;gap:var(--spacing-md);max-width:80%}.message.user{align-self:flex-end;flex-direction:row-reverse}.message.assistant{align-self:flex-start}.message-avatar{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:50%;font-size:.8rem;font-weight:600;flex-shrink:0}.message.user .message-avatar{background:var(--color-teal);color:var(--color-pearl)}.message.assistant .message-avatar{background:var(--color-ocean-mid);color:var(--color-pearl)}.message-content{display:flex;flex-direction:column}.message-text{padding:var(--spacing-md);border-radius:16px;line-height:1.5;white-space:pre-wrap;word-wrap:break-word}.message.user .message-text{background:linear-gradient(135deg,var(--color-teal),var(--color-teal-dark));color:var(--color-pearl);border-bottom-right-radius:4px}.message.assistant .message-text{background:var(--color-pearl);color:var(--color-slate-dark);border-bottom-left-radius:4px;box-shadow:var(--shadow-sm)}.cursor{animation:blink 1s infinite;color:var(--color-ocean-mid)}@keyframes blink{0%,50%{opacity:1}51%,to{opacity:0}}.message-text.markdown{white-space:normal}.message-text.markdown>*:first-child{margin-top:0}.message-text.markdown>*:last-child{margin-bottom:0}.message-text.markdown p{margin:.75em 0}.message-text.markdown h1,.message-text.markdown h2,.message-text.markdown h3,.message-text.markdown h4{font-family:var(--font-display);color:var(--color-ocean-deep);margin:1em 0 .5em;line-height:1.3}.message-text.markdown h1{font-size:1.4em}.message-text.markdown h2{font-size:1.25em}.message-text.markdown h3{font-size:1.1em}.message-text.markdown h4{font-size:1em}.message-text.markdown ul,.message-text.markdown ol{margin:.75em 0;padding-left:1.5em}.message-text.markdown li{margin:.35em 0}.message-text.markdown li>ul,.message-text.markdown li>ol{margin:.25em 0}.message-text.markdown strong{font-weight:600;color:var(--color-ocean-deep)}.message-text.markdown em{font-style:italic}.message-text.markdown code{font-family:SF Mono,Consolas,Liberation Mono,Menlo,monospace;font-size:.9em;background:var(--color-sand);padding:.15em .4em;border-radius:4px;color:var(--color-teal-dark)}.message-text.markdown pre{margin:.75em 0;padding:1em;background:var(--color-slate-dark);border-radius:8px;overflow-x:auto}.message-text.markdown pre code{background:none;padding:0;color:var(--color-sand);font-size:.85em}.message-text.markdown blockquote{margin:.75em 0;padding:.5em 1em;border-left:3px solid var(--color-teal);background:var(--color-sand);border-radius:0 6px 6px 0;font-style:italic;color:var(--color-slate)}.message-text.markdown hr{margin:1em 0;border:none;border-top:1px solid var(--border-color)}.message-text.markdown a{color:var(--color-ocean-mid);text-decoration:underline;text-underline-offset:2px}.message-text.markdown a:hover{color:var(--color-teal)}.message-text.markdown table{width:100%;margin:.75em 0;border-collapse:collapse;font-size:.9em}.message-text.markdown th,.message-text.markdown td{padding:.5em .75em;border:1px solid var(--border-color);text-align:left}.message-text.markdown th{background:var(--color-sand);font-weight:600;color:var(--color-ocean-deep)}.message-text.markdown tr:nth-child(2n){background:#f7f9fa80}.chat-input-form{display:flex;gap:var(--spacing-md);padding:var(--spacing-lg);background:var(--color-pearl);border-top:1px solid var(--border-color)}.chat-input{flex:1;padding:var(--spacing-md);border:1px solid var(--border-color);border-radius:12px;font-family:var(--font-body);font-size:1rem;resize:none;outline:none;transition:border-color .15s,box-shadow .15s}.chat-input:focus{border-color:var(--color-ocean-mid);box-shadow:0 0 0 3px #1a7a9c1a}.chat-input:disabled{background:var(--color-sand);cursor:not-allowed}.send-btn{padding:var(--spacing-sm) var(--spacing-lg);background:linear-gradient(135deg,var(--color-ocean-mid),var(--color-ocean-deep));color:var(--color-pearl);border:none;border-radius:12px;font-size:1rem;font-weight:500;cursor:pointer;transition:transform .15s,box-shadow .15s,opacity .15s}.send-btn:hover:not(:disabled){transform:translateY(-1px);box-shadow:var(--shadow-md)}.send-btn:disabled{opacity:.6;cursor:not-allowed;transform:none}@media(max-width:768px){.sidebar{position:absolute;z-index:10;height:100%;box-shadow:var(--shadow-lg)}.sidebar.closed{width:0;padding:0;border:none}.message{max-width:90%}}.loading-screen{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;gap:var(--spacing-md)}.loading-screen .logo{font-family:var(--font-display);font-size:2.5rem;color:var(--color-ocean-deep)}.loading-screen p{color:var(--color-slate-light)}.login-container{display:flex;align-items:center;justify-content:center;min-height:100%;padding:var(--spacing-xl);background:linear-gradient(135deg,var(--color-ocean-pale) 0%,var(--color-sand) 100%)}.login-card{width:100%;max-width:400px;padding:var(--spacing-xl);background:var(--color-pearl);border-radius:16px;box-shadow:var(--shadow-lg);text-align:center}.login-logo{font-family:var(--font-display);font-size:2.5rem;font-weight:600;color:var(--color-ocean-deep);margin-bottom:var(--spacing-xs)}.login-tagline{color:var(--color-slate-light);margin-bottom:var(--spacing-xl)}.login-form{display:flex;flex-direction:column;gap:var(--spacing-md)}.login-label{text-align:left;font-size:.95rem;color:var(--color-slate);margin-bottom:calc(-1 * var(--spacing-sm))}.login-input{padding:var(--spacing-md);border:1px solid var(--border-color);border-radius:10px;font-size:1.1rem;font-family:var(--font-body);text-align:center;outline:none;transition:border-color .15s,box-shadow .15s}.login-input:focus{border-color:var(--color-ocean-mid);box-shadow:0 0 0 3px #1a7a9c1a}.login-input.code-input{font-size:1.5rem;letter-spacing:.3em;font-weight:500}.login-btn{padding:var(--spacing-md);background:linear-gradient(135deg,var(--color-teal),var(--color-ocean-mid));color:var(--color-pearl);border:none;border-radius:10px;font-size:1rem;font-weight:500;cursor:pointer;transition:transform .15s,box-shadow .15s}.login-btn:hover:not(:disabled){transform:translateY(-1px);box-shadow:var(--shadow-md)}.login-btn:disabled{opacity:.6;cursor:not-allowed}.login-back{background:none;border:none;color:var(--color-slate-light);font-size:.9rem;cursor:pointer;text-decoration:underline;text-underline-offset:2px}.login-back:hover{color:var(--color-ocean-mid)}.login-error{color:#dc3545;font-size:.9rem;margin:calc(-1 * var(--spacing-xs)) 0}.sidebar-footer{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-md) var(--spacing-lg);border-top:1px solid var(--border-color);margin-top:auto}.user-phone{font-size:.85rem;color:var(--color-slate-light)}.logout-btn{background:none;border:none;color:var(--color-slate-light);font-size:.85rem;cursor:pointer;text-decoration:underline;text-underline-offset:2px}.logout-btn:hover{color:#dc3545}