.fullscreen{position:fixed;top:0;left:0;width:100%;height:100%;overflow:auto}.auth-container{display:flex;justify-content:center;align-items:center;height:100vh;background:linear-gradient(to bottom right,var(--bg-dark),#16213e,#0f3460)}.auth-box{background:var(--bg-medium);padding:40px;border-radius:20px;box-shadow:0 15px 35px var(--shadow-color);text-align:center;color:var(--text-light);border:1px solid var(--border-color)}.auth-box h2{margin-bottom:10px;font-size:2.5em;font-weight:300}.auth-box p{margin-bottom:30px;font-size:1.2em;font-weight:300;color:var(--text-dark)}.pin-input{width:100%;padding:15px;margin-bottom:20px;border:1px solid var(--border-color);border-radius:10px;text-align:center;font-size:1.5em;background:var(--bg-light);color:var(--text-light);outline:none;transition:border-color .3s ease,box-shadow .3s ease}.pin-input::placeholder{color:var(--text-dark)}.pin-input:focus{border-color:var(--accent-color);box-shadow:0 0 0 3px #8e44ad4d}.auth-button{width:100%;padding:15px;border:none;border-radius:10px;background:var(--accent-color);color:#fff;font-size:1.5em;cursor:pointer;transition:background-color .3s ease,transform .2s ease}.auth-button:hover{background-color:var(--accent-color-hover);transform:translateY(-2px)}.error-message{color:var(--error-color);margin-top:15px}:root{--bg-dark: #1a1a2e;--bg-medium: #202a3e;--bg-light: #2c3e50;--text-light: #e0e0e0;--text-dark: #bbbbbb;--accent-color: #8e44ad;--accent-color-hover: #9b59b6;--border-color: #34495e;--shadow-color: rgba(0, 0, 0, .3);--error-color: #e74c3c}html{box-sizing:border-box}*,*:before,*:after{box-sizing:inherit}body{background:linear-gradient(to bottom right,var(--bg-dark),#16213e,#0f3460);color:var(--text-light);font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;margin:0;height:100vh;width:100%;overflow:hidden}.chat-layout{position:fixed;display:flex;flex-direction:column;height:100svh;max-height:100svh;width:100%;max-width:1000px;margin:0 auto;padding:1rem}.chat-header-section{display:flex;justify-content:space-between;align-items:center;padding-bottom:1rem;border-bottom:1px solid var(--border-color);flex-shrink:0}.chat-messages-area{flex-grow:1;overflow-y:auto;padding:1rem .5rem 1rem 0;display:flex;flex-direction:column;gap:1rem}.chat-input-section{display:flex;align-items:flex-start;gap:.75rem;padding-top:1rem;border-top:1px solid var(--border-color);flex-shrink:0}.chat-messages-area::-webkit-scrollbar,.chat-input-field::-webkit-scrollbar{width:8px}.chat-messages-area::-webkit-scrollbar-track,.chat-input-field::-webkit-scrollbar-track{background:var(--bg-medium);border-radius:10px}.chat-messages-area::-webkit-scrollbar-thumb,.chat-input-field::-webkit-scrollbar-thumb{background-color:var(--accent-color);border-radius:10px;border:2px solid var(--bg-medium)}.chat-header-title{display:flex;align-items:center;gap:10px}.chat-title{font-size:1.8em;font-weight:700}.avatar{width:45px;height:45px;border-radius:50%;object-fit:cover;border:2px solid var(--accent-color)}.new-chat-button{background-color:var(--accent-color);color:#fff;border:none;border-radius:25px;padding:10px 20px;font-size:1em;cursor:pointer;transition:background-color .3s ease,transform .2s ease}.new-chat-button:hover{background-color:var(--accent-color-hover);transform:translateY(-2px)}.chat-message{display:flex;align-items:flex-start;max-width:85%;gap:10px}.chat-message.user{align-self:flex-end}.chat-message.bot{align-self:flex-start}.message-content{padding:12px 18px;border-radius:18px;box-shadow:0 2px 5px var(--shadow-color);font-size:1em;line-height:1.5;white-space:pre-wrap;word-wrap:break-word}.chat-message.user .message-content{background-color:#3a4a60;border-bottom-right-radius:5px}.chat-message.bot .message-content{background-color:#2a3a50;border-bottom-left-radius:5px}.typing{font-style:italic;color:var(--text-dark)}.chat-error{background-color:var(--error-color);color:#fff;padding:10px 15px;border-radius:8px;margin-top:10px;align-self:center;max-width:90%;text-align:center;font-weight:500;white-space:pre-wrap}.chat-input-field{flex-grow:1;background-color:var(--bg-light);color:var(--text-light);border:1px solid var(--border-color);border-radius:25px;padding:12px 20px;font-size:1em;resize:none;outline:none;transition:border-color .3s ease,box-shadow .3s ease;min-height:48px;max-height:150px;overflow-y:auto}.chat-input-field:focus{border-color:var(--accent-color);box-shadow:0 0 0 3px #8e44ad4d}.chat-send-button{background-color:var(--accent-color);color:#fff;border:none;border-radius:25px;padding:12px 25px;font-size:1em;cursor:pointer;transition:background-color .3s ease,transform .2s ease;flex-shrink:0;align-self:center}.chat-send-button:hover{background-color:var(--accent-color-hover);transform:translateY(-2px)}