code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.auth-container{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;justify-content:center;min-height:100vh;padding:20px}.auth-card{background:#fff;border-radius:20px;box-shadow:0 20px 60px #0000001a;max-width:400px;padding:32px;width:100%}.auth-header{margin-bottom:32px;text-align:center}.auth-header h1{color:#333;font-size:2.5em;font-weight:700;margin:0 0 8px}.auth-header p{color:#666;font-size:.9em;margin:0}.auth-tabs{background:#f5f5f5;border-radius:12px;display:flex;margin-bottom:24px;padding:6px}.auth-tabs button{background:#0000;border:none;border-radius:8px;cursor:pointer;flex:1 1;font-weight:500;min-height:44px;padding:12px;transition:all .2s}.auth-tabs button.active{background:#fff;box-shadow:0 2px 8px #0000001a;color:#667eea}.auth-form{display:flex;flex-direction:column;gap:16px}.auth-form input{border:2px solid #e1e5e9;border-radius:12px;font-size:16px;min-height:52px;padding:16px;transition:border-color .2s}.auth-form input:focus{border-color:#667eea;outline:none}.primary-button{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:12px;color:#fff;cursor:pointer;font-size:16px;font-weight:600;min-height:52px;padding:16px;transition:transform .2s,box-shadow .2s}.primary-button:hover:not(:disabled){box-shadow:0 8px 25px #667eea4d;transform:translateY(-2px)}.primary-button:disabled{cursor:not-allowed;opacity:.6}.error-message{border-radius:10px;padding:14px}.input-group{margin-bottom:16px}.input-group label{color:#333;display:block;font-size:.9em;font-weight:600;margin-bottom:8px}@media (max-width:768px){.auth-container{align-items:flex-start;padding:60px 15px 15px}.auth-card{border-radius:16px;max-width:100%;padding:28px 24px}.auth-header{margin-bottom:28px}.auth-header h1{font-size:2.2em}.auth-tabs{margin-bottom:20px;padding:4px}.auth-tabs button{font-size:15px;padding:14px 12px}.auth-form{gap:18px}.input-group{margin-bottom:18px}.input-group label{font-size:14px;margin-bottom:8px}}@media (max-width:480px){.auth-container{padding:40px 10px 10px}.auth-card{border-radius:12px;padding:24px 20px}.auth-header{margin-bottom:24px}.auth-header h1{font-size:2em;margin-bottom:6px}.auth-header p{font-size:14px}.auth-tabs{border-radius:10px;margin-bottom:20px}.auth-tabs button{border-radius:6px;font-size:14px;padding:12px 8px}.auth-form{gap:16px}.auth-form input{padding:14px 16px}.auth-form input,.primary-button{border-radius:10px;min-height:48px}.primary-button{padding:14px}.error-message{border-radius:8px;font-size:14px;padding:12px}.input-group{margin-bottom:16px}}.header{background:#fff;border-bottom:1px solid #e1e5e9;box-shadow:0 2px 10px #0000000d;position:-webkit-sticky;position:sticky;top:0;z-index:100}.header-content{align-items:center;display:flex;height:64px;justify-content:space-between;margin:0 auto;max-width:1200px;padding:0 20px}.logo h1{color:#667eea;font-size:1.8em;font-weight:700;margin:0}.user-info{align-items:center;display:flex;gap:16px}.welcome{color:#333;font-weight:500}.logout-button{background:#0000;border:1px solid #ddd;border-radius:8px;color:#666;cursor:pointer;min-height:40px;padding:10px 16px;transition:all .2s}.logout-button:hover{background:#f5f5f5;color:#333}@media (max-width:768px){.header-content{height:56px;padding:0 15px}.logo h1{font-size:1.5em}.user-info{gap:12px}.welcome{font-size:14px;max-width:120px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.logout-button{border-radius:6px;font-size:14px;min-height:36px;padding:8px 12px}}@media (max-width:480px){.header-content{height:52px;padding:0 10px}.logo h1{font-size:1.3em}.user-info{gap:8px}.welcome{font-size:13px;max-width:100px}.logout-button{font-size:13px;min-height:32px;padding:6px 10px}}.number-manager{display:flex;justify-content:center;padding:0 10px}.number-card{background:#fff;border-radius:20px;box-shadow:0 8px 32px #0000001a;max-width:500px;padding:32px;width:100%}.number-card h2{color:#333;font-size:1.5em;margin:0 0 24px}.active-number,.number-card h2{text-align:center}.number-info{margin-bottom:20px}.number-name{align-items:center;background:#f8f9fa;border:1px solid #e9ecef;border-radius:12px;display:flex;gap:8px;justify-content:center;margin-bottom:16px;padding:12px 16px}.name-label{color:#666;font-size:14px;font-weight:600}.name-value{color:#333;font-weight:500}.number-display{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:16px;color:#fff;display:flex;gap:16px;justify-content:center;margin-bottom:16px;min-height:80px;padding:24px}.number-actions{margin-bottom:20px}.rename-button{background:#007bff;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:14px;padding:8px 16px;transition:background-color .2s}.rename-button:hover{background:#0056b3}.rename-button.disabled,.rename-button:disabled{background:#6c757d;color:#fff;cursor:not-allowed;opacity:.6}.rename-button.disabled:hover,.rename-button:disabled:hover{background:#6c757d}.rename-form{background:#f8f9fa;border:1px solid #e9ecef;border-radius:8px;display:flex;flex-direction:column;gap:12px;padding:16px}.rename-form input{border:1px solid #ddd;border-radius:4px;font-size:14px;padding:10px 12px}.rename-form input:focus{border-color:#007bff;box-shadow:0 0 0 2px #007bff40;outline:none}.rename-actions{display:flex;gap:8px;justify-content:center}.cancel-rename-button{background:#6c757d;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:14px;padding:6px 12px}.cancel-rename-button:hover:not(:disabled){background:#545b62}.save-rename-button{background:#28a745;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:14px;padding:6px 12px}.save-rename-button:hover:not(:disabled){background:#218838}.cancel-rename-button:disabled,.save-rename-button:disabled{cursor:not-allowed;opacity:.6}.number{font-size:2em;font-weight:700;letter-spacing:2px}.copy-button{background:#fff3;border:1px solid #ffffff4d;border-radius:6px;color:#fff;cursor:pointer;font-size:.9em;padding:8px 12px;transition:all .2s}.copy-button:hover{background:#ffffff4d}.expiry-info{background:#f8f9fa;border-radius:8px;margin-bottom:24px;padding:16px}.expiry-info p{margin:0 0 8px;text-align:center}.time-left{color:#667eea;font-family:monospace}.expiry-warning{background:#fff3cd;border-radius:6px;color:#856404;font-size:.9em;padding:8px 12px;text-align:center}.no-number{padding:40px 20px;text-align:center}.no-number p{color:#666;font-size:1.1em;margin-bottom:24px}.generate-button{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:16px;font-weight:600;padding:14px 24px;transition:transform .2s,box-shadow .2s}.generate-button:hover:not(:disabled){box-shadow:0 8px 25px #667eea4d;transform:translateY(-2px)}.generate-button:disabled{cursor:not-allowed;opacity:.6}.how-it-works{border-top:1px solid #e1e5e9;margin-top:24px;padding-top:24px}.how-it-works h3{color:#333;font-size:1.1em;margin:0 0 16px}.how-it-works ol{color:#666;line-height:1.6;padding-left:20px}.how-it-works li{margin-bottom:8px}.error-message{margin-top:16px}.rename-error-message{background:#fff3cd;border:1px solid #ffeaa7;border-radius:6px;color:#856404;font-size:.85em;margin-top:8px;padding:8px 12px}.nickname-info{margin-top:8px;text-align:center}.nickname-info small{color:#6c757d;font-size:.8em;line-height:1.3}@media (max-width:768px){.number-manager{padding:0 5px}.number-card{border-radius:16px;margin:0 auto;padding:24px 20px}.number-card h2{font-size:1.3em;margin-bottom:20px}.number-display{border-radius:12px;gap:12px;margin-bottom:20px;min-height:70px;padding:20px 16px}.number{font-size:1.4em;letter-spacing:1px}.copy-button{font-size:14px;min-height:44px;padding:10px 16px}.number-name{border-radius:10px;margin-bottom:16px;padding:12px 16px}.actions-row{gap:12px;margin-bottom:16px}.generate-button,.rename-button{border-radius:10px;font-size:15px;min-height:48px;padding:12px 20px}.time-left-display{border-radius:12px;padding:16px}.rename-form{gap:12px}.rename-form input{border-radius:10px;font-size:16px;min-height:48px;padding:14px 16px}.rename-form .form-actions{gap:12px}.rename-form button{border-radius:10px;font-size:15px;min-height:48px;padding:12px 20px}.how-it-works{border-radius:12px;margin-top:24px;padding:20px}.how-it-works h3{font-size:1.1em}.how-it-works ol{line-height:1.7;padding-left:18px}.how-it-works li{font-size:14px;margin-bottom:10px}}@media (max-width:480px){.number-card{border-radius:12px;padding:20px 16px}.number-card h2{font-size:1.2em;margin-bottom:16px}.number-display{border-radius:10px;flex-direction:column;gap:10px;margin-bottom:16px;min-height:60px;padding:18px 12px}.number{font-size:1.3em;letter-spacing:.5px;text-align:center;word-break:break-all}.copy-button{font-size:13px;margin-top:8px;padding:10px 16px;width:100%}.number-name{flex-direction:column;gap:4px;padding:12px;text-align:center}.actions-row{flex-direction:column;gap:12px;margin-bottom:16px}.generate-button,.rename-button{font-size:16px;padding:14px 20px;width:100%}.time-left-display{border-radius:10px;padding:14px}.time-left-display .label{font-size:13px}.time-left-display .time{font-size:1.1em}.rename-form .form-actions{flex-direction:column;gap:10px}.rename-form button{font-size:16px;padding:14px 20px;width:100%}.how-it-works{margin-top:20px;padding:16px}.how-it-works h3{font-size:1em;margin-bottom:12px}.how-it-works ol{padding-left:16px}.how-it-works li{font-size:13px;margin-bottom:8px}}.chat-container{margin:0 auto;max-width:800px;padding:0 20px}.no-number-message{background:#fff;border-radius:20px;box-shadow:0 8px 32px #0000001a;padding:40px 50px;text-align:center}.no-number-message p{color:#666;font-size:1.1em;margin:0}.start-chat{background:#fff;border-radius:20px;box-shadow:0 8px 32px #0000001a;padding:32px 40px;text-align:center}.start-chat h2{color:#333;margin:0 0 16px}.start-chat p{color:#666;margin-bottom:24px}.your-number-info{background:#f8f9fa;border:1px solid #e9ecef;border-radius:12px;margin-bottom:24px;padding:20px}.your-number-info p{margin:8px 0}.start-chat p strong{color:#667eea;font-family:monospace;font-size:1.1em}.target-input{display:flex;gap:12px;margin:0 auto 16px;max-width:400px}.target-input input{border:2px solid #e1e5e9;border-radius:8px;flex:1 1;font-family:monospace;font-size:16px;letter-spacing:1px;padding:14px}.target-input input:focus{border-color:#667eea;outline:none}.start-button{background:#667eea;border:none;border-radius:8px;color:#fff;cursor:pointer;font-weight:600;padding:14px 20px;transition:all .2s}.start-button:hover{background:#5a6fd8}.chat-active{background:#fff;border-radius:16px;box-shadow:0 8px 32px #0000001a;display:flex;flex-direction:column;height:600px}.chat-header{background:#f8f9fa;border-bottom:1px solid #e1e5e9;border-radius:16px 16px 0 0;padding:16px 30px}.back-button{background:none;border-radius:6px;color:#667eea;font-size:16px;margin-right:16px;padding:8px;transition:background .2s}.back-button:hover{background:#667eea1a}.chat-info span{color:#333;font-weight:500}.connection-status{margin-top:4px}.status-indicator{font-size:12px;font-weight:400}.status-indicator.connected{color:#28a745}.status-indicator.disconnected{color:#ffc107}.chat-countdown{gap:8px;margin-top:4px}.countdown-label{color:#666;font-size:11px;font-weight:400}.countdown-time{background:#667eea1a;border-radius:4px;color:#333;font-size:12px;font-weight:600;padding:2px 6px}.countdown-time.expired{background:#dc35451a;color:#dc3545}.messages-container{display:flex;flex:1 1;flex-direction:column;gap:12px;overflow-y:auto;padding:20px 30px}.no-messages{align-items:center;display:flex;height:100%;justify-content:center}.message{display:flex;flex-direction:column;max-width:70%}.message.sent{align-items:flex-end;align-self:flex-end}.message.received{align-items:flex-start;align-self:flex-start}.message-content{border-radius:18px;line-height:1.4;padding:12px 16px}.message.sent .message-content{background:linear-gradient(135deg,#667eea,#764ba2);border-bottom-right-radius:4px;color:#fff}.message.received .message-content{background:#f1f3f4;border-bottom-left-radius:4px;color:#333}.message-time{color:#999;font-size:.75em;margin-top:4px;padding:0 8px}.message-form{background:#f8f9fa;border-radius:0 0 16px 16px;border-top:1px solid #e1e5e9;display:flex;gap:12px;padding:16px 30px}.message-form input{border:1px solid #e1e5e9;border-radius:20px;flex:1 1;font-size:14px;outline:none;padding:12px 16px}.message-form input:focus{border-color:#667eea}.message-form button{background:#667eea;border:none;border-radius:20px;color:#fff;cursor:pointer;font-weight:500;padding:12px 20px;transition:background .2s}.message-form button:hover:not(:disabled){background:#5a6fd8}.message-form button:disabled{cursor:not-allowed;opacity:.5}.error-message{border-radius:6px;margin:16px 0}@media (max-width:768px){.chat-container{padding:0 10px}.no-number-message,.start-chat{border-radius:16px;padding:24px 20px}.your-number-info{border-radius:10px;margin-bottom:20px;padding:16px}.target-input{flex-direction:column;gap:12px;margin-bottom:16px;max-width:100%}.target-input input{padding:16px}.start-button,.target-input input{border-radius:10px;font-size:16px;min-height:48px}.start-button{padding:16px 24px;width:100%}.chat-active{border-radius:16px;height:calc(100vh - 200px);min-height:500px}.chat-header{border-radius:16px 16px 0 0;padding:16px 20px}.back-button{font-size:18px;margin-right:12px;min-height:44px;min-width:44px;padding:10px}.chat-info span{font-size:15px}.countdown-time{font-size:11px;padding:3px 6px}.messages-container{gap:12px;padding:16px 20px}.message{max-width:85%}.message-content{border-radius:16px;font-size:15px;line-height:1.4;padding:12px 16px}.message.sent .message-content{border-bottom-right-radius:4px}.message.received .message-content{border-bottom-left-radius:4px}.message-time{font-size:11px;margin-top:4px;padding:0 8px}.message-form{border-radius:0 0 16px 16px;gap:12px;padding:16px 20px}.message-form input{border-radius:24px;font-size:16px;min-height:48px;padding:14px 16px}.message-form button{border-radius:24px;font-size:15px;min-height:48px;min-width:48px;padding:14px 20px}}@media (max-width:480px){.chat-container{padding:0 5px}.start-chat{border-radius:12px;padding:20px 16px}.start-chat h2{font-size:1.3em;margin-bottom:12px}.start-chat p{font-size:14px;margin-bottom:20px}.no-number-message{border-radius:12px;padding:20px 16px}.your-number-info{border-radius:8px;margin-bottom:16px;padding:14px}.your-number-info p{font-size:14px;margin:6px 0}.target-input input{border-radius:8px;padding:16px 14px}.start-button{border-radius:8px;padding:16px 20px}.chat-active{border-radius:12px;height:calc(100vh - 160px);min-height:450px}.chat-header{border-radius:12px 12px 0 0;padding:14px 16px}.back-button{font-size:16px;margin-right:10px;padding:8px}.chat-info span{font-size:14px}.countdown-label{font-size:10px}.countdown-time{font-size:10px;padding:2px 4px}.messages-container{gap:10px;padding:12px 16px}.message{max-width:90%}.message-content{border-radius:14px;font-size:14px;padding:10px 14px}.message-time{font-size:10px;padding:0 6px}.message-form{border-radius:0 0 12px 12px;gap:10px;padding:12px 16px}.message-form input{border-radius:20px;min-height:44px;padding:12px 14px}.message-form button{border-radius:20px;min-height:44px;min-width:44px;padding:12px 16px}}.message-history-container{background:#fff;border-radius:8px;box-shadow:0 2px 10px #0000001a;margin:0 auto;max-width:800px;padding:20px}.message-history-header{align-items:center;border-bottom:2px solid #e1e5e9;display:flex;justify-content:space-between;margin-bottom:20px;padding-bottom:15px}.message-history-header h2{color:#333;font-size:24px;margin:0}.refresh-button{background:#007bff;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:14px;padding:8px 16px;transition:background-color .2s}.refresh-button:hover{background:#0056b3}.loading{color:#666;font-style:italic;padding:20px;text-align:center}.error-message{background:#f8d7da;border:1px solid #f5c6cb;border-radius:4px;color:#721c24;margin-bottom:20px}.not-logged-in{color:#666;padding:40px;text-align:center}.not-logged-in p{font-size:18px;margin:0}.messages-list{max-height:600px;overflow-y:auto}.no-messages{color:#666;padding:40px;text-align:center}.no-messages p{font-size:16px;margin:0}.message-item{background:#f8f9fa;border:1px solid #e1e5e9;border-radius:8px;margin-bottom:12px;padding:15px;transition:box-shadow .2s}.message-item:hover{box-shadow:0 2px 8px #0000001a}.message-item.sent{background:#f8fff9;border-left:4px solid #28a745}.message-item.received{background:#f8fbff;border-left:4px solid #007bff}.message-header{align-items:center;display:flex;font-size:14px;justify-content:space-between;margin-bottom:10px}.message-direction{font-weight:600}.sent-label{color:#28a745}.received-label{color:#007bff}.received-label .nickname,.sent-label .nickname{color:#6c757d;font-style:italic;font-weight:400}.message-time{color:#666;font-size:12px}.message-content{word-wrap:break-word;color:#333;line-height:1.5;padding:8px 0}.message-actions{display:flex;justify-content:flex-end;margin-top:10px}.reply-button{background:#007bff;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:12px;padding:6px 12px;transition:background-color .2s}.reply-button:hover:not(:disabled){background:#0056b3}.reply-button:disabled{background:#6c757d;cursor:not-allowed}.reply-modal-overlay{align-items:center;background:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.reply-modal{background:#fff;border-radius:8px;box-shadow:0 4px 20px #0000004d;max-height:80vh;max-width:500px;overflow-y:auto;padding:20px;width:90%}.reply-modal-header{align-items:center;border-bottom:1px solid #e1e5e9;display:flex;justify-content:space-between;margin-bottom:20px;padding-bottom:10px}.reply-modal-header h3{color:#333;margin:0}.close-button{align-items:center;background:none;border:none;color:#666;cursor:pointer;display:flex;font-size:24px;height:30px;justify-content:center;padding:0;width:30px}.close-button:hover{color:#000}.original-message{background:#f8f9fa;border-left:4px solid #007bff;border-radius:4px;margin-bottom:20px;padding:12px}.original-message-label{color:#666;font-size:12px;font-weight:600;margin-bottom:8px;text-transform:uppercase}.original-message-content{color:#333;line-height:1.4;margin-bottom:8px}.original-message-time{color:#666;font-size:12px}.reply-form textarea{border:1px solid #ddd;border-radius:4px;font-family:inherit;font-size:14px;min-height:80px;padding:12px;resize:vertical;width:100%}.reply-form textarea:focus{border-color:#007bff;box-shadow:0 0 0 2px #007bff40;outline:none}.reply-actions{display:flex;gap:10px;justify-content:flex-end;margin-top:15px}.cancel-button{background:#6c757d;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:14px;padding:8px 16px}.cancel-button:hover:not(:disabled){background:#545b62}.send-reply-button{background:#28a745;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:14px;padding:8px 16px}.send-reply-button:hover:not(:disabled){background:#218838}.cancel-button:disabled,.send-reply-button:disabled{cursor:not-allowed;opacity:.6}.no-number-warning{background:#fff3cd;border:1px solid #ffeaa7;border-radius:4px;margin-top:15px;padding:12px;text-align:center}.no-number-warning p{color:#856404;margin:0}.conversations-list{max-height:600px;overflow-y:auto}.conversation-item{align-items:center;background:#fff;border:1px solid #e1e5e9;border-radius:8px;cursor:pointer;display:flex;justify-content:space-between;margin-bottom:8px;padding:16px;transition:all .2s}.conversation-item:hover{background:#f8f9fa;box-shadow:0 2px 8px #0000001a}.conversation-info{flex:1 1;min-width:0}.conversation-contact{color:#333;font-weight:600;margin-bottom:4px}.conversation-preview{color:#666;font-size:14px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.message-preview.sent{color:#28a745}.message-preview.received{color:#007bff}.conversation-meta{align-items:flex-end;display:flex;flex-direction:column;gap:4px}.conversation-time{color:#666;font-size:12px}.message-count{background:#f8f9fa;border-radius:10px;color:#666;font-size:11px;padding:2px 6px}.chat-header{align-items:center;background:#fff;border-bottom:2px solid #e1e5e9;display:flex;gap:16px;margin-bottom:20px;padding:16px}.back-button{background:#6c757d;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:14px;padding:8px 12px}.back-button:hover{background:#545b62}.chat-contact-info{color:#333;font-size:16px;font-weight:600}.chat-countdown{align-items:center;background:linear-gradient(135deg,#ff6b6b,#ee5a24);border-radius:8px;box-shadow:0 2px 8px #ee5a244d;color:#fff;display:flex;gap:12px;margin-bottom:16px;padding:12px 16px}.countdown-icon{font-size:18px}.countdown-text{display:flex;flex-direction:column;gap:2px}.countdown-label{font-size:12px;font-weight:500;opacity:.9}.countdown-time{font-family:Courier New,monospace;font-size:16px;font-weight:700}.countdown-time.expired{animation:blink 1s infinite;color:#ffeb3b}@keyframes blink{0%,50%{opacity:1}51%,to{opacity:.5}}.chat-messages{background:#f8f9fa;border-radius:8px;margin-bottom:16px;max-height:400px;overflow-y:auto;padding:16px}.chat-message{display:flex;margin-bottom:12px}.chat-message.sent{justify-content:flex-end}.chat-message.received{justify-content:flex-start}.message-bubble{border-radius:18px;max-width:70%;padding:12px 16px;position:relative}.chat-message.sent .message-bubble{background:#007bff;border-bottom-right-radius:4px;color:#fff}.chat-message.received .message-bubble{background:#fff;border:1px solid #e1e5e9;border-bottom-left-radius:4px;color:#333}.message-bubble .message-content{word-wrap:break-word;line-height:1.4}.message-bubble .message-time{font-size:11px;margin-top:4px;opacity:.7}.chat-input{margin-top:16px}.message-input-form{align-items:center;display:flex;gap:8px}.message-input-form input{border:1px solid #ddd;border-radius:24px;flex:1 1;font-size:14px;outline:none;padding:12px 16px}.message-input-form input:focus{border-color:#007bff;box-shadow:0 0 0 2px #007bff40}.send-button{background:#007bff;border:none;border-radius:24px;color:#fff;cursor:pointer;font-size:14px;min-width:60px;padding:12px 20px}.send-button:hover:not(:disabled){background:#0056b3}.send-button:disabled{background:#6c757d;cursor:not-allowed}@media (max-width:768px){.message-history-container{margin:10px;padding:15px}.message-history-header{align-items:stretch;flex-direction:column;gap:10px}.message-header{align-items:flex-start;flex-direction:column;gap:5px}.messages-list{max-height:500px}.conversation-item{padding:12px}.conversation-meta{align-items:center}.chat-messages{max-height:300px}.message-bubble{max-width:85%}.chat-header{align-items:flex-start}.chat-header,.message-input-form{flex-direction:column;gap:8px}.message-input-form input,.send-button{border-radius:8px}.send-button{align-self:flex-end}}.dashboard{margin:0 auto;max-width:1200px;padding:20px 40px}.dashboard-nav{background:#f5f5f5;border-radius:12px;box-shadow:0 2px 8px #0000000d;display:flex;gap:4px;margin-bottom:24px;max-width:450px;padding:4px}.dashboard-nav button{background:#0000;border:none;border-radius:8px;cursor:pointer;flex:1 1;font-size:15px;font-weight:500;padding:12px 16px;transition:all .2s}.dashboard-nav button.active{background:#fff;box-shadow:0 2px 8px #0000001a;color:#667eea}.dashboard-content{min-height:500px}@media (max-width:768px){.dashboard{padding:15px 20px}.dashboard-nav{border-radius:16px;margin-bottom:20px;max-width:100%;padding:6px}.dashboard-nav button{border-radius:10px;font-size:14px;min-height:48px;padding:14px 12px}.dashboard-content{min-height:400px}}@media (max-width:480px){.dashboard{padding:10px 15px}.dashboard-nav{margin-bottom:15px;padding:4px}.dashboard-nav button{font-size:13px;min-height:44px;padding:12px 8px}}*{box-sizing:border-box}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#f8f9fa;color:#333;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;line-height:1.5;margin:0}.app{display:flex;flex-direction:column;min-height:100vh}.main-content{flex:1 1;max-width:100vw;overflow-x:hidden;padding:20px 30px}@media (max-width:768px){.main-content{padding:15px 20px}body{font-size:16px}}@media (max-width:480px){.main-content{padding:10px 15px}}.error-message{background:#fee;border:1px solid #fcc;border-radius:8px;color:#c33}.error-message,.success-message{font-size:.9em;margin:12px 0;padding:12px;text-align:center}.success-message{background:#efe;border:1px solid #cfc;border-radius:8px;color:#363}@media (max-width:768px){.error-message,.success-message{border-radius:10px;font-size:14px;margin:16px 0;padding:14px}button{min-height:44px;touch-action:manipulation}input[type=email],input[type=password],input[type=text]{font-size:16px;min-height:44px}}
/*# sourceMappingURL=main.af660c05.css.map*/