.content-panel{display:flex;flex-direction:column;height:100%;background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-xl);overflow:hidden}.content-panel__header{display:flex;align-items:flex-start;gap:var(--space-4);padding:var(--space-5);border-bottom:1px solid var(--color-border);background-color:var(--color-background-soft)}.content-panel__header-icon{display:flex;align-items:center;justify-content:center;width:48px;height:48px;flex-shrink:0;background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-primary-hover) 100%);color:#fff;border-radius:var(--radius-lg)}.content-panel__header-icon svg{width:24px;height:24px}.content-panel__header-content{flex:1;min-width:0}.content-panel__title{font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);color:var(--color-text-primary);margin-bottom:var(--space-1);line-height:var(--line-height-snug)}.content-panel__subtitle{font-size:var(--font-size-sm);color:var(--color-text-muted);line-height:var(--line-height-snug)}.content-panel__body{flex:1;overflow-y:auto;padding:var(--space-5)}.content-panel__actions{margin-top:var(--space-6)}.content-panel__action-link{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-4);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:#fff;background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-primary-hover) 100%);border-radius:var(--radius-lg);text-decoration:none;box-shadow:var(--shadow-sm);transition:transform .2s ease,box-shadow .2s ease,filter .2s ease}.content-panel__action-link:hover{transform:translateY(-1px);box-shadow:var(--shadow-md);filter:saturate(1.05)}.content-panel__action-link:focus-visible{outline:2px solid var(--color-focus-ring);outline-offset:2px}.content-panel__action-link svg{width:1rem;height:1rem;flex-shrink:0}@media(prefers-reduced-motion:reduce){.content-panel__action-link{transition:box-shadow .2s ease,filter .2s ease}.content-panel__action-link:hover{transform:none}}.content-panel__empty{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;padding:var(--space-8);text-align:center}.content-panel__empty-icon{width:80px;height:80px;color:var(--color-text-subtle);margin-bottom:var(--space-4);opacity:.5}.content-panel__empty-title{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);margin-bottom:var(--space-2)}.content-panel__empty-text{font-size:var(--font-size-sm);color:var(--color-text-muted);max-width:280px}.item-preview{background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);overflow:hidden;transition:box-shadow .2s ease,border-color .2s ease}.item-preview:hover{box-shadow:var(--shadow-md);border-color:var(--color-primary)}.item-preview__link{display:block;text-decoration:none;color:inherit}.item-preview__link:focus-visible{outline:2px solid var(--color-focus-ring);outline-offset:-2px}.item-preview__image-wrapper{position:relative;aspect-ratio:16 / 9;overflow:hidden;background-color:var(--color-background-alt)}.item-preview__image{width:100%;height:100%;object-fit:cover;transition:transform .3s ease}.item-preview:hover .item-preview__image{transform:scale(1.05)}@media(prefers-reduced-motion:reduce){.item-preview:hover .item-preview__image{transform:none}}.item-preview__image-fallback{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-primary-hover) 100%)}.item-preview__image+.item-preview__image-fallback{z-index:-1}.item-preview__fallback-icon{width:48px;height:48px;color:#fff6}.item-preview__content{padding:var(--space-4)}.item-preview__meta{display:flex;align-items:center;gap:var(--space-3);margin-bottom:var(--space-2)}.item-preview__date{display:inline-flex;align-items:center;gap:var(--space-1);font-size:var(--font-size-xs);color:var(--color-text-muted)}.item-preview__date svg{width:14px;height:14px}.item-preview__tags{display:flex;flex-wrap:wrap;gap:var(--space-1)}.item-preview__tag{padding:2px var(--space-2);font-size:10px;font-weight:var(--font-weight-semibold);color:var(--color-primary);background-color:var(--color-primary-soft);border-radius:var(--radius-sm);text-transform:uppercase}.item-preview__title{font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);line-height:var(--line-height-snug);margin-bottom:var(--space-2);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;transition:color .15s ease}.item-preview:hover .item-preview__title{color:var(--color-primary)}.item-preview__excerpt{font-size:var(--font-size-sm);color:var(--color-text-secondary);line-height:var(--line-height-relaxed);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;margin-bottom:var(--space-3)}.item-preview__attachments{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);color:var(--color-text-muted);background-color:var(--color-background-alt);border-radius:var(--radius-base)}.item-preview__attachments svg{width:14px;height:14px;color:var(--color-primary)}.content-panel__items-list{display:grid;gap:var(--space-4)}.content-panel__category-info{margin-bottom:var(--space-5);padding-bottom:var(--space-4);border-bottom:1px solid var(--color-border)}.content-panel__category-desc{font-size:var(--font-size-sm);color:var(--color-text-secondary);line-height:var(--line-height-relaxed)}.content-panel__users-list{display:flex;flex-direction:column;gap:var(--space-3)}:root[data-theme=dark] .content-panel{background-color:var(--color-surface);border-color:var(--color-border)}:root[data-theme=dark] .content-panel__header{background-color:var(--color-background);border-bottom-color:var(--color-border)}:root[data-theme=dark] .item-preview{background-color:var(--color-surface);border-color:var(--color-border)}:root[data-theme=dark] .item-preview:hover{border-color:var(--color-primary);box-shadow:var(--shadow-md),0 0 15px #4db8e81a}:root[data-theme=dark] .item-preview__tag{background-color:#4db8e833}:root[data-theme=dark] .item-preview__attachments{background-color:var(--color-background)}