.view-logs-page{display:flex;flex-direction:column;gap:var(--spacing-3)}.view-logs-header{display:flex;justify-content:space-between;align-items:center;gap:var(--spacing-2);flex-wrap:wrap}.view-logs-header h1{margin:0}.filters-card{display:flex;flex-direction:column;gap:var(--spacing-3)}.quick-filters{display:flex;gap:var(--spacing-2);flex-wrap:wrap}.quick-filter-btn{padding:var(--spacing-1) var(--spacing-3);background:var(--surface-color);border:1px solid var(--border-color);color:var(--text-color);font-size:var(--text-sm);border-radius:var(--radius-2);cursor:pointer;transition:all .2s ease;white-space:nowrap}.quick-filter-btn:hover{background:var(--hover-color);border-color:var(--primary)}.filters-row{display:grid;grid-template-columns:1fr auto auto auto;gap:var(--spacing-2);align-items:end}.filter-group{display:flex;flex-direction:column;gap:var(--spacing-1)}.filter-group label{font-size:var(--text-sm);font-weight:var(--font-semibold);color:var(--text-color)}.filter-group input{width:100%}.search-input{min-width:300px}.clear-filters-btn{white-space:nowrap}.client-pills-section{display:flex;flex-direction:column;gap:var(--spacing-2)}.client-pills-section>label{font-size:var(--text-sm);font-weight:var(--font-semibold);color:var(--text-color)}.client-pills{display:flex;flex-wrap:wrap;gap:var(--spacing-2)}.client-pill{padding:var(--spacing-1) var(--spacing-2);background:var(--surface-color);border:1px solid var(--border-color);color:var(--text-color);font-size:var(--text-sm);font-weight:var(--font-normal);border-radius:999px;cursor:pointer;transition:all .2s ease;white-space:nowrap}.client-pill:hover{background:var(--hover-color);border-color:var(--primary)}.client-pill.active{background:var(--primary);color:#fff;border-color:var(--primary)}.results-info{padding:var(--spacing-2);background:var(--hover-color);border:1px solid var(--border-color);border-radius:var(--radius-2);font-size:var(--text-sm);color:var(--text-color);text-align:center}.table-card{overflow:hidden}.table-wrapper{overflow-x:auto}.table-wrapper table{width:100%;min-width:800px}.no-results{text-align:center;padding:var(--spacing-4);color:var(--text-color);opacity:.7}.pagination{display:flex;justify-content:center;align-items:center;gap:var(--spacing-2);padding-top:var(--spacing-3);border-top:1px solid var(--border-color);margin-top:var(--spacing-3)}.page-info{padding:var(--spacing-2);font-size:var(--text-base);color:var(--text-color)}.log-actions{display:flex;gap:var(--spacing-1);justify-content:center}.btn-icon{padding:var(--spacing-1);background:transparent;border:1px solid var(--border-color);border-radius:var(--radius-2);cursor:pointer;font-size:var(--text-lg);transition:all .2s ease;display:flex;align-items:center;justify-content:center}.btn-icon:hover{background:var(--hover-color);border-color:var(--primary)}.modal-overlay{position:fixed;inset:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:1000;animation:fadeIn .2s ease}.modal-content{background:var(--bg-color);border:1px solid var(--border-color);border-radius:var(--radius-3);max-width:700px;width:90%;max-height:calc(100vh - 140px);display:flex;flex-direction:column;animation:slideIn .3s ease;overflow:hidden}.modal-content form{display:flex;flex-direction:column;flex:1;min-height:0}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-3);border-bottom:1px solid var(--border-color);background:var(--bg-color);position:sticky;top:0;z-index:1}.modal-header h2{margin:0;font-size:var(--text-lg)}.modal-close{background:transparent;border:none;font-size:32px;color:var(--text-color);cursor:pointer;padding:0;width:32px;height:32px;line-height:1;transition:color .2s ease;display:flex;align-items:center;justify-content:center}.modal-close:hover{color:var(--danger)}.modal-body{padding:var(--spacing-3);flex:1;overflow-y:auto}.modal-footer{display:flex;justify-content:flex-end;gap:var(--spacing-2);padding:var(--spacing-3);border-top:1px solid var(--border-color);background:var(--bg-color);position:sticky;bottom:0;z-index:1}.log-details{display:flex;flex-direction:column;gap:var(--spacing-2);margin-bottom:var(--spacing-3)}.detail-row{display:grid;grid-template-columns:150px 1fr;gap:var(--spacing-2);padding:var(--spacing-2);background:var(--surface-color);border:1px solid var(--border-color);border-radius:var(--radius-2)}.detail-row strong{color:var(--text-color);font-weight:var(--font-semibold)}.detail-row span{color:var(--text-color);word-break:break-word}.log-metadata{margin-top:var(--spacing-3);padding:var(--spacing-2);background:var(--hover-color);border-radius:var(--radius-2)}.log-metadata p{margin:var(--spacing-1) 0;font-size:var(--text-sm);color:var(--text-color)}.edit-history-section{margin-top:var(--spacing-3);padding-top:var(--spacing-3);border-top:1px solid var(--border-color)}.edit-history-section h3{margin-bottom:var(--spacing-2);font-size:var(--text-base);color:var(--text-color)}.edit-entry{margin-bottom:var(--spacing-2);padding:var(--spacing-2);background:var(--surface-color);border:1px solid var(--border-color);border-radius:var(--radius-2)}.edit-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-1)}.edit-date{font-size:var(--text-sm);color:var(--text-color);opacity:.7}.edit-changes{display:flex;flex-direction:column;gap:var(--spacing-1)}.change-item{font-size:var(--text-sm);display:flex;align-items:center;gap:var(--spacing-1);flex-wrap:wrap}.field-name{font-weight:var(--font-semibold);color:var(--text-color)}.old-value{color:var(--danger);text-decoration:line-through}.new-value{color:var(--primary);font-weight:var(--font-semibold)}.mobile-add-log-btn{display:none}.mobile-filters-toggle{display:none;align-items:center;gap:var(--spacing-1);padding:var(--spacing-2) var(--spacing-3);background:var(--primary);color:#fff;border:none;border-radius:var(--radius-2);cursor:pointer;font-size:var(--text-base);font-weight:var(--font-semibold);position:relative}.filter-badge{display:inline-flex;align-items:center;justify-content:center;min-width:20px;height:20px;padding:0 6px;background:#fff;color:var(--primary);border-radius:999px;font-size:var(--text-sm);font-weight:var(--font-bold)}.filters-mobile-overlay{display:none;position:fixed;inset:60px 0 0;width:100%;height:calc(100vh - 60px);background:#00000080;z-index:10000;animation:fadeIn .2s ease}.filters-mobile-drawer{display:none;position:fixed;top:60px;right:0;bottom:0;width:90%;max-width:400px;height:calc(100vh - 60px);background:var(--surface-color);border-left:1px solid var(--border-color);z-index:10001;overflow-y:auto;animation:slideIn .3s ease;display:flex;flex-direction:column}.filters-mobile-header{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-3);border-bottom:1px solid var(--border-color);background:var(--bg-color);position:sticky;top:0;z-index:1}.filters-mobile-header h3{margin:0;font-size:var(--text-lg);color:var(--text-color)}.filters-mobile-close{background:transparent;border:none;color:var(--text-color);cursor:pointer;padding:0;display:flex;align-items:center;justify-content:center}.filters-mobile-content{flex:1;padding:var(--spacing-3);overflow-y:auto}.filters-mobile-section{margin-bottom:var(--spacing-3)}.filters-mobile-section label{display:block;font-size:var(--text-sm);font-weight:var(--font-semibold);color:var(--text-color);margin-bottom:var(--spacing-2)}.filters-mobile-footer{padding:var(--spacing-3);border-top:1px solid var(--border-color);background:var(--bg-color);position:sticky;bottom:0}@media (max-width: 1024px){.filters-row{grid-template-columns:1fr}.search-input{min-width:auto}.clear-filters-btn{width:100%}}@media (max-width: 768px){.filters-desktop{display:none}.mobile-add-log-btn{display:flex;align-items:center;justify-content:center;margin-left:auto;width:auto;text-align:center;margin-bottom:var(--spacing-2)}.mobile-filters-toggle{display:flex;width:100%;justify-content:center;margin-bottom:var(--spacing-3)}.filters-mobile-overlay,.filters-mobile-drawer{display:block}.filters-mobile-drawer{display:flex}.view-logs-header{flex-direction:column;align-items:stretch}.view-logs-header h1{text-align:center}.view-logs-header button{width:100%;height:40px}.client-pills{max-height:200px;overflow-y:auto}.pagination{flex-wrap:wrap}.modal-overlay{padding-top:60px}.modal-content{width:calc(100% - 2rem);max-width:calc(100% - 2rem);margin:1rem;max-height:calc(100vh - 60px - 2rem)}.modal-footer{flex-direction:column}.modal-footer button{width:100%}}