.table-container[data-v-22e91adc]{overflow-x:auto}table[data-v-22e91adc]{width:100%;border-collapse:collapse}td[data-v-22e91adc],th[data-v-22e91adc]{padding:8px;text-align:center;border:1px solid #ddd}input[data-v-22e91adc]{width:100%;box-sizing:border-box}.main-container[data-v-22e91adc]{display:flex;height:100vh;background-color:#ffe6e6}.sidebar[data-v-22e91adc]{width:20%;background-color:#ff4d4d;color:#fff5f5;padding:20px;display:flex;flex-direction:column;align-items:center;justify-content:space-between}.tab-header[data-v-22e91adc]{display:flex;flex-direction:column;width:100%}.tab[data-v-22e91adc]{padding:10px 20px;margin:5px 0;cursor:pointer;text-align:center;border-radius:5px;background-color:#fcc;color:#ff4d4d}.tab.active[data-v-22e91adc]{background-color:#e60000;color:#000}.content[data-v-22e91adc]{width:80%;padding:20px;background-color:#fff5f5}.user-list[data-v-22e91adc]{display:flex;flex-wrap:wrap;gap:10px}.user-card[data-v-22e91adc]{background-color:#fcc;padding:10px;border-radius:5px;box-shadow:0 0 10px rgba(255,77,77,.5);text-align:center;width:150px}.custom-btn[data-v-22e91adc]{background-color:#e60000;color:#000;border-radius:25px;padding:10px 20px;font-weight:700;box-shadow:0 4px 6px rgba(0,0,0,.1);transition:background-color .3s,transform .3s}.custom-btn[data-v-22e91adc]:hover{background-color:#c00;transform:translateY(-2px)}.video-section[data-v-22e91adc]{display:flex;justify-content:space-between;margin-top:20px}.frame[data-v-22e91adc]{background-color:#fff5f5;border-radius:10px;padding:10px;box-shadow:0 0 10px rgba(255,77,77,.5);text-align:center}.frame .label[data-v-22e91adc]{margin-top:10px;font-weight:700;color:#e60000}.sign-out[data-v-22e91adc]{text-align:center}.sign-out v-btn[data-v-22e91adc]{background-color:#ff4d4d;color:#fff;border-radius:25px;padding:10px 20px;font-weight:700;width:100%;box-shadow:0 4px 6px rgba(0,0,0,.1);transition:background-color .3s,transform .3s}.sign-out v-btn[data-v-22e91adc]:hover{background-color:#e60000;transform:translateY(-2px)}@media (max-width:768px){.main-container[data-v-22e91adc]{flex-direction:column}.sidebar[data-v-22e91adc]{width:100%;padding:10px;order:2;text-align:center}.tab-header[data-v-22e91adc]{flex-direction:row;justify-content:space-around}.tab[data-v-22e91adc]{padding:5px 10px;margin:2px 0;font-size:14px}.content[data-v-22e91adc]{width:100%;padding:10px;order:1}.user-card[data-v-22e91adc]{width:100%}.video-section[data-v-22e91adc]{flex-direction:column;align-items:center}.frame[data-v-22e91adc]{width:100%;margin-bottom:20px}table[data-v-22e91adc],tbody[data-v-22e91adc],td[data-v-22e91adc],th[data-v-22e91adc],thead[data-v-22e91adc],tr[data-v-22e91adc]{display:block}thead tr[data-v-22e91adc]{position:absolute;top:-9999px;left:-9999px}tr[data-v-22e91adc]{margin:0 0 1rem 0}tr[data-v-22e91adc]:nth-child(odd){background:#f9f9f9}td[data-v-22e91adc]{border:none;border-bottom:1px solid #eee;position:relative;padding-left:50%;text-align:left}td[data-v-22e91adc]:before{position:absolute;top:50%;left:6px;width:45%;padding-right:10px;white-space:nowrap;transform:translateY(-50%);content:attr(data-label);font-weight:700}td[data-v-22e91adc]:first-child{background:#f9f9f9;font-weight:700}.label[data-v-22e91adc]{font-size:1.2em;text-align:center}form[data-v-22e91adc]{display:flex;flex-direction:column;align-items:center}label[data-v-22e91adc]{width:100%;text-align:left;margin-bottom:5px}input[data-v-22e91adc],select[data-v-22e91adc]{width:100%;margin-bottom:10px;padding:10px;box-sizing:border-box}.custom-btn[data-v-22e91adc]{width:100%;padding:10px;background-color:#ff4d4d;color:#fff;text-align:center}}.header[data-v-4dc92c6a]{background-color:#ff4d4d;color:#fff}.header button[data-v-4dc92c6a]{background-color:#fff;color:#ff4d4d;border-color:#ff4d4d}.header button[data-v-4dc92c6a]:hover{background-color:#fcc}.bg-gray-100[data-v-4dc92c6a]{background-color:#fff5f5}h2[data-v-4dc92c6a]{color:#ff4d4d}.input[data-v-4dc92c6a]{border-color:#ff4d4d}.input[data-v-4dc92c6a]:focus{border-color:#ff1a1a;box-shadow:0 0 0 3px rgba(255,77,77,.3)}.input[data-v-547fd8c9]{border-color:#ff4d4d}.input[data-v-547fd8c9]:focus{border-color:#ff1a1a;box-shadow:0 0 0 3px rgba(255,77,77,.3)}.v-btn[data-v-547fd8c9]{background-color:#ff4d4d!important;color:#fff!important}.v-btn[data-v-547fd8c9]:hover{background-color:#ff1a1a!important}.blue{background-color:#00f}.white{background-color:#fff}.red{background-color:red}.user-detail[data-v-0be9e676]{background-color:#fff5f5;padding:20px;border-radius:10px}h1[data-v-0be9e676],h2[data-v-0be9e676]{color:#ff4d4d}hr[data-v-0be9e676]{border:1px solid #ff4d4d}.user-card[data-v-0be9e676]{border:2px solid #ff4d4d}p[data-v-0be9e676]{color:#333}.info-label[data-v-0be9e676]{color:#ff4d4d;font-weight:700}