.login-container[data-v-250b585b]{display:flex;justify-content:center;align-items:center;min-height:100vh;background:linear-gradient(135deg,#667eea,#764ba2);padding:20px}.login-box[data-v-250b585b]{background:#fff;padding:40px;border-radius:10px;box-shadow:0 10px 40px #0000001a;width:100%;max-width:400px}h2[data-v-250b585b]{text-align:center;margin-bottom:30px;color:#333}.form-group[data-v-250b585b]{margin-bottom:20px}input[data-v-250b585b]{width:100%;padding:12px;border:1px solid #ddd;border-radius:5px;font-size:16px}input[data-v-250b585b]:focus{outline:none;border-color:#667eea}.btn-primary[data-v-250b585b]{width:100%;padding:12px;background:#667eea;color:#fff;border:none;border-radius:5px;font-size:16px;cursor:pointer;transition:background .3s}.btn-primary[data-v-250b585b]:hover{background:#5568d3}.toggle-text[data-v-250b585b]{text-align:center;margin-top:20px;color:#667eea;cursor:pointer}.toggle-text[data-v-250b585b]:hover{text-decoration:underline}.chat-container[data-v-d9b75c82]{display:flex;flex-direction:column;height:100vh;background:#f0f0f0}.chat-header[data-v-d9b75c82]{background:#667eea;color:#fff;padding:15px 20px;display:flex;justify-content:space-between;align-items:center}.user-info[data-v-d9b75c82]{display:flex;align-items:center;gap:15px}.btn-logout[data-v-d9b75c82]{background:#fff3;border:1px solid rgba(255,255,255,.3);color:#fff;padding:5px 15px;border-radius:5px;cursor:pointer}.chat-messages[data-v-d9b75c82]{flex:1;overflow-y:auto;padding:20px}.message[data-v-d9b75c82]{margin-bottom:15px;max-width:70%}.message.own[data-v-d9b75c82]{margin-left:auto}.message.other[data-v-d9b75c82]{margin-right:auto}.message-header[data-v-d9b75c82]{display:flex;justify-content:space-between;margin-bottom:5px;font-size:12px;color:#666}.message-content[data-v-d9b75c82]{background:#fff;padding:10px 15px;border-radius:10px;word-wrap:break-word}.message.own .message-content[data-v-d9b75c82]{background:#667eea;color:#fff}.message-image[data-v-d9b75c82]{max-width:100%;border-radius:5px}.chat-input[data-v-d9b75c82]{background:#fff;padding:15px;display:flex;align-items:center;gap:10px;border-top:1px solid #ddd}.upload-btn[data-v-d9b75c82]{font-size:24px;cursor:pointer;padding:5px}.message-input[data-v-d9b75c82]{flex:1;padding:10px;border:1px solid #ddd;border-radius:20px;font-size:16px}.message-input[data-v-d9b75c82]:focus{outline:none;border-color:#667eea}.send-btn[data-v-d9b75c82]{padding:10px 20px;background:#667eea;color:#fff;border:none;border-radius:20px;cursor:pointer;font-size:16px}.send-btn[data-v-d9b75c82]:hover{background:#5568d3}.admin-container[data-v-6bca457b]{height:100vh;display:flex;flex-direction:column;background:#f5f5f5}.admin-header[data-v-6bca457b]{background:#667eea;color:#fff;padding:20px;display:flex;justify-content:space-between;align-items:center}.btn-logout[data-v-6bca457b]{background:#fff3;border:1px solid rgba(255,255,255,.3);color:#fff;padding:8px 20px;border-radius:5px;cursor:pointer}.admin-tabs[data-v-6bca457b]{background:#fff;display:flex;border-bottom:1px solid #ddd}.tab-btn[data-v-6bca457b]{padding:15px 30px;border:none;background:transparent;cursor:pointer;border-bottom:2px solid transparent;transition:all .3s}.tab-btn.active[data-v-6bca457b]{color:#667eea;border-bottom-color:#667eea}.admin-content[data-v-6bca457b]{flex:1;overflow:auto;padding:20px}.tab-content[data-v-6bca457b]{background:#fff;border-radius:5px;padding:20px}.filter-bar[data-v-6bca457b]{display:flex;gap:10px;margin-bottom:20px}.search-input[data-v-6bca457b]{flex:1;padding:10px;border:1px solid #ddd;border-radius:5px}.btn-refresh[data-v-6bca457b]{padding:10px 20px;background:#667eea;color:#fff;border:none;border-radius:5px;cursor:pointer}.data-table[data-v-6bca457b]{width:100%;border-collapse:collapse}.data-table th[data-v-6bca457b],.data-table td[data-v-6bca457b]{padding:12px;text-align:left;border-bottom:1px solid #ddd}.data-table th[data-v-6bca457b]{background:#f8f9fa;font-weight:600}.btn-danger[data-v-6bca457b]{padding:5px 15px;background:#dc3545;color:#fff;border:none;border-radius:5px;cursor:pointer}.btn-danger[data-v-6bca457b]:disabled{background:#ccc;cursor:not-allowed}.thumb-image[data-v-6bca457b]{max-width:100px;max-height:100px;border-radius:5px}*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;background-color:#f5f5f5}#app{width:100%;height:100vh;overflow:hidden}