.panel{padding:var(--spacing-8);border-radius:var(--border-radius-lg);transition:all var(--anim-duration-base) var(--anim-ease-base);position:relative;overflow:hidden;margin-bottom:var(--spacing-8);background:linear-gradient(135deg,rgba(var(--color-primary-rgb),var(--opacity-very-low)),rgba(var(--color-highlight-rgb),.025),rgba(var(--color-accent-rgb),.015))}.panel:hover{transform:var(--transform-lift-sm);background:linear-gradient(135deg,rgba(var(--color-primary-rgb),.06),rgba(var(--color-highlight-rgb),var(--opacity-very-low)),rgba(var(--color-accent-rgb),.025))}.panel-header{padding:0 0 var(--spacing-6) 0;border-bottom:var(--border-width-thin) solid rgba(var(--color-primary-rgb),var(--opacity-low));background:transparent;position:relative}.panel-title{font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);margin:0 0 var(--spacing-3) 0;color:var(--color-primary);line-height:var(--line-height-tight);letter-spacing:var(--letter-spacing-tight);font-family:var(--font-family-serif);position:relative}.panel-title:after{content:"";position:absolute;bottom:calc(-1 * var(--spacing-2));left:0;width:40px;height:var(--border-width-thick);background:linear-gradient(90deg,var(--color-highlight) 0%,var(--color-accent) 100%);border-radius:var(--border-radius-sm);transition:width var(--anim-duration-base) var(--anim-ease-out)}.panel:hover .panel-title:after{width:60px}.panel-content{padding:0;margin-top:var(--spacing-6)}.panel-footer{padding:var(--spacing-6) 0 0 0;border-top:var(--border-width-thin) solid rgba(var(--color-primary-rgb),var(--opacity-low));background:transparent;margin-top:var(--spacing-6)}.no-items,.no-activities{color:var(--color-text-light);font-style:italic;text-align:center;margin:0;padding:var(--spacing-8) 0;font-size:var(--font-size-lg)}.item-list,.activities-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:var(--spacing-4)}.view-all-container{padding:var(--spacing-6) 0 0 0;border-top:var(--border-width-thin) solid rgba(var(--color-primary-rgb),var(--opacity-low));margin-top:var(--spacing-6);text-align:center}.panel-activities{background:linear-gradient(135deg,rgba(var(--color-success-rgb),.03),rgba(var(--color-highlight-rgb),.025),rgba(var(--color-primary-rgb),.015))}.panel-activities:hover{background:linear-gradient(135deg,rgba(var(--color-success-rgb),.05),rgba(var(--color-highlight-rgb),var(--opacity-very-low)),rgba(var(--color-primary-rgb),.025))}.panel-items{background:linear-gradient(135deg,rgba(var(--color-accent-rgb),.03),rgba(var(--color-highlight-rgb),.025),rgba(var(--color-primary-rgb),.015))}.panel-items:hover{background:linear-gradient(135deg,rgba(var(--color-accent-rgb),.05),rgba(var(--color-highlight-rgb),var(--opacity-very-low)),rgba(var(--color-primary-rgb),.025))}.filter-label{display:block;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text-light);margin-bottom:var(--spacing-3)}.year-filters{display:flex;flex-wrap:wrap;gap:var(--spacing-2)}.type-filters-section{margin-bottom:var(--spacing-6)}.type-filters-container{display:flex;flex-wrap:wrap;gap:var(--spacing-2)}.filter-button{padding:var(--spacing-1) var(--spacing-3);background-color:var(--color-surface-alt);border:var(--border-width-thin) solid var(--color-border);border-radius:var(--border-radius);font-size:var(--font-size-sm);cursor:pointer;transition:background-color var(--anim-duration-fast) var(--anim-ease-out)}.filter-button:hover{background-color:var(--color-surface-border)}.filter-button.active{background-color:var(--color-primary);color:var(--color-background);border-color:var(--color-primary)}:global(html.dark) .panel{background:linear-gradient(135deg,rgba(var(--color-primary-rgb),var(--opacity-low)),rgba(var(--color-highlight-rgb),.05),rgba(var(--color-accent-rgb),.03))}:global(html.dark) .panel:hover{background:linear-gradient(135deg,rgba(var(--color-primary-rgb),var(--opacity-medium)),rgba(var(--color-highlight-rgb),var(--opacity-low)),rgba(var(--color-accent-rgb),.05))}:global(html.dark) .panel-activities{background:linear-gradient(135deg,rgba(var(--color-success-rgb),.06),rgba(var(--color-highlight-rgb),.05),rgba(var(--color-primary-rgb),.03))}:global(html.dark) .panel-activities:hover{background:linear-gradient(135deg,rgba(var(--color-success-rgb),var(--opacity-low)),rgba(var(--color-highlight-rgb),var(--opacity-low)),rgba(var(--color-primary-rgb),.05))}:global(html.dark) .panel-items{background:linear-gradient(135deg,rgba(var(--color-accent-rgb),.06),rgba(var(--color-highlight-rgb),.05),rgba(var(--color-primary-rgb),.03))}:global(html.dark) .panel-items:hover{background:linear-gradient(135deg,rgba(var(--color-accent-rgb),var(--opacity-low)),rgba(var(--color-highlight-rgb),var(--opacity-low)),rgba(var(--color-primary-rgb),.05))}@media (max-width: 640px){.panel{padding:var(--spacing-6);margin-bottom:var(--spacing-6)}.panel-title{font-size:var(--font-size-xl)}.panel-title:after{width:30px;height:var(--border-width-medium)}.panel:hover .panel-title:after{width:45px}}@media (prefers-reduced-motion: reduce){.panel,.panel-title:after{transition:none}.panel:hover{transform:none}}