[data-v-d25f8cb6]{margin:0;padding:0;box-sizing:border-box}@font-face{font-family:MyCustomFont;src:url(../fonts/PFDinTextArabic-Medium.835f4c5c.ttf) format("woff2");font-weight:400;font-style:normal}.container[data-v-d25f8cb6]{min-height:100vh;background:#f8fafc;padding:8px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif}.search-section[data-v-d25f8cb6]{margin-bottom:6px}.search-row[data-v-d25f8cb6]{display:flex;gap:6px}.search-input-group[data-v-d25f8cb6]{position:relative;display:flex;align-items:center;background:#fff;border-radius:6px;padding:0 8px;box-shadow:0 1px 2px rgba(0,0,0,.05);border:1px solid #f1f5f9;transition:all .2s ease;flex:1;min-height:32px}.search-input-group[data-v-d25f8cb6]:focus-within{border-color:#e2e8f0;box-shadow:0 0 0 2px rgba(59,130,246,.06)}.time-icon[data-v-d25f8cb6]{width:36px;height:36px;border-radius:8px}.search-icon[data-v-d25f8cb6]{margin-right:6px;display:flex;align-items:center;color:#94a3b8;flex-shrink:0}.search-input[data-v-d25f8cb6]{flex:1;border:none;outline:none;padding:8px 0;font-size:13px;color:#334155;background:transparent;font-weight:400}.search-input[data-v-d25f8cb6]::placeholder{color:#cbd5e1;font-weight:400}.clear-btn[data-v-d25f8cb6]{padding:4px;cursor:pointer;border-radius:4px;transition:all .2s ease;display:flex;align-items:center;justify-content:center;color:#cbd5e1;flex-shrink:0;margin-left:4px}.clear-btn[data-v-d25f8cb6]:hover{background:#f8fafc;color:#94a3b8}.filter-section[data-v-d25f8cb6]{margin-bottom:10px}.filter-row[data-v-d25f8cb6]{display:flex;gap:8px}.filter-item[data-v-d25f8cb6]{flex:1}.select-wrapper[data-v-d25f8cb6]{position:relative;background:#fff;border-radius:12px;box-shadow:0 1px 2px rgba(0,0,0,.05);border:1px solid #f1f5f9;transition:all .2s ease}.select-wrapper[data-v-d25f8cb6]:hover{border-color:#e2e8f0}.select-wrapper[data-v-d25f8cb6]:focus-within{border-color:#e2e8f0;box-shadow:0 0 0 3px rgba(59,130,246,.08)}.custom-select[data-v-d25f8cb6]{width:100%;padding:10px 32px 10px 14px;border:none;outline:none;background:transparent;font-size:14px;color:#334155;font-weight:400;cursor:pointer;appearance:none;min-height:36px}.custom-select option[data-v-d25f8cb6]{padding:8px}.select-arrow[data-v-d25f8cb6]{position:absolute;right:12px;top:50%;transform:translateY(-50%);pointer-events:none;transition:transform .2s ease;color:#94a3b8}.select-wrapper:focus-within .select-arrow[data-v-d25f8cb6]{color:#64748b}.time-section[data-v-d25f8cb6]{margin-bottom:10px}.time-selector[data-v-d25f8cb6]{background:#fff;border-radius:6px;padding:10px 12px;box-shadow:0 1px 2px rgba(0,0,0,.05);border:1px solid #f1f5f9;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;gap:8px;position:relative;min-height:36px}.time-selector[data-v-d25f8cb6]:hover{border-color:#e2e8f0}.time-selector[data-v-d25f8cb6]:active{transform:scale(.98)}.time-icon[data-v-d25f8cb6]{display:flex;align-items:center;justify-content:center;width:32px;height:32px;background:#3b82f6;border-radius:6px;color:#fff;flex-shrink:0}.time-content[data-v-d25f8cb6]{flex:1}.time-placeholder[data-v-d25f8cb6]{color:#cbd5e1;font-size:14px;font-weight:400}.time-selected .time-label[data-v-d25f8cb6]{display:block;color:#94a3b8;font-size:11px;font-weight:500;text-transform:uppercase;letter-spacing:.5px;margin-bottom:2px}.time-range[data-v-d25f8cb6]{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.time-date[data-v-d25f8cb6]{color:#334155;font-size:13px;font-weight:500;font-family:MyCustomFont,monospace}.time-separator[data-v-d25f8cb6]{color:#cbd5e1;font-size:12px;margin:0 2px}.time-clear[data-v-d25f8cb6]{position:absolute;right:12px;top:50%;transform:translateY(-50%);padding:4px;cursor:pointer;border-radius:4px;transition:all .2s ease;display:flex;align-items:center;justify-content:center;color:#cbd5e1}.time-clear[data-v-d25f8cb6]:hover{background:#f8fafc;color:#94a3b8}.records-section[data-v-d25f8cb6]{background:#fff;border-radius:8px;box-shadow:0 1px 3px rgba(0,0,0,.1);border:1px solid #e2e8f0;overflow:hidden;min-height:400px}.record-item[data-v-d25f8cb6]{display:flex;flex-direction:column;padding:10px 12px;border-bottom:1px solid #f1f5f9;transition:all .2s ease;position:relative;gap:8px}.record-item[data-v-d25f8cb6]:hover{background:#f8fafc}.record-item[data-v-d25f8cb6]:last-child{border-bottom:none}.record-header[data-v-d25f8cb6]{display:flex;align-items:center;justify-content:space-between;width:100%;margin-bottom:4px}.student-info[data-v-d25f8cb6]{display:flex;align-items:center;gap:8px;flex:1;min-width:0}.record-status[data-v-d25f8cb6]{display:flex;align-items:center;gap:6px;flex-shrink:0}.status-icon[data-v-d25f8cb6]{width:28px;height:28px;border-radius:6px;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.status-enter[data-v-d25f8cb6]{background:#10b981;color:#fff}.status-leave[data-v-d25f8cb6]{background:#f59e0b;color:#fff}.status-text[data-v-d25f8cb6]{font-size:13px;font-weight:600;letter-spacing:.2px}.text-enter[data-v-d25f8cb6]{color:#10b981}.text-leave[data-v-d25f8cb6]{color:#f59e0b}.record-footer[data-v-d25f8cb6]{display:flex;align-items:center;justify-content:space-between;width:100%}.student-name[data-v-d25f8cb6]{font-size:16px;font-weight:600;color:#1e293b;letter-spacing:.2px;white-space:nowrap;display:inline-block}.student-details[data-v-d25f8cb6]{display:flex;gap:6px;align-items:center;flex-wrap:nowrap;overflow:hidden}.student-number[data-v-d25f8cb6]{font-size:12px;color:#64748b;background:#f1f5f9;padding:2px 6px;font-family:MyCustomFont,monospace;display:inline-block}.student-class[data-v-d25f8cb6],.student-number[data-v-d25f8cb6]{font-weight:500;border-radius:3px;white-space:nowrap;flex-shrink:0}.student-class[data-v-d25f8cb6]{font-size:11px;color:#3b82f6;background:#eff6ff;padding:2px 5px}.record-time[data-v-d25f8cb6]{text-align:right;flex-shrink:0;margin-left:8px}.time-display[data-v-d25f8cb6]{font-size:11px;color:#64748b;font-weight:500;font-family:MyCustomFont,monospace;background:#f8fafc;padding:3px 6px;border-radius:4px;border:1px solid #e2e8f0}.empty-state[data-v-d25f8cb6]{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;text-align:center}.empty-icon[data-v-d25f8cb6]{margin-bottom:16px;opacity:.4}.empty-text[data-v-d25f8cb6]{font-size:16px;font-weight:500;color:#64748b;margin-bottom:6px}.empty-subtext[data-v-d25f8cb6]{font-size:14px;color:#94a3b8;font-weight:400}@media (max-width:640px){.container[data-v-d25f8cb6]{padding:12px}.filter-row[data-v-d25f8cb6]{flex-direction:column;gap:8px}.record-item[data-v-d25f8cb6]{flex-direction:column;align-items:flex-start;gap:12px;padding:16px}.record-status[data-v-d25f8cb6]{align-self:flex-start}.record-info[data-v-d25f8cb6]{margin-left:0;width:100%}.record-time[data-v-d25f8cb6]{align-self:flex-end;text-align:right}.student-details[data-v-d25f8cb6]{align-items:flex-start;gap:6px}}.record-item[data-v-d25f8cb6]{animation:fadeIn-d25f8cb6 .3s ease forwards}@keyframes fadeIn-d25f8cb6{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.var-time-picker__title[data-v-d25f8cb6]{display:none}.var-picker[data-v-d25f8cb6]{padding-bottom:100px}[data-v-d25f8cb6] .var-date-picker__header{background:#fff!important;color:#334155!important}[data-v-d25f8cb6] .var-date-picker__title{color:#334155!important;font-weight:500}[data-v-d25f8cb6] .var-date-picker__range-header{background:#f8fafc!important;color:#334155!important;padding:12px 16px;border-radius:8px 8px 0 0}[data-v-d25f8cb6] .var-date-picker{border-radius:12px 12px 0 0;overflow:hidden}.popup-example-block[data-v-d25f8cb6]{background:#fff;border-radius:12px 12px 0 0}