.sidebar[data-v-e44fc0c7]{width:0;height:100vh;background-color:#1f2a38;color:#fff;padding:20px;box-shadow:2px 0 8px #0003;position:fixed;top:0;left:0;z-index:1000}.menu[data-v-e44fc0c7]{list-style:none;padding:0;margin:0}.menu li[data-v-e44fc0c7]{margin:6px 0}.menu a[data-v-e44fc0c7]{display:block;padding:12px 16px;border-radius:8px;color:#e5e7eb;text-decoration:none;transition:all .2s ease}.menu a[data-v-e44fc0c7]:hover{background-color:#2563eb;color:#fff}.menu .active-link[data-v-e44fc0c7]{background-color:#1d4ed8;color:#fff;font-weight:600}.menu .active-link[data-v-e44fc0c7]:before{content:"";position:absolute;left:0;top:8px;bottom:8px;width:4px;background-color:#38bdf8;border-radius:2px}router-link[data-v-e44fc0c7]{display:block;color:#fff;text-decoration:none;padding:10px 15px;border-radius:8px;transition:all .3s}router-link[data-v-e44fc0c7]:hover{background-color:#34495e;color:#f39c12}.active-link[data-v-e44fc0c7]{background-color:#f39c12;color:#fff;font-weight:700;box-shadow:0 0 10px #f39c1280}.app-container{display:flex;height:100vh}.layout[data-v-86485489]{display:flex}.sidebar[data-v-86485489]{width:250px;height:100vh;background-color:#1f2a38;color:#fff;padding:20px;box-shadow:2px 0 8px #0003;position:fixed;top:0;left:0;z-index:1000}.main-content[data-v-86485489]{margin-left:250px;padding:20px;background-color:#f4f6f9;flex-grow:1}.menu[data-v-86485489]{list-style:none;padding:0;margin:0}.menu li[data-v-86485489]{margin:6px 0}.menu a[data-v-86485489]{display:block;padding:12px 16px;border-radius:8px;color:#e5e7eb;text-decoration:none;transition:all .2s ease}.menu a[data-v-86485489]:hover{background-color:#2563eb;color:#fff}.menu .active-link[data-v-86485489]{background-color:#1d4ed8;color:#fff;font-weight:600}.menu .active-link[data-v-86485489]:before{content:"";position:absolute;left:0;top:8px;bottom:8px;width:4px;background-color:#38bdf8;border-radius:2px}router-link[data-v-86485489]{display:block;color:#fff;text-decoration:none;padding:10px 15px;border-radius:8px;transition:all .3s}router-link[data-v-86485489]:hover{background-color:#34495e;color:#f39c12}.active-link[data-v-86485489]{background-color:#f39c12;color:#fff;font-weight:700;box-shadow:0 0 10px #f39c1280}.div[data-v-d1d822bc]{white-space:pre-line}.report-page[data-v-d1d822bc]{padding:20px}.stats-container[data-v-d1d822bc]{display:flex;flex-wrap:wrap;gap:20px;justify-content:flex-start;margin:20px 0}.stat-card[data-v-d1d822bc]{flex:1 1 220px;height:80px;background:linear-gradient(135deg,#22c55e,#16a34a);border-radius:16px;padding:24px 32px;box-shadow:0 10px 25px #22c55e59;transition:transform .2s ease,box-shadow .2s ease;color:#fff}.stat-card[data-v-d1d822bc]:hover{transform:translateY(-4px);box-shadow:0 16px 30px #00000040}.stat-card h1[data-v-d1d822bc]{margin:0;font-size:20px;font-weight:600;display:flex;justify-content:space-between;align-items:center}.stat-card .number[data-v-d1d822bc]{font-size:32px;font-weight:700}.stat-card[data-v-d1d822bc]:nth-child(1){background:linear-gradient(135deg,#22c55e,#16a34a)}.stat-card[data-v-d1d822bc]:nth-child(2){background:linear-gradient(135deg,#3b82f6,#1d4ed8)}.stat-card[data-v-d1d822bc]:nth-child(3){background:linear-gradient(135deg,#f59e0b,#d97706)}.stat-card[data-v-d1d822bc]:nth-child(4){background:linear-gradient(135deg,#ef4444,#b91c1c)}.table-wrapper[data-v-d1d822bc]{height:400px;overflow-y:auto;border:1px solid #ccc;border-radius:8px}.user-table[data-v-d1d822bc]{width:100%;border-collapse:collapse}.user-table th[data-v-d1d822bc],.user-table td[data-v-d1d822bc]{padding:12px 16px;text-align:left;border-bottom:1px solid #eee}.user-table thead th[data-v-d1d822bc]{position:sticky;top:0;background-color:#f9fafb;z-index:10}.user-table th.sortable[data-v-d1d822bc]{cursor:pointer;-webkit-user-select:none;user-select:none}.user-table tbody tr[data-v-d1d822bc]:hover{background-color:#f1f5f9}.grid-table[data-v-d1d822bc]{display:grid;grid-template-columns:repeat(4,1fr);border:1px solid #ccc}.cell[data-v-d1d822bc]{border:1px solid #ccc;text-align:center;padding:5px 0}.header[data-v-d1d822bc]{font-weight:700;background:#f5f5f5}.cell.active[data-v-d1d822bc]{background-color:#409eff;color:#fff;border-color:#409eff}.table[data-v-d1d822bc]{display:flex;flex-wrap:wrap;gap:0px;overflow:visible}.table-row[data-v-d1d822bc]{display:flex;width:100%;gap:0px;overflow:visible}.table-cell[data-v-d1d822bc]{display:flex;flex-direction:column;justify-content:space-between;width:25%;padding:6px;height:150px;background-color:#fff;border-radius:0;border:1px solid #ddd}.table-cell1[data-v-d1d822bc]{display:flex;flex-direction:row;justify-content:space-between;width:25%;padding:5px;background-color:#fff;border-radius:0;border:0px solid #ddd}.table-cellds[data-v-d1d822bc]{display:flex;flex-direction:column;justify-content:space-between;width:50%;padding:px;background-color:#fff;border-radius:0;border:0px solid #ddd}.table-cell text[data-v-d1d822bc]{margin-bottom:0;font-size:14px;text-align:center;font-weight:700}.table-cellds text[data-v-d1d822bc]{margin-bottom:0;text-align:center;font-weight:700}.table-cell1 text[data-v-d1d822bc]{margin-bottom:0;text-align:center;font-weight:700}.red[data-v-d1d822bc]{color:red;font-weight:700}.report-page[data-v-5b85b351]{padding:20px}table[data-v-5b85b351]{width:100%;border-collapse:collapse}th[data-v-5b85b351],td[data-v-5b85b351]{padding:10px;border:1px solid #ccc;text-align:center}th[data-v-5b85b351]{background-color:#f4f4f4}.report-page[data-v-c086a666]{height:1200px;display:flex;flex-direction:column;gap:40px;padding:20px;width:100%}.table-wrapper[data-v-c086a666]{height:400px;overflow-y:auto;border:1px solid #ccc;border-radius:8px}.user-table[data-v-c086a666]{width:100%;border-collapse:collapse}.user-table th[data-v-c086a666],.user-table td[data-v-c086a666]{padding:12px 16px;text-align:left;border-bottom:1px solid #eee}.user-table thead th[data-v-c086a666]{position:sticky;top:0;background-color:#f9fafb;z-index:10}.user-table th.sortable[data-v-c086a666]{cursor:pointer;-webkit-user-select:none;user-select:none}.user-table tbody tr[data-v-c086a666]:hover{background-color:#f1f5f9}.report-page[data-v-1f9e777e]{padding:20px}table[data-v-1f9e777e]{width:100%;border-collapse:collapse}th[data-v-1f9e777e],td[data-v-1f9e777e]{padding:10px;border:1px solid #ccc;text-align:center}th[data-v-1f9e777e]{background-color:#f4f4f4}.user-table[data-v-1f9e777e]{width:100%;border-collapse:collapse;margin-top:16px}.user-table th[data-v-1f9e777e],.user-table td[data-v-1f9e777e]{border:1px solid #ddd;padding:10px;text-align:center}.user-table th[data-v-1f9e777e]{background-color:#f5f7fa;font-weight:700}.user-table tr[data-v-1f9e777e]:nth-child(2n){background-color:#fafafa}.user-table tr[data-v-1f9e777e]:hover{background-color:#e6f7ff}.sortable[data-v-1f9e777e]{cursor:pointer;-webkit-user-select:none;user-select:none}.sortable[data-v-1f9e777e]:hover{color:#1890ff}.login-page[data-v-a7ff9f4b]{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100vh;margin-left:50vh}input[data-v-a7ff9f4b]{margin:5px 0;padding:8px}button[data-v-a7ff9f4b]{padding:8px 12px;margin-top:10px}.report-page[data-v-15551f48]{height:1200px;display:flex;flex-direction:column;gap:40px;padding:20px;width:100%}.table-wrapper[data-v-15551f48]{height:400px;overflow-y:auto;border:1px solid #ccc;border-radius:8px}.user-table[data-v-15551f48]{width:100%;border-collapse:collapse}.user-table th[data-v-15551f48],.user-table td[data-v-15551f48]{padding:12px 16px;text-align:left;border-bottom:1px solid #eee}.user-table thead th[data-v-15551f48]{position:sticky;top:0;background-color:#f9fafb;z-index:10}.user-table th.sortable[data-v-15551f48]{cursor:pointer;-webkit-user-select:none;user-select:none}.user-table tbody tr[data-v-15551f48]:hover{background-color:#f1f5f9}.timecontainer[data-v-15551f48]{display:flex;justify-content:flex-start;align-items:flex-end}.timecontainer input[data-v-15551f48]{height:30px}.timecontainer p[data-v-15551f48]{height:20px}