.panel{padding:var(--space-xl);border-radius:var(--border-radius-lg);transition:all var(--anim-duration-base) var(--anim-ease-base);position:relative;overflow:hidden;margin-bottom:var(--space-xl);background:linear-gradient(135deg,color-mix(in srgb,var(--color-primary) calc(var(--opacity-very-low) * 100%),transparent),color-mix(in srgb,var(--color-highlight) 2.5%,transparent),color-mix(in srgb,var(--color-accent) 1.5%,transparent))}.panel:hover{transform:var(--transform-lift-sm);background:linear-gradient(135deg,color-mix(in srgb,var(--color-primary) 6%,transparent),color-mix(in srgb,var(--color-highlight) calc(var(--opacity-very-low) * 100%),transparent),color-mix(in srgb,var(--color-accent) 2.5%,transparent))}.panel-header{padding:0 0 var(--space-lg) 0;border-bottom:var(--border-width-thin) solid color-mix(in srgb,var(--color-primary) calc(var(--opacity-low) * 100%),transparent);background:transparent;position:relative}.panel-title{font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);margin:0 0 var(--space-sm) 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(--space-xs));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(--space-lg)}.panel-footer{padding:var(--space-lg) 0 0 0;border-top:var(--border-width-thin) solid color-mix(in srgb,var(--color-primary) calc(var(--opacity-low) * 100%),transparent);background:transparent;margin-top:var(--space-lg)}.no-items,.no-activities{color:var(--color-text-light);font-style:italic;text-align:center;margin:0;padding:var(--space-xl) 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(--space-md)}.view-all-container{padding:var(--space-lg) 0 0 0;border-top:var(--border-width-thin) solid color-mix(in srgb,var(--color-primary) calc(var(--opacity-low) * 100%),transparent);margin-top:var(--space-lg);text-align:center}.panel-activities{background:linear-gradient(135deg,color-mix(in srgb,var(--color-success) 3%,transparent),color-mix(in srgb,var(--color-highlight) 2.5%,transparent),color-mix(in srgb,var(--color-primary) 1.5%,transparent))}.panel-activities:hover{background:linear-gradient(135deg,color-mix(in srgb,var(--color-success) 5%,transparent),color-mix(in srgb,var(--color-highlight) calc(var(--opacity-very-low) * 100%),transparent),color-mix(in srgb,var(--color-primary) 2.5%,transparent))}.panel-items{background:linear-gradient(135deg,color-mix(in srgb,var(--color-accent) 3%,transparent),color-mix(in srgb,var(--color-highlight) 2.5%,transparent),color-mix(in srgb,var(--color-primary) 1.5%,transparent))}.panel-items:hover{background:linear-gradient(135deg,color-mix(in srgb,var(--color-accent) 5%,transparent),color-mix(in srgb,var(--color-highlight) calc(var(--opacity-very-low) * 100%),transparent),color-mix(in srgb,var(--color-primary) 2.5%,transparent))}.filter-label{display:block;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text-light);margin-bottom:var(--space-sm)}.year-filters{display:flex;flex-wrap:wrap;gap:var(--space-xs)}.type-filters-section{margin-bottom:var(--space-lg)}.type-filters-container{display:flex;flex-wrap:wrap;gap:var(--space-xs)}.filter-button{padding:var(--space-2xs) var(--space-sm);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,color-mix(in srgb,var(--color-primary) calc(var(--opacity-low) * 100%),transparent),color-mix(in srgb,var(--color-highlight) 5%,transparent),color-mix(in srgb,var(--color-accent) 3%,transparent))}:global(html.dark) .panel:hover{background:linear-gradient(135deg,color-mix(in srgb,var(--color-primary) calc(var(--opacity-medium) * 100%),transparent),color-mix(in srgb,var(--color-highlight) calc(var(--opacity-low) * 100%),transparent),color-mix(in srgb,var(--color-accent) 5%,transparent))}:global(html.dark) .panel-activities{background:linear-gradient(135deg,color-mix(in srgb,var(--color-success) 6%,transparent),color-mix(in srgb,var(--color-highlight) 5%,transparent),color-mix(in srgb,var(--color-primary) 3%,transparent))}:global(html.dark) .panel-activities:hover{background:linear-gradient(135deg,color-mix(in srgb,var(--color-success) calc(var(--opacity-low) * 100%),transparent),color-mix(in srgb,var(--color-highlight) calc(var(--opacity-low) * 100%),transparent),color-mix(in srgb,var(--color-primary) 5%,transparent))}:global(html.dark) .panel-items{background:linear-gradient(135deg,color-mix(in srgb,var(--color-accent) 6%,transparent),color-mix(in srgb,var(--color-highlight) 5%,transparent),color-mix(in srgb,var(--color-primary) 3%,transparent))}:global(html.dark) .panel-items:hover{background:linear-gradient(135deg,color-mix(in srgb,var(--color-accent) calc(var(--opacity-low) * 100%),transparent),color-mix(in srgb,var(--color-highlight) calc(var(--opacity-low) * 100%),transparent),color-mix(in srgb,var(--color-primary) 5%,transparent))}@media(max-width:640px){.panel{padding:var(--space-lg);margin-bottom:var(--space-lg)}.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}}