.login-history-container[data-v-463f41a5]{max-width:1200px;width:100%;margin:0 auto;padding:20px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.header[data-v-463f41a5]{margin-top:30px;margin-bottom:30px}.header h2[data-v-463f41a5]{margin:0 0 8px 0;color:#1a1a1a;font-size:28px;font-weight:600}.subtitle[data-v-463f41a5]{margin:0;color:#6b7280;font-size:16px}.search-form[data-v-463f41a5]{background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;padding:20px;margin-bottom:20px}.form-row[data-v-463f41a5]{display:-webkit-box;display:-ms-flexbox;display:flex;gap:20px;margin-bottom:20px;-ms-flex-wrap:wrap;flex-wrap:wrap}.form-group[data-v-463f41a5]{-webkit-box-flex:1;-ms-flex:1;flex:1;min-width:200px}.form-group label[data-v-463f41a5]{display:block;margin-bottom:6px;font-weight:500;color:#374151;font-size:14px}.form-group input[data-v-463f41a5],.form-group select[data-v-463f41a5]{width:100%;padding:8px 12px;border:1px solid #d1d5db;border-radius:6px;font-size:14px;background:#fff}.form-group input[data-v-463f41a5]:focus,.form-group select[data-v-463f41a5]:focus{outline:none;border-color:#3b82f6;-webkit-box-shadow:0 0 0 2px rgba(59,130,246,.1);box-shadow:0 0 0 2px rgba(59,130,246,.1)}.date-range[data-v-463f41a5]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:8px}.date-range input[data-v-463f41a5]{-webkit-box-flex:1;-ms-flex:1;flex:1}.date-separator[data-v-463f41a5]{color:#6b7280;font-size:14px}.form-actions[data-v-463f41a5]{display:-webkit-box;display:-ms-flexbox;display:flex;gap:10px;-ms-flex-wrap:wrap;flex-wrap:wrap}.btn[data-v-463f41a5]{padding:10px 20px;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;border:none;-webkit-transition:all .2s;transition:all .2s}.btn[data-v-463f41a5]:disabled{opacity:.6;cursor:not-allowed}.btn-primary[data-v-463f41a5]{background:#3b82f6;color:#fff}.btn-primary[data-v-463f41a5]:hover:not(:disabled){background:#2563eb}.btn-secondary[data-v-463f41a5]{background:#6b7280;color:#fff}.btn-secondary[data-v-463f41a5]:hover:not(:disabled){background:#4b5563}.btn-outline[data-v-463f41a5]{background:transparent;color:#3b82f6;border:1px solid #3b82f6}.btn-outline[data-v-463f41a5]:hover:not(:disabled){background:#3b82f6;color:#fff}.btn-small[data-v-463f41a5]{padding:6px 12px;font-size:12px}.loading[data-v-463f41a5]{text-align:center;padding:40px;color:#6b7280}.spinner[data-v-463f41a5]{width:40px;height:40px;margin:0 auto 16px;border:3px solid #f3f4f6;border-top:3px solid #3b82f6;border-radius:50%;-webkit-animation:spin-463f41a5 1s linear infinite;animation:spin-463f41a5 1s linear infinite}@-webkit-keyframes spin-463f41a5{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes spin-463f41a5{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}.error-message[data-v-463f41a5]{background:#fef2f2;border:1px solid #fecaca;color:#dc2626;padding:16px;border-radius:6px;margin-bottom:20px}.statistics[data-v-463f41a5]{display:-webkit-box;display:-ms-flexbox;display:flex;gap:20px;margin-bottom:20px;-ms-flex-wrap:wrap;flex-wrap:wrap}.stat-item[data-v-463f41a5]{background:#fff;border:1px solid #e5e7eb;border-radius:8px;padding:16px;-webkit-box-flex:1;-ms-flex:1;flex:1;min-width:160px}.stat-label[data-v-463f41a5]{display:block;color:#6b7280;font-size:14px;margin-bottom:4px}.stat-value[data-v-463f41a5]{display:block;font-size:20px;font-weight:600;color:#1a1a1a}.stat-value.success[data-v-463f41a5]{color:#059669}.stat-value.failed[data-v-463f41a5]{color:#dc2626}.history-table-container[data-v-463f41a5]{background:#fff;border:1px solid #e5e7eb;border-radius:8px;overflow:hidden}.history-table[data-v-463f41a5]{width:100%;border-collapse:collapse}.history-table th[data-v-463f41a5]{background:#f9fafb;padding:12px;text-align:left;font-weight:600;color:#374151;border-bottom:1px solid #e5e7eb;font-size:14px}.history-table td[data-v-463f41a5]{padding:12px;border-bottom:1px solid #f3f4f6;font-size:14px}.history-table tr[data-v-463f41a5]:hover{background:#f9fafb}.history-table tr.failed-login[data-v-463f41a5]{background:#fef2f2}.status-badge[data-v-463f41a5]{padding:4px 8px;border-radius:4px;font-size:12px;font-weight:500}.status-badge.success[data-v-463f41a5]{background:#d1fae5;color:#065f46}.status-badge.failed[data-v-463f41a5]{background:#fee2e2;color:#991b1b}.pagination[data-v-463f41a5]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;gap:8px;padding:16px;border-top:1px solid #e5e7eb}.page-btn[data-v-463f41a5]{padding:8px 12px;border:1px solid #d1d5db;background:#fff;border-radius:4px;cursor:pointer;font-size:14px}.page-btn[data-v-463f41a5]:hover:not(:disabled){background:#f3f4f6}.page-btn[data-v-463f41a5]:disabled{opacity:.5;cursor:not-allowed}.page-info[data-v-463f41a5]{margin:0 16px;font-size:14px;color:#6b7280}.no-data[data-v-463f41a5]{text-align:center;padding:40px;color:#6b7280;background:#fff;border:1px solid #e5e7eb;border-radius:8px}@media (max-width:768px){.form-row[data-v-463f41a5],.statistics[data-v-463f41a5]{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.history-table-container[data-v-463f41a5]{overflow-x:auto}.history-table[data-v-463f41a5]{min-width:600px}}