.logs-component[data-v-5f4847c5]{padding:20px;font-family:Arial,sans-serif;background:#f5f5f5;min-height:100vh;width:100%}.logs-layout[data-v-5f4847c5]{display:flex;gap:20px;align-items:flex-start;width:100%}.left-column[data-v-5f4847c5]{flex:0 0 45%;min-width:0;display:flex;flex-direction:column;gap:20px}.right-column[data-v-5f4847c5]{flex:1;min-width:0}.filters-section[data-v-5f4847c5]{background:#fff;padding:20px;border-radius:8px;box-shadow:0 2px 4px rgba(0,0,0,.1);width:100%}.filters-row[data-v-5f4847c5]{display:flex;flex-wrap:wrap;gap:12px;align-items:flex-end}.filter-group[data-v-5f4847c5]{display:flex;flex-direction:column;gap:5px;flex:1;min-width:120px}.filter-group label[data-v-5f4847c5]{font-size:12px;color:#666;font-weight:500}.filter-group select[data-v-5f4847c5]{padding:6px 10px;border:1px solid #ddd;border-radius:4px;font-size:13px;background:#fff;width:100%;height:34px;box-sizing:border-box}.filter-group.date-range[data-v-5f4847c5]{min-width:130px;flex:0.7}.datepicker-wrapper[data-v-5f4847c5]{width:100%;height:34px;display:flex;align-items:center}.logs-component[data-v-5f4847c5] .vdp-datepicker{width:100%;display:block}.logs-component[data-v-5f4847c5] .vdp-datepicker>div{width:100%;display:block;position:relative}.logs-component[data-v-5f4847c5] .vdp-datepicker input{padding:6px 10px;border:1px solid #ddd;border-radius:4px;font-size:13px;background:#fff;width:100%;height:34px;box-sizing:border-box;min-width:0;line-height:normal}.logs-component[data-v-5f4847c5] .vdp-datepicker input:focus{outline:none;border-color:#4caf50;box-shadow:0 0 0 2px rgba(76,175,80,.2)}.logs-component[data-v-5f4847c5] .vdp-datepicker .calendar-icon,.logs-component[data-v-5f4847c5] .vdp-datepicker .clear-btn{display:none!important}.logs-component[data-v-5f4847c5] .custom-calendar{position:absolute!important;top:100%!important;left:0!important;width:280px!important;min-width:280px!important;background:#fff!important;border:1px solid #ddd!important;border-radius:4px!important;box-shadow:0 4px 12px rgba(0,0,0,.15)!important;z-index:9999!important;margin-top:4px!important;padding:10px!important}.logs-component[data-v-5f4847c5] .custom-calendar .vdp-datepicker__calendar,.logs-component[data-v-5f4847c5] .custom-calendar table{width:100%!important}.logs-component[data-v-5f4847c5] .custom-calendar td,.logs-component[data-v-5f4847c5] .custom-calendar th{padding:4px!important;text-align:center!important;font-size:13px!important}.logs-component[data-v-5f4847c5] .custom-calendar .cell{padding:4px!important;border-radius:4px!important;cursor:pointer!important}.logs-component[data-v-5f4847c5] .custom-calendar .cell:hover{background:#f0f0f0!important}.logs-component[data-v-5f4847c5] .custom-calendar .cell.selected{background:#4caf50!important;color:#fff!important}.logs-component[data-v-5f4847c5] .custom-calendar .cell.day{width:36px!important;height:30px!important}.logs-component[data-v-5f4847c5] .custom-calendar .cell.month,.logs-component[data-v-5f4847c5] .custom-calendar .cell.year{padding:8px!important}.logs-component[data-v-5f4847c5] .custom-calendar .next,.logs-component[data-v-5f4847c5] .custom-calendar .prev{padding:4px 10px!important;cursor:pointer!important;background:transparent!important;border:none!important;font-size:16px!important}.logs-component[data-v-5f4847c5] .custom-calendar .next:hover,.logs-component[data-v-5f4847c5] .custom-calendar .prev:hover{background:#f0f0f0!important;border-radius:4px!important}.logs-component[data-v-5f4847c5] .custom-calendar .header{display:flex!important;justify-content:space-between!important;align-items:center!important;margin-bottom:8px!important;padding:0 4px!important}.logs-component[data-v-5f4847c5] .custom-calendar .header .title{font-weight:600!important;font-size:14px!important;cursor:pointer!important;padding:4px 8px!important;border-radius:4px!important}.logs-component[data-v-5f4847c5] .custom-calendar .header .title:hover{background:#f0f0f0!important}.logs-component[data-v-5f4847c5] .custom-calendar .weekdays{display:flex!important;justify-content:space-around!important;margin-bottom:4px!important}.logs-component[data-v-5f4847c5] .custom-calendar .weekdays span{width:36px!important;text-align:center!important;font-size:12px!important;color:#666!important;font-weight:600!important}.logs-component[data-v-5f4847c5] .custom-calendar .days{display:grid!important;grid-template-columns:repeat(7,1fr)!important;gap:2px!important}.filter-actions[data-v-5f4847c5]{display:flex;gap:8px;flex-wrap:wrap;padding-bottom:1px}.btn-apply[data-v-5f4847c5],.btn-reset[data-v-5f4847c5]{padding:6px 16px;border:none;border-radius:4px;cursor:pointer;font-size:13px;font-weight:500;height:34px;white-space:nowrap;box-sizing:border-box}.btn-apply[data-v-5f4847c5]{background:#4caf50;color:#fff}.btn-apply[data-v-5f4847c5]:hover{background:#45a049}.btn-reset[data-v-5f4847c5]{background:#f44336;color:#fff}.btn-reset[data-v-5f4847c5]:hover{background:#da190b}.chart-section[data-v-5f4847c5]{background:#fff;padding:20px;border-radius:8px;box-shadow:0 2px 4px rgba(0,0,0,.1)}.chart-controls[data-v-5f4847c5]{display:flex;align-items:center;gap:12px;margin-bottom:15px}.chart-controls label[data-v-5f4847c5]{font-size:13px;color:#666;font-weight:500}.chart-controls select[data-v-5f4847c5]{padding:4px 8px;border:1px solid #ddd;border-radius:4px;font-size:13px}.chart-container[data-v-5f4847c5]{height:280px;position:relative}#logChart[data-v-5f4847c5]{width:100%!important;height:100%!important}.logs-table-section[data-v-5f4847c5]{background:#fff;padding:20px;border-radius:8px;box-shadow:0 2px 4px rgba(0,0,0,.1);display:flex;flex-direction:column;height:100%}.table-header[data-v-5f4847c5]{display:flex;justify-content:space-between;margin-bottom:12px;padding:8px 12px;background:#f9f9f9;border-radius:4px;font-size:13px;flex-shrink:0}.table-wrapper[data-v-5f4847c5]{flex:1;overflow:auto;max-height:500px}.logs-table[data-v-5f4847c5]{width:100%;border-collapse:collapse;font-size:13px}.logs-table thead[data-v-5f4847c5]{position:sticky;top:0;z-index:10}.logs-table th[data-v-5f4847c5]{background:#f0f0f0;padding:10px 12px;text-align:left;font-weight:600;border-bottom:2px solid #ddd;white-space:nowrap}.logs-table td[data-v-5f4847c5]{padding:8px 12px;border-bottom:1px solid #eee;font-size:13px;word-break:break-word}.logs-table tbody tr[data-v-5f4847c5]:hover{background:#f9f9f9}.no-logs[data-v-5f4847c5]{text-align:center;color:#999;padding:40px!important}.pagination-section[data-v-5f4847c5]{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:10px;margin-top:15px;padding-top:15px;border-top:1px solid #eee;flex-shrink:0}.pagination-info[data-v-5f4847c5]{font-size:13px;color:#666}.pagination-controls[data-v-5f4847c5]{display:flex;align-items:center;gap:4px;flex-wrap:wrap}.pagination-controls button[data-v-5f4847c5]{padding:4px 10px;border:1px solid #ddd;background:#fff;cursor:pointer;border-radius:4px;font-size:13px;height:30px;box-sizing:border-box}.pagination-controls button[data-v-5f4847c5]:hover:not(:disabled){background:#f0f0f0}.pagination-controls button[data-v-5f4847c5]:disabled{opacity:.5;cursor:not-allowed}.pagination-controls button.active[data-v-5f4847c5]{background:#4caf50;color:#fff;border-color:#4caf50}.page-number[data-v-5f4847c5]{display:inline-block}.page-size-control[data-v-5f4847c5]{display:flex;align-items:center;gap:6px}.page-size-control select[data-v-5f4847c5]{padding:4px 8px;border:1px solid #ddd;border-radius:4px;font-size:13px;height:30px;box-sizing:border-box}.page-size-control span[data-v-5f4847c5]{font-size:13px;color:#666}@media (max-width:1200px){.left-column[data-v-5f4847c5]{flex:0 0 42%}}@media (max-width:992px){.logs-layout[data-v-5f4847c5]{flex-direction:column}.left-column[data-v-5f4847c5]{flex:none;width:100%}.right-column[data-v-5f4847c5]{width:100%}.table-wrapper[data-v-5f4847c5]{max-height:400px}}@media (max-width:768px){.filters-row[data-v-5f4847c5]{flex-direction:column;align-items:stretch}.filter-group.date-range[data-v-5f4847c5],.filter-group[data-v-5f4847c5]{min-width:auto}.filter-actions[data-v-5f4847c5]{justify-content:stretch}.filter-actions button[data-v-5f4847c5]{flex:1}.pagination-section[data-v-5f4847c5]{flex-direction:column;align-items:stretch}.pagination-controls[data-v-5f4847c5]{justify-content:center}.table-wrapper[data-v-5f4847c5]{max-height:300px}.logs-table[data-v-5f4847c5]{font-size:12px}.logs-table td[data-v-5f4847c5],.logs-table th[data-v-5f4847c5]{padding:6px 8px}}