.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}.report-page[data-v-c1c61908]{padding:20px}.stats-container[data-v-c1c61908]{display:flex;flex-wrap:wrap;gap:20px;justify-content:flex-start;margin:20px 0}.stat-card[data-v-c1c61908]{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-c1c61908]:hover{transform:translateY(-4px);box-shadow:0 16px 30px #00000040}.stat-card h1[data-v-c1c61908]{margin:0;font-size:20px;font-weight:600;display:flex;justify-content:space-between;align-items:center}.stat-card .number[data-v-c1c61908]{font-size:32px;font-weight:700}.stat-card[data-v-c1c61908]:nth-child(1){background:linear-gradient(135deg,#22c55e,#16a34a)}.stat-card[data-v-c1c61908]:nth-child(2){background:linear-gradient(135deg,#3b82f6,#1d4ed8)}.stat-card[data-v-c1c61908]:nth-child(3){background:linear-gradient(135deg,#f59e0b,#d97706)}.stat-card[data-v-c1c61908]:nth-child(4){background:linear-gradient(135deg,#ef4444,#b91c1c)}.report-page[data-v-c520cfb9]{padding:20px}table[data-v-c520cfb9]{width:100%;border-collapse:collapse}th[data-v-c520cfb9],td[data-v-c520cfb9]{padding:10px;border:1px solid #ccc;text-align:center}th[data-v-c520cfb9]{background-color:#f4f4f4}.report-page[data-v-73573042]{height:1200px;display:flex;flex-direction:column;gap:40px;padding:20px;width:100%}.table-wrapper[data-v-73573042]{height:400px;overflow-y:auto;border:1px solid #ccc;border-radius:8px}.user-table[data-v-73573042]{width:100%;border-collapse:collapse}.user-table th[data-v-73573042],.user-table td[data-v-73573042]{padding:12px 16px;text-align:left;border-bottom:1px solid #eee}.user-table thead th[data-v-73573042]{position:sticky;top:0;background-color:#f9fafb;z-index:10}.user-table th.sortable[data-v-73573042]{cursor:pointer;-webkit-user-select:none;user-select:none}.user-table tbody tr[data-v-73573042]: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}