.inservice-attendance[data-v-bd1a6d23]{max-width:100%;padding:1rem;width:100%}.main-container[data-v-bd1a6d23]{display:flex;flex-direction:column;gap:1rem;width:100%}.content-section[data-v-bd1a6d23],.content-section-half[data-v-bd1a6d23]{margin-bottom:1rem;width:100%}@media (min-width:1024px){.main-container[data-v-bd1a6d23]{display:flex;flex-direction:row;flex-wrap:wrap}.content-section-half[data-v-bd1a6d23]{width:calc(50% - .5rem)}.content-section-half[data-v-bd1a6d23]:nth-of-type(3){margin-right:1rem}}.meeting-setup-form[data-v-bd1a6d23]{display:flex;flex-direction:column;gap:1rem;width:100%}.form-row[data-v-bd1a6d23]{display:grid;gap:1rem;grid-template-columns:1fr}@media (min-width:768px){.form-row[data-v-bd1a6d23]{grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.form-field-title[data-v-bd1a6d23]{grid-column:span 2}}@media (min-width:1024px){.form-row[data-v-bd1a6d23]:first-child{grid-template-columns:2fr 1fr 1fr}.form-field-title[data-v-bd1a6d23]{grid-column:span 1}}.form-field[data-v-bd1a6d23],.form-field-full[data-v-bd1a6d23]{min-width:0;width:100%}.form-field-full[data-v-bd1a6d23]{grid-column:1/-1}.form-actions[data-v-bd1a6d23]{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:1rem}.action-button[data-v-bd1a6d23]{flex:1 1 auto;min-width:150px}@media (max-width:640px){.action-button[data-v-bd1a6d23]{width:100%}}.meeting-setup-form[data-v-bd1a6d23] .p-calendar,.meeting-setup-form[data-v-bd1a6d23] .p-calendar-w-btn,.meeting-setup-form[data-v-bd1a6d23] .p-dropdown,.meeting-setup-form[data-v-bd1a6d23] .p-inputtext,.meeting-setup-form[data-v-bd1a6d23] .p-inputtextarea,.meeting-setup-form[data-v-bd1a6d23] .p-inputwrapper{box-sizing:border-box!important;max-width:100%!important;width:100%!important}.meeting-setup-form[data-v-bd1a6d23] .p-calendar{display:flex!important;width:100%!important}.meeting-setup-form[data-v-bd1a6d23] .p-calendar .p-inputtext{flex:1 1 auto!important;min-width:0!important;width:100%!important}.meeting-setup-form[data-v-bd1a6d23] .p-dropdown{display:flex!important;min-width:0!important}.meeting-setup-form[data-v-bd1a6d23] .p-dropdown-label,.meeting-setup-form[data-v-bd1a6d23] .p-dropdown-trigger{box-sizing:border-box!important}.content-section[data-v-bd1a6d23] .p-card,.content-section-half[data-v-bd1a6d23] .p-card{box-sizing:border-box!important;width:100%!important}.content-section[data-v-bd1a6d23] .p-card-content,.content-section-half[data-v-bd1a6d23] .p-card-content{overflow-x:hidden!important;padding:1rem!important}.camera-container[data-v-bd1a6d23]{background:#000;border-radius:8px;margin:0 auto;max-width:640px;overflow:hidden;position:relative;width:100%}.video-preview[data-v-bd1a6d23]{display:block;height:auto;width:100%}.detection-overlay[data-v-bd1a6d23]{height:100%;left:0;top:0;width:100%}.detection-box[data-v-bd1a6d23],.detection-overlay[data-v-bd1a6d23]{pointer-events:none;position:absolute}.detection-box[data-v-bd1a6d23]{border:3px solid #0f0;border-radius:4px;transition:all .3s ease}.detection-info[data-v-bd1a6d23]{background:rgba(0,0,0,.8);border-radius:8px;bottom:20px;color:#fff;left:50%;min-width:200px;padding:1rem;pointer-events:auto;position:absolute;text-align:center;transform:translateX(-50%);z-index:10}.detection-info h3[data-v-bd1a6d23]{font-size:1.2rem;margin:0 0 .5rem}.detection-info p[data-v-bd1a6d23]{color:#ccc;margin:0 0 .5rem}.stat-item[data-v-bd1a6d23]{padding:.5rem;transition:transform .2s ease}.stat-item[data-v-bd1a6d23]:hover{transform:translateY(-2px)}@media (max-width:768px){.stat-item[data-v-bd1a6d23]{flex:1 1 45%;min-width:140px}}.attendance-table[data-v-bd1a6d23] .p-datatable-tbody>tr{transition:background-color .3s}.attendance-table[data-v-bd1a6d23] .p-datatable-tbody>tr:hover{background-color:var(--surface-hover)}.category-filter-tabs[data-v-bd1a6d23]{margin-bottom:1rem}.tabs-container[data-v-bd1a6d23]{display:grid;gap:.5rem;grid-template-columns:repeat(2,minmax(0,1fr))}@media (min-width:640px){.tabs-container[data-v-bd1a6d23]{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (min-width:768px){.tabs-container[data-v-bd1a6d23]{grid-template-columns:repeat(4,minmax(0,1fr))}}@media (min-width:1280px){.tabs-container[data-v-bd1a6d23]{grid-template-columns:repeat(8,minmax(0,1fr))}}.tab-button[data-v-bd1a6d23]{align-items:center;background:#f9fafb;border:none;border-radius:8px;color:#6b7280;cursor:pointer;display:flex;font-size:.75rem;font-weight:500;justify-content:center;min-height:40px;outline:none;overflow:hidden;padding:.5rem .75rem;position:relative;text-align:center;text-overflow:ellipsis;transition:all .2s ease;white-space:nowrap;width:100%}.tab-button.tab-category-0[data-v-bd1a6d23]{background:linear-gradient(135deg,#e0f2fe,#dbeafe);color:#0369a1}.tab-button.tab-category-1[data-v-bd1a6d23]{background:linear-gradient(135deg,#fce7f3,#fbcfe8);color:#be185d}.tab-button.tab-category-2[data-v-bd1a6d23]{background:linear-gradient(135deg,#fef3c7,#fde68a);color:#92400e}.tab-button.tab-category-3[data-v-bd1a6d23]{background:linear-gradient(135deg,#e9d5ff,#ddd6fe);color:#6b21a8}.tab-button.tab-category-4[data-v-bd1a6d23]{background:linear-gradient(135deg,#d1fae5,#a7f3d0);color:#047857}.tab-button.tab-category-5[data-v-bd1a6d23]{background:linear-gradient(135deg,#fed7aa,#fdba74);color:#c2410c}.tab-button.tab-category-6[data-v-bd1a6d23]{background:linear-gradient(135deg,#e5e7eb,#d1d5db);color:#374151}.tab-button.tab-category-7[data-v-bd1a6d23]{background:linear-gradient(135deg,#fecaca,#fca5a5);color:#b91c1c}.tab-button[data-v-bd1a6d23]:hover{box-shadow:0 4px 6px rgba(0,0,0,.1);transform:translateY(-2px)}.tab-button.active[data-v-bd1a6d23]{box-shadow:0 2px 4px rgba(0,0,0,.1);font-weight:600;transform:translateY(0)}.tab-button.tab-category-0.active[data-v-bd1a6d23]{background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff}.tab-button.tab-category-1.active[data-v-bd1a6d23]{background:linear-gradient(135deg,#ec4899,#db2777);color:#fff}.tab-button.tab-category-2.active[data-v-bd1a6d23]{background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff}.tab-button.tab-category-3.active[data-v-bd1a6d23]{background:linear-gradient(135deg,#8b5cf6,#7c3aed);color:#fff}.tab-button.tab-category-4.active[data-v-bd1a6d23]{background:linear-gradient(135deg,#10b981,#059669);color:#fff}.tab-button.tab-category-5.active[data-v-bd1a6d23]{background:linear-gradient(135deg,#f97316,#ea580c);color:#fff}.tab-button.tab-category-6.active[data-v-bd1a6d23]{background:linear-gradient(135deg,#6b7280,#4b5563);color:#fff}.tab-button.tab-category-7.active[data-v-bd1a6d23]{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff}.tab-button.active[data-v-bd1a6d23]:after{display:none}