:root{--bubbles-system-step-1: #ffffffa3;--bubbles-system-step-2: #ffffffe0;--bubbles-system-step-3: #ffffffe0}.auth-container{display:flex;justify-content:center;align-items:center;min-height:100vh;background-image:linear-gradient(28deg,color-mix(in srgb,var(--chat-background-background-step-1) 90%,transparent),color-mix(in srgb,var(--chat-background-background-step-2) 90%,transparent)),url(../pattern_space.aFb4MW9l.svg);background-size:auto,300px 300px;background-position:center,center;background-repeat:no-repeat,repeat;padding:20px}.auth-card{background:linear-gradient(180deg,var(--bubbles-system-step-1),var(--bubbles-system-step-2));-webkit-backdrop-filter:blur(25px);backdrop-filter:blur(25px);border-radius:28px;box-shadow:0 4px 24px #00000014;padding:48px 40px;width:100%;max-width:480px}.auth-header{text-align:center;margin-bottom:36px}.auth-header h1{margin:0 0 12px;color:#000;font-size:28px;font-weight:600}.auth-header p{margin:0;color:#666;font-size:15px;line-height:1.5}.auth-form{display:flex;flex-direction:column;gap:20px}.form-group{display:flex;flex-direction:column;gap:8px}.form-group label{color:#333;font-size:14px;font-weight:500}.form-group input{padding:14px 16px;border:2px solid #e8e8e8;border-radius:10px;font-size:15px;transition:border-color .2s,box-shadow .2s;background:#fff}.form-group input:focus{outline:none;border-color:#08c;box-shadow:0 0 0 3px #0088cc1a}.form-group input:disabled{background-color:#f5f5f5;cursor:not-allowed}.error-message{background-color:#fee;color:#c33;padding:12px;border-radius:8px;font-size:14px;text-align:center}.auth-button{padding:16px;background:#007aff;color:#fff;border:none;border-radius:10px;font-size:16px;font-weight:600;cursor:pointer;transition:background .2s,transform .1s;box-shadow:0 4px 12px #0088cc4d}.auth-button:hover:not(:disabled){background:#479fff}.auth-button:active:not(:disabled){transform:scale(.98)}.auth-button:disabled{opacity:.6;cursor:not-allowed}.auth-footer{margin-top:20px;text-align:center;font-size:14px;color:#666}.auth-footer a{color:#08c;text-decoration:none;font-weight:500}.auth-footer a:hover{text-decoration:underline}:root{--chat-background-background-step-1: #5EAFCE;--chat-background-background-step-2: #A8DDF0}.chat-container{display:flex;flex-direction:column;height:100vh;background-color:#f0f2f5}.chat-content-area{display:flex;flex-direction:column;flex:1;background-image:linear-gradient(28deg,color-mix(in srgb,var(--chat-background-background-step-1) 90%,transparent),color-mix(in srgb,var(--chat-background-background-step-2) 90%,transparent)),url(../pattern_space.aFb4MW9l.svg);background-size:auto,300px 300px;background-position:center,center;background-repeat:no-repeat,repeat;overflow:hidden}.chat-header{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;background:#fff;color:#000;box-shadow:0 1px 2px #0000001a}.chat-header h2{margin:0;font-size:18px;font-weight:500;color:#000}.chat-info{display:flex;align-items:center;gap:12px;flex:1}.back-button{background:none;border:none;color:#000;cursor:pointer;padding:8px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:background .2s}.back-button:hover{background:#0000000d}.back-button svg{display:block}.chat-info h3{margin:0;font-size:16px;font-weight:500;color:#000}.status{font-size:13px;color:#888;font-weight:400}.logout-button{background:transparent;border:none;color:#000;padding:8px 12px;border-radius:6px;cursor:pointer;font-size:14px;display:flex;align-items:center;gap:6px;transition:background .2s}.logout-button:hover{background:#0000000d}.logout-button svg{display:block}.header-actions{display:flex;gap:4px;align-items:center}.icon-button{background:transparent;border:none;color:#000;width:40px;height:40px;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .2s}.icon-button:hover{background:#0000000d}.icon-button svg{display:block}.start-chat-container{display:flex;justify-content:center;align-items:center;flex:1;padding:20px;background-image:linear-gradient(28deg,color-mix(in srgb,var(--chat-background-background-step-1) 90%,transparent),color-mix(in srgb,var(--chat-background-background-step-2) 90%,transparent)),url(../pattern_space.aFb4MW9l.svg);background-size:auto,300px 300px;background-position:center,center;background-repeat:no-repeat,repeat}.start-chat-card{background:#fffffff2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:16px;padding:40px;box-shadow:0 8px 32px #0000001a;max-width:520px;width:100%}.start-chat-card h3{margin:0 0 12px;color:#000;font-size:24px;font-weight:600}.start-chat-card p{margin:0 0 28px;color:#666;font-size:15px}.phone-input-group{display:flex;gap:10px;margin-bottom:10px}.phone-input{flex:1;padding:14px 16px;border:2px solid #e8e8e8;border-radius:10px;font-size:15px;transition:border-color .2s,box-shadow .2s;background:#fff}.phone-input:focus{outline:none;border-color:#08c;box-shadow:0 0 0 3px #0088cc1a}.start-chat-button{padding:14px 28px;background:#007aff;color:#fff;border:none;border-radius:10px;font-size:15px;font-weight:600;cursor:pointer;white-space:nowrap;transition:background .2s;box-shadow:0 4px 12px #0088cc4d}.start-chat-button:hover{background:#479fff}.hint{color:#999;font-size:12px}.messages-container{flex:1;overflow-y:auto;padding:20px}.empty-chat{display:flex;flex-direction:column;justify-content:center;align-items:center;height:100%;color:#ffffffb3;font-size:14px;gap:8px}.empty-chat-date{background:#ffffffe6;padding:6px 12px;border-radius:8px;font-size:13px;color:#666;margin-bottom:8px}.empty-chat-message{background:#ffffffd9;padding:8px 16px;border-radius:8px;font-size:14px;color:#555}.message{display:flex;margin-bottom:12px;animation:messageSlide .3s ease-out}@keyframes messageSlide{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.message-own{justify-content:flex-end}.message-other{justify-content:flex-start}.message-content{padding:8px 10px 0;border-top-left-radius:12px;border-bottom-left-radius:12px;display:flex;border-top-right-radius:0;position:relative;width:max-content;max-width:100%;word-wrap: anywhere;box-shadow:0 1px 1px #0000001a}.message-own .message-content{background:#e9fdff;border-bottom-right-radius:2px}.message-other .message-content{background:#fff;border-bottom-left-radius:2px}.message-content p{margin:0 0 8px;color:#303030;font-size:14.2px;line-height:19px}.message-time{word-wrap: break-word;font-size:11px;color:#00000073;display:flex;align-items:end;margin-bottom:3px;float:right;margin-left:5px}.message-input-container{display:flex;gap:12px;padding:16px;background:transparent;align-items:center;justify-content:center}.message-input-wrapper{display:flex;gap:12px;align-items:center;width:100%;max-width:800px;padding:0 10px}.message-input{flex:1;padding:12px 18px;border:none;border-radius:24px;font-size:15px;background:#fff;outline:none;font-family:inherit;box-shadow:0 2px 6px #0000001a}.message-input::placeholder{color:#00000059}.message-input:disabled{background-color:#fafafa;cursor:not-allowed}.send-button{width:48px;height:48px;min-width:48px;border-radius:50%;background:#007aff;color:#08c;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .2s,transform .1s;box-shadow:0 2px 6px #00000026}.send-button:hover:not(:disabled){background:#479fff}.send-button:active:not(:disabled){transform:scale(.95)}.send-button:disabled{opacity:.5;cursor:not-allowed;color:#999}.send-button svg{display:block;width:22px;height:22px}.loading-spinner{width:20px;height:20px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@media (max-width: 768px){.message-content{max-width:80%}.start-chat-card{padding:30px 24px}.phone-input-group{flex-direction:column}.start-chat-button{width:100%}.auth-card{padding:32px 24px}.message-input-wrapper{width:100%;padding:0}.chat-info h3{font-size:15px}.status{font-size:12px}}@media (max-width: 480px){.message-input{padding:10px 16px;font-size:14px}.send-button{width:44px;height:44px;min-width:44px}.messages-container{padding:12px}.chat-header{padding:10px 12px}.message-input-container{padding:12px 8px}}*{box-sizing:border-box}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}#root{width:100%;height:100vh}.app{width:100%;height:100%}