body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.chat-interface{background:#e5ddd5;display:flex;font-family:Arial,sans-serif;height:calc(100vh - 60px)}.sidebar{background:#fff;border-right:1px solid #ddd;display:flex;flex-direction:column;transition:transform .3s ease-in-out;width:320px}.sidebar.hidden{position:absolute;transform:translateX(-100%);z-index:100}.sidebar-header{align-items:center;border-bottom:1px solid #eee;display:flex;font-weight:700;justify-content:space-between;padding:12px}.sidebar-header .status{color:#666;font-size:.85rem}.close-sidebar{background:#0000;border:none;cursor:pointer;font-size:1rem}.chat-list{flex:1 1;overflow-y:auto}.chat-item{align-items:center;border-bottom:1px solid #f0f0f0;cursor:pointer;display:flex;padding:10px 12px;transition:background .2s}.chat-item:hover{background:#fafafa}.chat-item.selected{background:#f0f8ff}.chat-avatar{align-items:center;background:#2196f3;border-radius:50%;box-shadow:0 1px 3px #00000014;color:#fff;display:flex;height:44px;justify-content:center;margin-right:12px;width:44px}.chat-avatar,.chat-info .chat-name{font-weight:700}.chat-info .last-message{color:#666;font-size:.9rem;margin-top:4px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.chat-main{background:#e5ddd5;display:flex;flex:1 1;flex-direction:column;transition:all .3s ease-in-out}.chat-main,.chat-main.active{position:relative}.chat-header{background:#ededed;border-bottom:1px solid #ddd;font-weight:700;padding:12px 16px}.back-btn{background:#0000;border:none;cursor:pointer;display:none;font-size:1rem;margin:8px}.messages-container{display:flex;flex:1 1;flex-direction:column;gap:10px;overflow-y:auto;padding:16px}.message{display:flex}.message.own{justify-content:flex-end}.message.other{justify-content:flex-start}.bubble{word-wrap:break-word;background:#fff;border-radius:16px;box-shadow:0 1px 2px #0000000f;max-width:70%;padding:10px 12px;position:relative}.bubble .text{word-wrap:break-word;white-space:pre-wrap}.message.own .bubble{background:#dcf8c6}.sender{color:#444;font-weight:700;margin-bottom:4px}.meta,.sender{font-size:.75rem}.meta{align-items:center;color:#666;display:flex;gap:6px;justify-content:flex-end;margin-top:6px}.msg-status{color:#666;font-size:.85rem}.msg-status.read{color:#2196f3}.message-input{align-items:center;background:#f6f6f6;border-top:1px solid #ddd;display:flex;gap:8px;padding:12px}.message-input input{border:1px solid #ccc;border-radius:20px;flex:1 1;outline:none;padding:10px 14px}.message-input button{background:#2196f3;border:none;border-radius:20px;color:#fff;cursor:pointer;font-weight:700;padding:10px 14px}.no-chat-selected,.no-messages{color:#666;margin-top:30px;text-align:center}.delete-btn{background:#0000;border:none;cursor:pointer;font-size:.75rem;opacity:0;position:absolute;right:6px;top:4px}.bubble:hover .delete-btn{opacity:1}@media (max-width:768px){.sidebar{box-shadow:2px 0 8px #0003;height:100%;left:0;max-width:300px;position:absolute;top:0;transform:translateX(0);transition:transform .3s ease-in-out;width:80%;z-index:10}.sidebar.hidden{transform:translateX(-100%)}.chat-main.active{flex:1 1}.back-btn{display:inline-block}}.open-sidebar{background:#2196f3;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:1.2rem;left:12px;padding:8px 12px;position:absolute;top:12px;z-index:110}.message-input textarea{border:1px solid #ccc;border-radius:20px;flex:1 1;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;line-height:24px;max-height:144px;outline:none;overflow-y:hidden;padding:10px 14px;resize:none}.user-editor{background:#f8f9fa;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;min-height:calc(100vh - 60px);padding:20px}.ue-title{color:#333;font-size:28px;font-weight:600;margin-bottom:16px}.ue-actions{margin-bottom:20px}.btn{border:none;border-radius:6px;cursor:pointer;font-size:14px;padding:8px 14px;transition:all .2s ease}.btn.primary{background-color:#3498db;color:#fff}.btn.primary:hover{background-color:#2980b9}.btn.secondary{background-color:#bdc3c7;color:#2c3e50;margin-left:8px}.btn.secondary:hover{background-color:#95a5a6}.btn.edit{background-color:#27ae60;color:#fff;margin-right:6px}.btn.edit:hover{background-color:#1e8449}.btn.delete{background-color:#e74c3c;color:#fff}.btn.delete:hover{background-color:#c0392b}.users-list{background:#fff;border-radius:10px;box-shadow:0 4px 12px #00000014;max-width:900px;padding:16px;width:100%}.user-row{align-items:center;border-bottom:1px solid #ececec;display:flex;justify-content:space-between;padding:12px 8px;transition:background .2s}.user-row:hover{background-color:#f1f6f9}.user-info{color:#2c3e50;font-size:15px}.user-info .user-name{font-weight:500}.user-info .user-phone{color:#7f8c8d;margin-left:4px}.status{font-size:14px;margin-left:8px}.status.online{color:#2ecc71}.status.offline{color:#95a5a6}.user-actions button{font-size:13px}.modal-overlay{background:#00000059;z-index:999}.modal{border-radius:10px;box-shadow:0 8px 20px #0003;max-width:95%;padding:24px 28px;width:400px}.modal h3{color:#2c3e50;font-size:22px;font-weight:600;margin-bottom:16px;text-align:center}.input-field{border:1px solid #ccc;border-radius:6px;font-size:14px;margin-bottom:12px;padding:10px 12px;transition:border-color .2s;width:100%}.input-field:focus{border-color:#3498db;outline:none}.modal-actions{margin-top:12px}.chat-editor{align-items:center;background-color:#f5f7fa;display:flex;flex:1 1;flex-direction:column;font-family:Inter,sans-serif;padding:2rem}.chat-editor h2{color:#2c3e50;margin-bottom:1.5rem;text-align:center}.chat-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:1rem;max-width:900px;width:100%}.chat-header input{border:1px solid #ccc;border-radius:6px;flex:1 1;font-size:1rem;margin-right:1rem;padding:.5rem 1rem;transition:border .2s}.chat-header input:focus{border-color:#3498db;box-shadow:0 0 4px #3498db4d;outline:none}.chat-header-buttons button{background-color:#3498db;border:none;border-radius:6px;color:#fff;cursor:pointer;font-weight:700;margin-left:.5rem;padding:.5rem 1rem;transition:background .2s}.chat-header-buttons button:hover{background-color:#2980b9}.chat-table{background:#fff;border-collapse:collapse;border-radius:8px;box-shadow:0 4px 12px #0000000d;max-width:900px;overflow:hidden;width:100%}.chat-table td,.chat-table th{border-bottom:1px solid #eee;padding:.75rem 1rem;text-align:left;vertical-align:middle}.chat-table th{background-color:#f0f3f7;color:#2c3e50}.chat-table tbody tr:hover{background-color:#f9f9f9}.actions{display:flex;gap:.5rem;white-space:nowrap}.edit-btn{background-color:#1abc9c;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:.85rem;padding:.4rem .8rem}.edit-btn:hover{opacity:.85}.chat-delete-btn{background-color:#e74c3c;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:.85rem;padding:.4rem .8rem}.chat-delete-btn:hover{opacity:.85}.modal-overlay{align-items:center;background:#0006;height:100%;justify-content:center;left:0;position:fixed;top:0;z-index:100}.modal,.modal-overlay{display:flex;width:100%}.modal{animation:fadeIn .3s ease-out;background:#fff;border-radius:12px;box-shadow:0 8px 25px #0003;flex-direction:column;gap:1rem;max-width:500px;padding:2rem}@keyframes fadeIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.modal input,.modal select{border:1px solid #ccc;border-radius:6px;font-size:1rem;padding:.6rem;width:100%}.modal input:focus,.modal select:focus{border-color:#3498db;box-shadow:0 0 4px #3498db4d;outline:none}.owner-select,.participants{display:flex;flex-direction:column;gap:.5rem}.participants-list{background:#f9f9f9;border:1px solid #ddd;border-radius:6px;display:flex;flex-wrap:wrap;gap:.5rem;max-height:200px;overflow-y:auto;padding:.5rem}.participants-list label{align-items:center;background:#ecf0f1;border-radius:6px;cursor:pointer;display:flex;gap:.5rem;padding:.3rem .6rem}.participants-list input[type=checkbox]{accent-color:#3498db;height:16px;width:16px}.modal-actions{display:flex;gap:.5rem;justify-content:flex-end;margin-top:.5rem}.save-btn{background-color:#3498db}.cancel-btn,.save-btn{border:none;border-radius:6px;color:#fff;cursor:pointer;padding:.5rem 1rem}.cancel-btn{background-color:#bdc3c7}.app-header{align-items:center;background:#2c3e50;color:#fff;display:flex;justify-content:space-between;padding:.75rem 1rem;position:relative}.app-header h1{font-size:1.25rem}.connection-status{font-size:.85rem;opacity:.9;text-align:right}.nav{align-items:center;display:flex;gap:.5rem}.nav button{background:#34495e;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:.85rem;padding:.4rem .8rem;transition:background .3s}.nav button.active{background:#1abc9c}.nav .logout-btn{background:#e74c3c}.hamburger{cursor:pointer;display:none;flex-direction:column;height:18px;justify-content:space-between;width:24px}.hamburger span{background:#fff;border-radius:2px;display:block;height:3px}@media (max-width:768px){.nav{background:#2c3e50;border-radius:0 0 8px 8px;box-shadow:0 4px 12px #0003;display:none;flex-direction:column;padding:.5rem;position:absolute;right:0;top:100%;width:200px;z-index:100}.hamburger,.nav.open{display:flex}}*{box-sizing:border-box;margin:0;padding:0}body{background:#f5f5f5;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.App{display:flex;flex-direction:column;height:100vh}.login-container{align-items:center;background:#ecf0f1;display:flex;height:calc(100vh - 60px);justify-content:center}.login-form{background:#fff;border-radius:8px;box-shadow:0 4px 15px #0000001a;max-width:420px;padding:2rem;transition:all .3s;width:100%}.login-form h2{color:#2c3e50;margin-bottom:1rem;text-align:center}.login-form input{border:1px solid #ddd;border-radius:4px;margin-bottom:.75rem;padding:.75rem;width:100%}.login-form button{background:#3498db;border:none;border-radius:4px;color:#fff;cursor:pointer;padding:.75rem;width:100%}.login-form .switch-mode{background:none;border:none;color:#3498db;cursor:pointer;margin-top:.5rem;text-decoration:underline}.create-chat-container{align-items:flex-start;background:#fafafa;display:flex;flex:1 1;justify-content:center;padding:2rem}.create-chat-form{background:#fff;border-radius:8px;box-shadow:0 4px 12px #0000000d;max-width:520px;padding:2rem;width:100%}
/*# sourceMappingURL=main.ab34b897.css.map*/