html,body{overflow-x:hidden;max-width:100vw}.history-container{margin-left:220px;padding:2rem 1.5rem;min-height:calc(100vh - 60px);background:#f9fafb;max-width:calc(100vw - 220px);width:auto;box-sizing:border-box}.history-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;padding-bottom:1.5rem;border-bottom:1px solid #e5e7eb;width:100%;max-width:100%;box-sizing:border-box}.header-left{display:flex;align-items:center;gap:1rem}.header-icon{font-size:2.5rem;line-height:1}.header-text h2{margin:0 0 .25rem;font-size:1.875rem;font-weight:700;color:#111827}.header-text h1{margin:0 0 .25rem;font-size:1.5rem;font-weight:700;color:#2c3e50}.header-text p{margin:0;font-size:.875rem;color:#6b7280}.header-right{display:flex;gap:1rem;align-items:center}.period-filters{display:flex;gap:.5rem;background:#fff;padding:.25rem;border-radius:8px;box-shadow:0 1px 3px #0000001a}.period-btn{padding:.5rem 1rem;border:none;background:transparent;color:#6b7280;font-size:.875rem;font-weight:500;border-radius:6px;cursor:pointer;transition:all .2s ease}.period-btn:hover{background:#f3f4f6;color:#111827}.period-btn.active{background:#2563eb;color:#fff}.metrics-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.75rem}.metrics-title-area{display:flex;align-items:center;gap:.5rem}.metrics-since{font-size:12px;color:#64748b;font-weight:500}.reset-stats-btn{display:flex;align-items:center;gap:6px;padding:6px 12px;font-size:12px;font-weight:500;color:#64748b;background:#fff;border:1px solid #e2e8f0;border-radius:6px;cursor:pointer;transition:all .15s ease}.reset-stats-btn:hover{color:#1e293b;border-color:#cbd5e1;background:#f8fafc}.reset-stats-btn:active{transform:scale(.98)}.reset-stats-btn svg{opacity:.7}.reset-stats-btn:hover svg{opacity:1}.metrics-dashboard{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1.5rem;margin-bottom:2rem;width:100%}.metric-card{background:#fff;padding:1rem 1.25rem;border-radius:10px;box-shadow:0 1px 3px #0000001a;display:flex;gap:.75rem;align-items:flex-start;transition:all .2s ease}.metric-card:hover{box-shadow:0 4px 12px #0000001a;transform:translateY(-2px)}.metric-icon{width:40px;height:40px;border-radius:8px;display:flex;align-items:center;justify-content:center;flex-shrink:0;font-size:1.1rem}.metric-content{flex:1}.metric-value{font-size:1.5rem;font-weight:700;color:#111827;margin-bottom:.125rem;line-height:1}.metric-label{font-size:.75rem;font-weight:600;color:#374151;margin-bottom:.125rem}.metric-subtitle{font-size:.65rem;color:#9ca3af}.history-layout{display:block;width:calc(100% - 20px);margin-left:20px;margin-right:0;max-width:none}.history-layout .import-sidebar{background:#fff!important;border-right:1px solid #e2e8f0!important;padding:1rem 0!important;position:fixed!important;left:0!important;top:100px!important;width:240px!important;height:calc(100vh - 100px)!important;z-index:150!important;overflow-y:auto!important}.history-sidebar{background:#fff;border-radius:12px;padding:1.5rem;box-shadow:0 1px 3px #0000001a;position:sticky;top:2rem;max-height:calc(100vh - 140px);overflow-y:auto}.sidebar-nav{display:flex;flex-direction:column;gap:2rem}.sidebar-section{display:flex;flex-direction:column;gap:.75rem}.sidebar-title{font-size:.75rem;font-weight:700;color:#9ca3af;text-transform:uppercase;letter-spacing:.05em;margin-bottom:.25rem}.sidebar-link{display:flex;align-items:center;gap:.75rem;padding:.75rem;color:#6b7280;text-decoration:none;border-radius:8px;font-size:.875rem;font-weight:500;transition:all .2s ease}.sidebar-link:hover{background:#f3f4f6;color:#111827}.sidebar-link svg{flex-shrink:0}.sidebar-button{display:flex;align-items:center;gap:.75rem;padding:.75rem;border:none;background:#f3f4f6;color:#6b7280;text-decoration:none;border-radius:8px;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s ease;width:100%;text-align:left}.sidebar-filter{display:flex;flex-direction:column;gap:.5rem}.filter-checkbox{display:flex;align-items:center;gap:.5rem;padding:.5rem;cursor:pointer;border-radius:6px;transition:background .2s ease}.filter-checkbox:hover{background:#f9fafb}.history-main{background:#fff;border-radius:12px;box-shadow:0 1px 3px #0000001a;overflow:hidden;min-width:0;width:100%!important;max-width:none!important;flex:1}.import-activity{display:flex;flex-direction:column;width:100%!important;max-width:none!important}.activity-header{display:flex;justify-content:space-between;align-items:center;padding:1.5rem;border-bottom:1px solid #e5e7eb}.activity-header h3{margin:0;font-size:1.25rem;font-weight:700;color:#111827}.activity-count{font-size:.875rem;color:#6b7280;font-weight:500}.activity-list{padding:1rem;display:flex;flex-direction:column;gap:1rem;width:100%!important;max-width:none!important}.import-entry{border:1px solid #e5e7eb;border-radius:8px;background:#fafafa;overflow:hidden;transition:all .2s ease;width:100%!important;max-width:none!important}.import-entry:hover{box-shadow:0 2px 8px #00000014;border-color:#d1d5db}.import-entry.expanded{background:#fff;border-color:#2563eb}.entry-header{display:flex;justify-content:space-between;align-items:center;padding:1rem;cursor:pointer;-webkit-user-select:none;user-select:none}.entry-left{display:flex;align-items:center;gap:1rem;flex:1}.entry-status-icon{width:40px;height:40px;border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:1.25rem;font-weight:700;flex-shrink:0}.entry-status-icon.success{background:#dcfce7;color:#15803d}.entry-status-icon.partial{background:#fef3c7;color:#b45309}.entry-status-icon.failed{background:#fee2e2;color:#dc2626}.entry-info{flex:1;min-width:0}.entry-title{display:flex;align-items:center;gap:.75rem;margin-bottom:.25rem}.entry-filename{font-weight:600;color:#111827;font-size:.9375rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.entry-type{display:inline-block;padding:.125rem .5rem;background:#dbeafe;color:#1e40af;border-radius:12px;font-size:.75rem;font-weight:600;text-transform:capitalize}.entry-type.google-sync{background:#dcfce7;color:#166534}.entry-stats{display:flex;gap:1rem;font-size:.8125rem;color:#6b7280}.entry-stats span{display:flex;align-items:center;gap:.25rem}.stat-label{font-weight:500;color:#000!important}.stat-value{font-weight:600;color:#374151}.stat-value.error{color:#dc2626}.entry-right{display:flex;align-items:center;gap:1rem}.entry-time{font-size:.8125rem;color:#9ca3af;font-weight:500}.entry-actions{display:flex;gap:.5rem}.entry-action-btn{padding:.5rem;border:none;background:transparent;color:#6b7280;cursor:pointer;border-radius:6px;transition:all .2s ease;display:flex;align-items:center;justify-content:center}.entry-action-btn:hover{background:#f3f4f6;color:#111827}.entry-action-btn.delete:hover{background:#fee2e2;color:#dc2626}.expand-icon{width:20px;height:20px;display:flex;align-items:center;justify-content:center;transition:transform .2s ease}.import-entry.expanded .expand-icon{transform:rotate(180deg)}.entry-details{display:none;padding:.75rem 1rem;border-top:1px solid #e5e7eb;background:#fafafa}.import-entry.expanded .entry-details{display:block}.details-grid{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:.75rem}.detail-item{padding:.6rem .9rem;background:#fff;border-radius:6px;border:1px solid #e5e7eb;display:flex;align-items:center;gap:.5rem;flex:0 0 auto}.detail-label{font-size:.7rem;color:#6b7280;font-weight:600;text-transform:uppercase;letter-spacing:.03em}.detail-value{font-size:.95rem;font-weight:700;color:#111827}.detail-value.success{color:#15803d}.detail-value.warning{color:#b45309}.detail-value.error{color:#dc2626}.error-summary{padding:1rem;background:#fef2f2;border:1px solid #fecaca;border-radius:6px;margin-top:1rem}.error-summary-title{font-size:.875rem;font-weight:600;color:#991b1b;margin-bottom:.5rem;display:flex;align-items:center;gap:.5rem}.error-summary-text{font-size:.8125rem;color:#7f1d1d;line-height:1.5}.view-details-link{display:inline-block;margin-top:.75rem;padding:.5rem 1rem;background:#fff;color:#dc2626;border:1px solid #fecaca;border-radius:6px;font-size:.8125rem;font-weight:600;text-decoration:none;transition:all .2s ease}.view-details-link:hover{background:#fee2e2;border-color:#fca5a5}.empty-state{padding:4rem 2rem;text-align:center;color:#9ca3af}.empty-state svg{margin:0 auto 1.5rem;opacity:.5}.empty-state p{margin:0 0 .5rem;font-size:1.125rem;font-weight:600;color:#6b7280}.empty-state span{display:block;font-size:.875rem;margin-bottom:1.5rem}.empty-action{display:inline-block;padding:.75rem 1.5rem;background:#2563eb;color:#fff;border-radius:8px;font-weight:600;text-decoration:none;transition:background .2s ease}.empty-action:hover{background:#1d4ed8}@media (max-width: 1400px){.metrics-dashboard{grid-template-columns:repeat(2,1fr)}}@media (max-width: 1024px){.history-layout{grid-template-columns:1fr}.history-sidebar{position:static;max-height:none}.metrics-dashboard{grid-template-columns:repeat(2,1fr)}}@media (max-width: 768px){.history-container{margin-left:0;padding:1rem}.history-header{flex-direction:column;align-items:flex-start;gap:1rem}.metrics-dashboard,.details-grid{grid-template-columns:1fr}.entry-header{flex-direction:column;align-items:flex-start;gap:.75rem}.entry-right{width:100%;justify-content:space-between}}.history-sidebar::-webkit-scrollbar{width:6px}.history-sidebar::-webkit-scrollbar-track{background:#f3f4f6;border-radius:10px}.history-sidebar::-webkit-scrollbar-thumb{background:#d1d5db;border-radius:10px}.history-sidebar::-webkit-scrollbar-thumb:hover{background:#9ca3af}.import-container .import-layout{grid-template-columns:180px 1fr!important;gap:1.5rem}.import-container .import-main{flex:1;max-width:none;width:100%;grid-column:2}.import-container .import-activity{width:100%}.import-container .activity-header,.import-container .activity-list{padding:1.5rem 2rem}.import-container .import-entry{width:100%}.import-container .metrics-dashboard{margin-bottom:2rem}.import-container .import-sidebar{grid-column:1}@media (min-width: 1200px){.import-container .import-layout{grid-template-columns:180px 1fr!important}}.sidebar-filters{margin-top:2rem;padding-top:2rem;border-top:1px solid #e5e7eb}.filter-section{margin-bottom:1.5rem}.filter-title{font-size:.7rem;font-weight:700;color:#9ca3af;text-transform:uppercase;letter-spacing:.05em;margin-bottom:.75rem}.filter-checkbox{display:flex;align-items:center;gap:.5rem;padding:.5rem 0;cursor:pointer}.filter-checkbox input[type=checkbox]{width:16px;height:16px;cursor:pointer;accent-color:#2563eb}.filter-label{font-size:.875rem;color:#374151;font-weight:500}.sidebar-button{display:flex;align-items:center;gap:.75rem;padding:.75rem;border:none;background:#f3f4f6;color:#6b7280;border-radius:8px;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s ease;width:100%;text-align:left}.sidebar-button:hover{background:#e5e7eb;color:#111827}.sidebar-button.danger{background:#fef2f2;color:#dc2626}.sidebar-button.danger:hover{background:#fee2e2;color:#b91c1c}.sidebar-button svg{flex-shrink:0}