.video-player{gap:var(--space-md);flex-direction:column;display:flex}.video-player__container{background-color:var(--color-text,#000);border-radius:var(--radius-md);width:100%;position:relative;overflow:hidden}.video-player__video{width:100%;height:auto;display:block}.video-player__controls{padding:var(--space-lg) var(--space-lg) var(--space-md);gap:var(--space-sm);background:linear-gradient(#0000 0%,#000000e6 100%);flex-direction:column;display:flex;position:absolute;bottom:0;left:0;right:0}.video-player__progress-container{width:100%}.video-player__progress{cursor:pointer;width:100%;height:4px;accent-color:var(--color-primary);appearance:none;background:#ffffff4d;border-radius:2px;outline:none}.video-player__progress::-webkit-slider-thumb{appearance:none;background:var(--color-primary);cursor:pointer;border-radius:50%;width:12px;height:12px}.video-player__progress::-moz-range-thumb{background:var(--color-primary);cursor:pointer;border:none;border-radius:50%;width:12px;height:12px}.video-player__buttons{gap:var(--space-md);color:#fff;align-items:center;display:flex}.video-player__button{color:#fff;cursor:pointer;transition:all var(--transition-default);border-radius:var(--radius-sm);background:0 0;border:none;padding:4px 8px;font-size:18px}.video-player__button:hover{background-color:#fff3;transform:scale(1.1)}.video-player__button:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.video-player__button--fullscreen{margin-left:auto}.video-player__time{color:#fff;white-space:nowrap;font-size:12px}.video-player__info{padding:0 var(--space-md)}.video-player__title{color:var(--color-text-primary);margin:0;font-size:16px;font-weight:600}.video-player__container:-webkit-full-screen{border-radius:0;width:100vw;height:100vh}.video-player__container:fullscreen{border-radius:0;width:100vw;height:100vh}.video-player__container:-webkit-full-screen .video-player__video{object-fit:contain;width:100%;height:100%}.video-player__container:fullscreen .video-player__video{object-fit:contain;width:100%;height:100%}[data-theme=dark] .video-player__container{background-color:var(--color-text,#000)}@media (max-width:576px){.video-player__controls{padding:var(--space-md) var(--space-sm) 8px}.video-player__button{padding:2px 4px;font-size:16px}.video-player__time{font-size:11px}.video-player__title{font-size:14px}}
.forum-card{gap:var(--space-lg);padding:var(--space-lg);border:1px solid var(--color-border-light);border-radius:var(--radius-md);background-color:var(--color-bg-primary);transition:all var(--transition-default);cursor:pointer;flex-direction:column;display:flex}.forum-card:hover{border-color:color-mix(in srgb, var(--color-border) 78%, var(--color-text) 22%);box-shadow:var(--shadow-md);transform:translateY(-2px)}.forum-card__header{gap:var(--space-md);align-items:flex-start;display:flex}.forum-card__icon{background-color:var(--color-bg-secondary);border-radius:var(--radius-md);flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;font-size:32px;display:flex}.forum-card__info{flex-direction:column;flex:1;gap:8px;display:flex}.forum-card__title{color:var(--color-text-primary);margin:0;font-size:16px;font-weight:600;line-height:1.3}.forum-card__description{color:var(--color-text-secondary);margin:0;font-size:13px;line-height:1.4}.forum-card__stats{gap:var(--space-lg);padding-top:var(--space-md);border-top:1px solid var(--color-border-light);align-items:center;display:flex}.forum-card__stat{flex-direction:column;gap:2px;display:flex}.forum-card__stat--right{text-align:right;margin-left:auto}.forum-card__stat-value{color:var(--color-text-primary);font-size:16px;font-weight:700}.forum-card__stat-label{color:var(--color-text-secondary);text-transform:uppercase;font-size:11px;font-weight:600}.forum-card__stat-user{color:var(--color-text-secondary);margin-top:2px;font-size:11px}[data-theme=dark] .forum-card{background-color:var(--color-bg-secondary);border-color:var(--color-border-dark)}[data-theme=dark] .forum-card__stats{border-top-color:var(--color-border-dark)}[data-theme=dark] .forum-card__icon{background-color:var(--color-bg-primary)}@media (max-width:576px){.forum-card{padding:var(--space-md);gap:var(--space-md)}.forum-card__stats{gap:var(--space-md);flex-wrap:wrap}.forum-card__stat--right{text-align:left;margin-left:0}.forum-card__title{font-size:14px}.forum-card__icon{width:40px;height:40px;font-size:24px}}
.thread-card{gap:var(--space-md);padding:var(--space-md) var(--space-lg);border-bottom:1px solid var(--color-border-light);background-color:var(--color-bg-primary);transition:all var(--transition-default);align-items:center;display:flex}.thread-card:hover{background-color:var(--color-bg-secondary)}.thread-card--pinned{background-color:#ffc1070d}.thread-card--solved{opacity:.8}.thread-card--locked{opacity:.6;cursor:not-allowed}.thread-card__left{gap:var(--space-xs);flex-shrink:0;align-items:center;width:40px;display:flex}.thread-card__pin,.thread-card__solved,.thread-card__locked{font-size:18px}.thread-card__content{flex-direction:column;flex:1;gap:8px;min-width:0;display:flex}.thread-card__title{color:var(--color-text-primary);text-overflow:ellipsis;white-space:nowrap;margin:0;font-size:15px;font-weight:600;line-height:1.3;overflow:hidden}.thread-card__meta{gap:var(--space-sm);color:var(--color-text-secondary);align-items:center;font-size:12px;display:flex}.thread-card__avatar{border-radius:var(--radius-full);object-fit:cover;width:24px;height:24px}.thread-card__author{font-weight:500}.thread-card__right{gap:var(--space-lg);flex-shrink:0;align-items:center;display:flex}.thread-card__stat{text-align:center;flex-direction:column;gap:2px;display:flex}.thread-card__stat-value{color:var(--color-text-primary);font-size:14px;font-weight:700}.thread-card__stat-label{color:var(--color-text-secondary);text-transform:uppercase;font-size:10px;font-weight:600}.thread-card__last-reply{text-align:right;white-space:nowrap;flex-direction:column;gap:2px;display:flex}.thread-card__last-reply-time{color:var(--color-text-primary);font-size:12px;font-weight:600}.thread-card__last-reply-user{color:var(--color-text-secondary);font-size:11px}[data-theme=dark] .thread-card{background-color:var(--color-bg-secondary)}[data-theme=dark] .thread-card:hover{background-color:var(--color-bg-primary)}[data-theme=dark] .thread-card--pinned{background-color:#ffc1071a}@media (max-width:992px){.thread-card__right{gap:var(--space-md)}.thread-card__last-reply{display:none}}@media (max-width:576px){.thread-card{padding:var(--space-sm) var(--space-md);flex-wrap:wrap}.thread-card__title,.thread-card__right{width:100%}.thread-card__stat-value{font-size:12px}}
.comment-card{gap:var(--space-md);padding:var(--space-lg);border:1px solid var(--color-border-light);border-radius:var(--radius-md);background-color:var(--color-bg-primary);transition:all var(--transition-default);flex-direction:column;display:flex}.comment-card:hover{box-shadow:0 2px 8px #0000001a}.comment-card--answer{border:2px solid var(--color-success);background-color:#46b45005}.comment-card__header{justify-content:space-between;align-items:flex-start;gap:var(--space-md);display:flex}.comment-card__author-info{gap:var(--space-sm);align-items:center;display:flex}.comment-card__avatar{border-radius:var(--radius-full);object-fit:cover;flex-shrink:0;width:32px;height:32px}.comment-card__author-details{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.comment-card__author{color:var(--color-text-primary);font-size:14px;font-weight:600}.comment-card__time{color:var(--color-text-secondary);white-space:nowrap;font-size:12px}.comment-card__answer-banner{padding:var(--space-sm) var(--space-md);border-left:4px solid var(--color-success);color:var(--color-success);border-radius:0 var(--radius-sm) var(--radius-sm) 0;background-color:#46b4501a;font-size:13px;font-weight:600}.comment-card__content{color:var(--color-text-primary);word-wrap:break-word;line-height:1.6}.comment-card__content p{margin:0}.comment-card__footer{gap:var(--space-lg);padding-top:var(--space-sm);border-top:1px solid var(--color-border-light);justify-content:space-between;align-items:center;display:flex}.comment-card__votes{align-items:center;gap:4px;display:flex}.comment-card__vote-btn{border:1px solid var(--color-border-light);border-radius:var(--radius-sm);width:28px;height:28px;color:var(--color-text-secondary);cursor:pointer;transition:all var(--transition-default);background-color:#0000;justify-content:center;align-items:center;padding:0;font-size:12px;font-weight:700;display:flex}.comment-card__vote-btn:hover{border-color:color-mix(in srgb, var(--color-border) 76%, var(--color-text) 24%);color:var(--color-text-primary);background-color:color-mix(in srgb, var(--color-hover-bg) 90%, var(--color-text) 10%)}.comment-card__vote-btn--active{border-color:var(--color-primary);background-color:var(--color-primary);color:var(--color-on-primary,#fff)}.comment-card__vote-btn--inactive{opacity:.5;cursor:not-allowed}.comment-card__vote-count{color:var(--color-text-primary);text-align:center;min-width:20px;font-size:13px;font-weight:600}.comment-card__actions{gap:var(--space-md);display:flex}.comment-card__action-btn{border-radius:var(--radius-sm);color:var(--color-primary);cursor:pointer;transition:all var(--transition-default);background-color:#0000;border:none;padding:4px 12px;font-size:12px;font-weight:600}.comment-card__action-btn:hover{background-color:#0073aa1a}.comment-card__action-btn--danger{color:var(--color-error)}.comment-card__action-btn--danger:hover{background-color:#dc35451a}[data-theme=dark] .comment-card{background-color:var(--color-bg-secondary)}[data-theme=dark] .comment-card:hover{box-shadow:0 2px 8px #0000004d}[data-theme=dark] .comment-card__footer{border-top-color:var(--color-border-dark)}[data-theme=dark] .comment-card__vote-btn{border-color:var(--color-border-dark)}[data-theme=dark] .comment-card__vote-btn:hover{background-color:#0073aa26}[data-theme=dark] .comment-card--answer{background-color:#46b4500d}@media (max-width:576px){.comment-card{padding:var(--space-md)}.comment-card__header{flex-direction:column}.comment-card__time{width:100%}.comment-card__footer{gap:var(--space-md);flex-direction:column;align-items:flex-start}}
.reply-form{gap:var(--space-md);flex-direction:column;display:flex}.reply-form__editor{gap:var(--space-sm);padding:var(--space-lg);border:1px solid var(--color-border-light);border-radius:var(--radius-md);background-color:var(--color-bg-primary);transition:all var(--transition-default);flex-direction:column;display:flex}.reply-form__editor:focus-within{border-color:var(--color-primary);box-shadow:0 0 0 3px #0073aa1a}.reply-form__toolbar{padding-bottom:var(--space-sm);border-bottom:1px solid var(--color-border-light);flex-wrap:wrap;gap:4px;display:flex}.reply-form__tool-btn{border:1px solid var(--color-border-light);border-radius:var(--radius-sm);color:var(--color-text-primary);cursor:pointer;transition:all var(--transition-default);background-color:#0000;justify-content:center;align-items:center;min-width:32px;height:32px;padding:6px 10px;font-size:13px;font-weight:600;display:flex}.reply-form__tool-btn:hover{border-color:var(--color-primary);color:var(--color-primary);background-color:#0073aa0d}.reply-form__textarea{padding:var(--space-md);border:1px solid var(--color-border-light);border-radius:var(--radius-sm);background-color:var(--color-bg-secondary);color:var(--color-text-primary);resize:vertical;transition:all var(--transition-default);font-family:inherit;font-size:14px;line-height:1.5}.reply-form__textarea:focus{border-color:var(--color-primary);background-color:var(--color-bg-primary);outline:none}.reply-form__footer{justify-content:space-between;align-items:center;gap:var(--space-md);padding-top:var(--space-sm);display:flex}.reply-form__char-count{color:var(--color-text-secondary);font-size:12px;font-weight:600}.reply-form__char-count--warning{color:var(--color-warning)}.reply-form__actions{gap:var(--space-md);align-items:center;display:flex}.reply-form__format-btn{border:1px solid var(--color-border-light);border-radius:var(--radius-sm);color:var(--color-text-secondary);cursor:pointer;transition:all var(--transition-default);background-color:#0000;padding:6px 12px;font-size:12px;font-weight:600}.reply-form__format-btn:hover{border-color:var(--color-primary);color:var(--color-primary);background-color:#0073aa0d}.reply-form__format-btn--active{border-color:var(--color-primary);background-color:var(--color-primary);color:#fff}.reply-form__preview{padding:var(--space-lg);border:1px dashed var(--color-border-light);border-radius:var(--radius-md);background-color:var(--color-bg-secondary)}.reply-form__preview-label{color:var(--color-text-secondary);margin-bottom:var(--space-sm);text-transform:uppercase;font-size:12px;font-weight:600}.reply-form__preview-content{color:var(--color-text-primary);word-wrap:break-word;line-height:1.6}[data-theme=dark] .reply-form__editor{background-color:var(--color-bg-secondary)}[data-theme=dark] .reply-form__editor:focus-within{border-color:var(--color-primary)}[data-theme=dark] .reply-form__textarea{background-color:var(--color-bg-primary)}[data-theme=dark] .reply-form__textarea:focus{background-color:var(--color-bg-secondary)}[data-theme=dark] .reply-form__preview{background-color:#0073aa0d}@media (max-width:576px){.reply-form__editor{padding:var(--space-md)}.reply-form__footer{flex-direction:column;align-items:flex-start}.reply-form__actions{width:100%}.reply-form__actions button{flex:1}}
.user-badge{gap:var(--space-sm);padding:var(--space-sm) var(--space-md);border:1px solid var(--color-border-light);border-radius:var(--radius-full);background-color:var(--color-bg-primary);color:var(--color-text-primary);transition:all var(--transition-default);cursor:pointer;align-items:center;text-decoration:none;display:inline-flex}.user-badge:hover{border-color:color-mix(in srgb, var(--color-border-light) 78%, var(--color-text-primary) 22%);box-shadow:0 2px 8px color-mix(in srgb, var(--color-border-light) 38%, transparent);background-color:color-mix(in srgb, var(--color-bg-primary) 86%, var(--color-text-primary) 14%)}.user-badge__avatar-container{flex-shrink:0;display:flex;position:relative}.user-badge__avatar{border-radius:var(--radius-full);object-fit:cover;width:40px;height:40px;display:block}.user-badge__status{border-radius:var(--radius-full);border:2px solid var(--color-bg-primary);background-color:#46b450;width:12px;height:12px;position:absolute;bottom:0;right:0}.user-badge__info{flex-direction:column;gap:2px;display:flex}.user-badge__name{color:var(--color-text-primary);font-size:14px;font-weight:600}.user-badge__role{color:var(--color-text-secondary);text-transform:uppercase;font-size:11px;font-weight:600}.user-badge__reputation{color:var(--color-primary);font-size:12px;font-weight:600}.user-badge--sm{gap:6px;padding:4px 8px}.user-badge--sm .user-badge__avatar{width:32px;height:32px}.user-badge--sm .user-badge__status{border-width:1px;width:10px;height:10px}.user-badge--sm .user-badge__name{font-size:12px}.user-badge--sm .user-badge__role{font-size:10px}.user-badge--lg{padding:var(--space-md) var(--space-lg);gap:var(--space-md)}.user-badge--lg .user-badge__avatar{width:48px;height:48px}.user-badge--lg .user-badge__status{border-width:2px;width:14px;height:14px}.user-badge--lg .user-badge__name{font-size:15px}.user-badge--lg .user-badge__role{font-size:12px}[data-theme=dark] .user-badge{background-color:var(--color-bg-secondary)}[data-theme=dark] .user-badge:hover{background-color:color-mix(in srgb, var(--color-bg-secondary) 86%, var(--color-text-primary) 14%);border-color:color-mix(in srgb, var(--color-border-light) 78%, var(--color-text-primary) 22%)}[data-theme=dark] .user-badge__status{border-color:var(--color-bg-secondary)}@media (max-width:576px){.user-badge{gap:8px}.user-badge--lg{padding:var(--space-sm) var(--space-md)}}
.image-card{gap:var(--space-sm);border-radius:var(--radius-md);background-color:var(--color-bg-primary);transition:all var(--transition-default);cursor:pointer;flex-direction:column;display:flex;overflow:hidden}.image-card:hover{transform:translateY(-4px);box-shadow:0 8px 16px #00000026}.image-card__image-wrapper{background-color:var(--color-bg-secondary);position:relative;overflow:hidden}.image-card__image{object-fit:cover;width:100%;height:100%;transition:transform var(--transition-default);display:block}.image-card:hover .image-card__image{transform:scale(1.05)}.image-card__category{top:var(--space-sm);left:var(--space-sm);z-index:2;position:absolute}.image-card__overlay{opacity:0;transition:opacity var(--transition-default);padding:var(--space-md);background:linear-gradient(#0000,#0009);justify-content:flex-end;align-items:flex-end;display:flex;position:absolute;inset:0}.image-card:hover .image-card__overlay{opacity:1}.image-card__like-btn{border-radius:var(--radius-full);background-color:color-mix(in srgb, var(--color-card-bg) 90%, transparent);cursor:pointer;width:40px;height:40px;transition:all var(--transition-default);border:none;justify-content:center;align-items:center;padding:0;font-size:20px;display:flex}.image-card__like-btn:hover{background-color:var(--color-card-bg);transform:scale(1.1)}.image-card__like-btn--active{background-color:#dc35451a}.image-card__content{padding:var(--space-md);padding-top:var(--space-sm);flex-direction:column;gap:4px;display:flex}.image-card__title{color:var(--color-text-primary);text-overflow:ellipsis;white-space:nowrap;margin:0;font-size:14px;font-weight:600;line-height:1.3;overflow:hidden}.image-card__author{color:var(--color-text-secondary);text-overflow:ellipsis;white-space:nowrap;margin:0;font-size:12px;overflow:hidden}.image-card__stats{gap:var(--space-md);margin-top:4px;display:flex}.image-card__stat{color:var(--color-text-secondary);align-items:center;gap:4px;font-size:12px;font-weight:600;display:flex}.image-card__stat-icon{font-size:14px}[data-theme=dark] .image-card{background-color:var(--color-bg-secondary)}[data-theme=dark] .image-card:hover{box-shadow:0 8px 16px #0006}@media (max-width:576px){.image-card__content{padding:var(--space-sm)}}
.lightbox{z-index:9999;padding:var(--space-xl);justify-content:center;align-items:center;animation:.2s ease-out lightbox-fade-in;display:flex;position:fixed;inset:0}@keyframes lightbox-fade-in{0%{opacity:0}to{opacity:1}}.lightbox__overlay{background-color:#000000f2;position:absolute;inset:0}.lightbox__content{z-index:2;gap:var(--space-md);flex-direction:column;max-width:90vw;max-height:85vh;display:flex;position:relative}.lightbox__image-wrapper{max-height:75vh;transition:all var(--transition-default);cursor:zoom-in;justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.lightbox__image-wrapper--zoomed{cursor:zoom-out;overflow:auto}.lightbox__image{object-fit:contain;max-width:100%;max-height:75vh;transition:transform var(--transition-default);display:block}.lightbox__image-wrapper--zoomed .lightbox__image{max-width:none;max-height:none;transform:scale(1.5)}.lightbox__caption{padding:var(--space-md);border-radius:var(--radius-md);color:#fff;text-align:center;background-color:#000c}.lightbox__title{margin:0 0 4px;font-size:18px;font-weight:600}.lightbox__description{opacity:.9;margin:0;font-size:14px}.lightbox__close{top:var(--space-lg);right:var(--space-lg);z-index:3;border-radius:var(--radius-full);color:#fff;cursor:pointer;width:48px;height:48px;transition:all var(--transition-default);background-color:#000000b3;border:none;justify-content:center;align-items:center;padding:0;font-size:28px;font-weight:300;display:flex;position:absolute}.lightbox__close:hover{background-color:#dc3545e6;transform:scale(1.1)}.lightbox__nav{z-index:3;border-radius:var(--radius-full);color:#fff;cursor:pointer;width:56px;height:56px;transition:all var(--transition-default);background-color:#000000b3;border:none;justify-content:center;align-items:center;padding:0;font-size:48px;font-weight:300;display:flex;position:absolute;top:50%;transform:translateY(-50%)}.lightbox__nav:hover{background-color:#0073aae6;transform:translateY(-50%)scale(1.1)}.lightbox__nav--prev{left:var(--space-lg)}.lightbox__nav--next{right:var(--space-lg)}.lightbox__thumbnails{bottom:var(--space-lg);z-index:3;border-radius:var(--radius-md);background-color:#000000b3;gap:8px;max-width:90vw;padding:8px;display:flex;position:absolute;left:50%;overflow-x:auto;transform:translate(-50%)}.lightbox__thumbnail{border-radius:var(--radius-sm);cursor:pointer;width:64px;height:64px;transition:all var(--transition-default);background:0 0;border:2px solid #0000;flex-shrink:0;padding:0;overflow:hidden}.lightbox__thumbnail img{object-fit:cover;width:100%;height:100%;display:block}.lightbox__thumbnail:hover{border-color:var(--color-primary)}.lightbox__thumbnail--active{border-color:#fff}.lightbox__counter{top:var(--space-lg);left:var(--space-lg);z-index:3;color:#fff;border-radius:var(--radius-full);background-color:#000000b3;padding:8px 16px;font-size:14px;font-weight:600;position:absolute}.lightbox__zoom{top:var(--space-lg);z-index:3;border-radius:var(--radius-full);color:#fff;cursor:pointer;width:48px;height:48px;transition:all var(--transition-default);background-color:#000000b3;border:none;justify-content:center;align-items:center;padding:0;font-size:16px;display:flex;position:absolute;left:50%;transform:translate(-50%)}.lightbox__zoom:hover{background-color:#0073aae6;transform:translate(-50%)scale(1.1)}@media (max-width:768px){.lightbox{padding:var(--space-md)}.lightbox__close,.lightbox__nav,.lightbox__zoom{width:40px;height:40px;font-size:24px}.lightbox__close{top:var(--space-sm);right:var(--space-sm)}.lightbox__counter{top:var(--space-sm);left:var(--space-sm);padding:6px 12px;font-size:12px}.lightbox__nav--prev{left:var(--space-sm)}.lightbox__nav--next{right:var(--space-sm)}.lightbox__thumbnails{display:none}}
.image-grid{gap:var(--grid-gap,16px);width:100%;display:grid}.image-grid--grid{grid-template-columns:repeat(var(--grid-columns,3), 1fr);grid-auto-rows:1fr}.image-grid--masonry{grid-template-columns:repeat(var(--grid-columns,3), 1fr);grid-auto-rows:auto}.image-grid--masonry>*{height:auto}@media (max-width:1200px){.image-grid--grid,.image-grid--masonry{grid-template-columns:repeat(3,1fr)}}@media (max-width:992px){.image-grid--grid,.image-grid--masonry{grid-template-columns:repeat(2,1fr)}}@media (max-width:576px){.image-grid--grid,.image-grid--masonry{grid-template-columns:1fr}}
.profile-card{border-radius:var(--radius-lg);background-color:var(--color-bg-primary);border:1px solid var(--color-border-light);flex-direction:column;display:flex;overflow:hidden;box-shadow:0 2px 8px #00000014}.profile-card__cover{background:linear-gradient(135deg, var(--color-primary), var(--color-secondary));width:100%;height:200px;overflow:hidden}.profile-card__cover-image{object-fit:cover;width:100%;height:100%}.profile-card__content{padding:var(--space-xl);gap:var(--space-lg);flex-direction:column;padding-top:0;display:flex}.profile-card__header{margin-top:calc(-60px - var(--space-md));justify-content:space-between;align-items:flex-start;gap:var(--space-md);display:flex}.profile-card__avatar-wrapper{position:relative}.profile-card__avatar{border-radius:var(--radius-full);border:4px solid var(--color-bg-primary);object-fit:cover;background-color:var(--color-bg-secondary);width:120px;height:120px;box-shadow:0 4px 12px #00000026}.profile-card__actions{margin-top:calc(60px + var(--space-md))}.profile-card__info{flex-direction:column;gap:8px;display:flex}.profile-card__name-section{gap:var(--space-sm);flex-wrap:wrap;align-items:center;display:flex}.profile-card__name{color:var(--color-text-primary);margin:0;font-size:24px;font-weight:700}.profile-card__username{color:var(--color-text-secondary);margin:0;font-size:14px;font-weight:500}.profile-card__bio{color:var(--color-text-primary);margin:0;font-size:14px;line-height:1.5}.profile-card__bio p{margin:0 0 .5rem}.profile-card__bio p:last-child{margin-bottom:0}.profile-card__join-date{color:var(--color-text-secondary);margin:0;font-size:13px}.profile-card__stats{gap:var(--space-md);padding:var(--space-lg);background-color:var(--color-bg-secondary);border-radius:var(--radius-md);grid-template-columns:repeat(4,1fr);display:grid}.profile-card__stat{text-align:center;flex-direction:column;gap:4px;display:flex}.profile-card__stat-value{color:var(--color-text-primary);font-size:20px;font-weight:700}.profile-card__stat-label{color:var(--color-text-secondary);text-transform:uppercase;font-size:12px;font-weight:600}.profile-card__badges{gap:var(--space-md);flex-direction:column;display:flex}.profile-card__badges-title{color:var(--color-text-primary);text-transform:uppercase;margin:0;font-size:14px;font-weight:700}.profile-card__badges-list{gap:var(--space-md);flex-wrap:wrap;display:flex}.profile-card__badge{padding:var(--space-sm);border:1px solid var(--color-border-light);border-radius:var(--radius-md);background-color:var(--color-bg-secondary);transition:all var(--transition-default);cursor:pointer;flex-direction:column;align-items:center;gap:4px;display:flex}.profile-card__badge:hover{border-color:color-mix(in srgb, var(--color-border-light) 78%, var(--color-text-primary) 22%);background-color:color-mix(in srgb, var(--color-bg-secondary) 88%, var(--color-text-primary) 12%);transform:translateY(-2px)}.profile-card__badge-icon{font-size:32px}.profile-card__badge-name{color:var(--color-text-secondary);text-align:center;font-size:11px;font-weight:600}.profile-card__social{gap:var(--space-md);flex-wrap:wrap;display:flex}.profile-card__social-link{border:1px solid var(--color-border-light);border-radius:var(--radius-full);color:var(--color-text-primary);transition:all var(--transition-default);align-items:center;gap:6px;padding:8px 16px;font-size:13px;font-weight:600;text-decoration:none;display:flex}.profile-card__social-link:hover{border-color:var(--color-primary);color:var(--color-primary);background-color:#0073aa0d}[data-theme=dark] .profile-card{background-color:var(--color-bg-secondary)}[data-theme=dark] .profile-card__avatar{border-color:var(--color-bg-secondary)}[data-theme=dark] .profile-card__stats{background-color:var(--color-bg-primary)}@media (max-width:768px){.profile-card__content{padding:var(--space-lg);padding-top:0}.profile-card__header{text-align:center;flex-direction:column;align-items:center}.profile-card__actions{width:100%;margin-top:0}.profile-card__stats{grid-template-columns:repeat(2,1fr)}}@media (max-width:576px){.profile-card__avatar{width:100px;height:100px}.profile-card__header{margin-top:calc(-50px - var(--space-md))}.profile-card__actions{margin-top:calc(50px + var(--space-md))}.profile-card__name{font-size:20px}}
.settings-panel{gap:var(--space-xl);padding:var(--space-xl);background-color:var(--color-bg-primary);border:1px solid var(--color-border-light);border-radius:var(--radius-lg);flex-direction:column;display:flex}.settings-panel__header{justify-content:space-between;align-items:center;gap:var(--space-md);padding-bottom:var(--space-lg);border-bottom:1px solid var(--color-border-light);display:flex}.settings-panel__title{color:var(--color-text-primary);margin:0;font-size:24px;font-weight:700}.settings-panel__badge{background-color:var(--color-warning);color:#fff;text-transform:uppercase;border-radius:var(--radius-full);padding:4px 12px;font-size:11px;font-weight:700}.settings-panel__content{gap:var(--space-xl);flex-direction:column;display:flex}.settings-panel__section{gap:var(--space-lg);flex-direction:column;display:flex}.settings-panel__section-header{flex-direction:column;gap:4px;display:flex}.settings-panel__section-title{color:var(--color-text-primary);margin:0;font-size:16px;font-weight:700}.settings-panel__section-description{color:var(--color-text-secondary);margin:0;font-size:13px;line-height:1.5}.settings-panel__section-content{gap:var(--space-lg);flex-direction:column;display:flex}.settings-panel__item{justify-content:space-between;align-items:flex-start;gap:var(--space-lg);padding:var(--space-md);border:1px solid var(--color-border-light);border-radius:var(--radius-md);background-color:var(--color-bg-secondary);transition:all var(--transition-default);display:flex}.settings-panel__item:hover{border-color:var(--color-primary);background-color:var(--color-bg-primary)}.settings-panel__item-info{flex-direction:column;flex:1;gap:4px;display:flex}.settings-panel__item-label{color:var(--color-text-primary);cursor:pointer;font-size:14px;font-weight:600}.settings-panel__item-description{color:var(--color-text-secondary);margin:0;font-size:12px;line-height:1.4}.settings-panel__item-control{flex-shrink:0}.settings-panel__actions{justify-content:flex-end;gap:var(--space-md);padding-top:var(--space-lg);border-top:1px solid var(--color-border-light);display:flex}[data-theme=dark] .settings-panel{background-color:var(--color-bg-secondary)}[data-theme=dark] .settings-panel__item{background-color:var(--color-bg-primary)}[data-theme=dark] .settings-panel__item:hover{background-color:var(--color-bg-secondary)}@media (max-width:768px){.settings-panel{padding:var(--space-lg)}.settings-panel__item{flex-direction:column;align-items:flex-start}.settings-panel__item-control{justify-content:flex-end;width:100%;display:flex}.settings-panel__actions{flex-direction:column-reverse}.settings-panel__actions button{width:100%}}@media (max-width:576px){.settings-panel{padding:var(--space-md)}.settings-panel__title{font-size:20px}.settings-panel__header{flex-direction:column;align-items:flex-start}}
.profile-edit-form{gap:var(--space-xl);padding:var(--space-xl);background-color:var(--color-bg-primary);border:1px solid var(--color-border-light);border-radius:var(--radius-lg);flex-direction:column;max-width:700px;display:flex}.profile-edit-form__header{justify-content:space-between;align-items:center;gap:var(--space-md);padding-bottom:var(--space-lg);border-bottom:1px solid var(--color-border-light);display:flex}.profile-edit-form__title{color:var(--color-text-primary);margin:0;font-size:24px;font-weight:700}.profile-edit-form__badge{background-color:var(--color-warning);color:#fff;text-transform:uppercase;border-radius:var(--radius-full);padding:4px 12px;font-size:11px;font-weight:700}.profile-edit-form__section{gap:var(--space-lg);flex-direction:column;display:flex}.profile-edit-form__section-title{color:var(--color-text-primary);padding-bottom:var(--space-sm);border-bottom:1px solid var(--color-border-light);margin:0;font-size:16px;font-weight:700}.profile-edit-form__field{gap:var(--space-sm);flex-direction:column;display:flex}.profile-edit-form__label{color:var(--color-text-primary);font-size:14px;font-weight:600}.profile-edit-form__bio-editor .tox-tinymce{border-radius:var(--radius-md);overflow:hidden}.profile-edit-form__actions{justify-content:flex-end;gap:var(--space-md);padding-top:var(--space-lg);border-top:1px solid var(--color-border-light);display:flex}[data-theme=dark] .profile-edit-form{background-color:var(--color-bg-secondary)}@media (max-width:768px){.profile-edit-form{padding:var(--space-lg)}.profile-edit-form__actions{flex-direction:column-reverse}.profile-edit-form__actions button{width:100%}}@media (max-width:576px){.profile-edit-form{padding:var(--space-md)}.profile-edit-form__title{font-size:20px}.profile-edit-form__header{flex-direction:column;align-items:flex-start}}
.chart-widget{gap:var(--space-lg);padding:var(--space-lg);background-color:var(--color-bg-primary);border:1px solid var(--color-border-light);border-radius:var(--radius-lg);flex-direction:column;display:flex}.chart-widget__header{justify-content:space-between;align-items:center;display:flex}.chart-widget__title{color:var(--color-text-primary);margin:0;font-size:16px;font-weight:700}.chart-widget__body{justify-content:space-between;align-items:flex-end;display:flex;position:relative}.chart-widget__bars{justify-content:space-between;align-items:flex-end;gap:var(--space-sm);width:100%;height:100%;display:flex}.chart-widget__bar-wrapper{flex-direction:column;flex:1;align-items:center;gap:8px;display:flex}.chart-widget__bar-container{justify-content:center;align-items:flex-end;width:100%;height:100%;display:flex}.chart-widget__bar{background-color:var(--color-primary);border-radius:var(--radius-sm) var(--radius-sm) 0 0;width:100%;max-width:60px;transition:all var(--transition-default);justify-content:center;align-items:flex-start;padding-top:4px;display:flex;position:relative}.chart-widget__bar:hover{opacity:.8;transform-origin:bottom;transform:scaleY(1.05)}.chart-widget__bar-value{color:#fff;font-size:11px;font-weight:700}.chart-widget__bar-label{color:var(--color-text-secondary);text-align:center;font-size:11px;font-weight:600}.chart-widget__line-chart{flex-direction:column;gap:8px;width:100%;height:100%;display:flex}.chart-widget__line-chart svg{flex:1}.chart-widget__line-labels{justify-content:space-between;padding:0 4px;display:flex}.chart-widget__line-label{color:var(--color-text-secondary);font-size:11px;font-weight:600}.chart-widget__progress-list{gap:var(--space-md);flex-direction:column;width:100%;display:flex}.chart-widget__progress-item{flex-direction:column;gap:6px;display:flex}.chart-widget__progress-header{justify-content:space-between;align-items:center;display:flex}.chart-widget__progress-label{color:var(--color-text-primary);font-size:13px;font-weight:600}.chart-widget__progress-value{color:var(--color-text-primary);font-size:13px;font-weight:700}.chart-widget__progress-bar{background-color:var(--color-bg-secondary);border-radius:var(--radius-full);width:100%;height:8px;overflow:hidden}.chart-widget__progress-fill{background-color:var(--color-primary);border-radius:var(--radius-full);height:100%;transition:width var(--transition-default)}.chart-widget__legend{gap:var(--space-md);padding-top:var(--space-sm);border-top:1px solid var(--color-border-light);flex-wrap:wrap;display:flex}.chart-widget__legend-item{align-items:center;gap:6px;display:flex}.chart-widget__legend-color{background-color:var(--color-primary);border-radius:2px;width:12px;height:12px}.chart-widget__legend-label{color:var(--color-text-secondary);font-size:12px;font-weight:500}.chart-widget__footer{padding-top:var(--space-sm);border-top:1px solid var(--color-border-light);color:var(--color-text-secondary);font-size:12px}[data-theme=dark] .chart-widget{background-color:var(--color-bg-secondary)}[data-theme=dark] .chart-widget__progress-bar{background-color:var(--color-bg-primary)}@media (max-width:576px){.chart-widget{padding:var(--space-md)}.chart-widget__bars{gap:4px}.chart-widget__bar{max-width:40px}.chart-widget__legend{flex-direction:column;gap:8px}}
.analytics-card{padding:var(--space-lg);background-color:var(--color-bg-primary);border:1px solid var(--color-border-light);border-radius:var(--radius-lg);transition:all var(--transition-default);flex-direction:column;display:flex;overflow:hidden}.analytics-card:hover{border-color:color-mix(in srgb, var(--color-border) 78%, var(--color-text) 22%);box-shadow:0 4px 12px #0000001a}.analytics-card__content{gap:var(--space-sm);flex-direction:column;flex:1;display:flex}.analytics-card__header{gap:var(--space-sm);align-items:center;display:flex}.analytics-card__icon{font-size:24px}.analytics-card__label{color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.5px;font-size:13px;font-weight:600}.analytics-card__value{color:var(--color-text-primary);font-size:32px;font-weight:700;line-height:1}.analytics-card__change{align-items:center;gap:6px;display:flex}.analytics-card__change-value{font-size:14px;font-weight:700}.analytics-card__change-label{color:var(--color-text-secondary);font-size:12px}.analytics-card__sparkline{height:40px;margin-top:var(--space-sm);opacity:.7}.analytics-card--sm{padding:var(--space-md)}.analytics-card--sm .analytics-card__icon{font-size:20px}.analytics-card--sm .analytics-card__label{font-size:11px}.analytics-card--sm .analytics-card__value{font-size:24px}.analytics-card--lg{padding:var(--space-xl)}.analytics-card--lg .analytics-card__icon{font-size:32px}.analytics-card--lg .analytics-card__value{font-size:40px}.analytics-card--lg .analytics-card__sparkline{height:60px}[data-theme=dark] .analytics-card{background-color:var(--color-bg-secondary)}[data-theme=dark] .analytics-card:hover{box-shadow:0 4px 12px #0000004d}@media (max-width:576px){.analytics-card{padding:var(--space-md)}.analytics-card__value{font-size:28px}.analytics-card--lg{padding:var(--space-lg)}.analytics-card--lg .analytics-card__value{font-size:32px}}
.quiz{background:var(--color-bg-primary);color:var(--color-text-primary);border-radius:8px;padding:24px}.quiz__header{justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:24px;display:flex}.quiz__title-section{flex:1}.quiz__title{color:var(--color-text-primary);margin:0 0 8px;font-size:20px;font-weight:700}.quiz__counter{color:var(--color-text-secondary);font-size:14px;display:inline-block}.quiz__timer{color:var(--color-primary);background:var(--color-bg-secondary);text-align:center;border-radius:6px;min-width:70px;padding:8px 16px;font-size:18px;font-weight:700}.quiz__timer--warning{color:var(--color-warning)}.quiz__progress{margin-bottom:24px}.quiz__progress-bar{background:var(--color-bg-secondary);border-radius:2px;width:100%;height:4px;overflow:hidden}.quiz__progress-fill{background:var(--color-primary);height:100%;transition:width .3s}.quiz__question{margin-bottom:32px}.quiz__question-text{color:var(--color-text-primary);margin:0 0 20px;font-size:18px;font-weight:600}.quiz__options{flex-direction:column;gap:12px;margin-bottom:20px;display:flex}.quiz__option{background:var(--color-bg-secondary);cursor:pointer;text-align:left;color:var(--color-text-primary);border:2px solid #0000;border-radius:6px;align-items:center;padding:16px;font-size:15px;transition:all .2s;display:flex}.quiz__option:hover:not(:disabled){border-color:var(--color-primary);background:var(--color-bg-hover)}.quiz__option--selected{border-color:var(--color-primary);background:var(--color-primary-bg)}.quiz__option--correct{border-color:var(--color-success);background:var(--color-success-bg);color:var(--color-success)}.quiz__option--incorrect{border-color:var(--color-danger);background:var(--color-danger-bg);color:var(--color-danger)}.quiz__option-content{align-items:center;gap:12px;display:flex}.quiz__option-label{width:28px;height:28px;color:var(--color-bg-primary);background:currentColor;border-radius:4px;flex-shrink:0;justify-content:center;align-items:center;font-size:13px;font-weight:700;display:inline-flex}.quiz__option-text{flex:1}.quiz__feedback{border-radius:6px;margin-bottom:16px;padding:12px 16px;font-weight:600}.quiz__feedback--correct{background:var(--color-success-bg);color:var(--color-success);border-left:4px solid var(--color-success)}.quiz__feedback--incorrect{background:var(--color-danger-bg);color:var(--color-danger);border-left:4px solid var(--color-danger)}.quiz__explanation{opacity:.9;margin:8px 0 0;font-size:14px;font-weight:400}.quiz__controls{border-top:1px solid var(--color-border);justify-content:space-between;align-items:center;gap:16px;padding-top:24px;display:flex}.quiz__question-nav{flex:1;justify-content:center;gap:8px;display:flex}.quiz__nav-dot{background:var(--color-bg-secondary);cursor:pointer;border:none;border-radius:50%;width:8px;height:8px;padding:0;transition:all .2s}.quiz__nav-dot:hover{background:var(--color-primary);transform:scale(1.2)}.quiz__nav-dot--active{background:var(--color-primary);border-radius:4px;width:24px}.quiz__nav-dot--answered{background:var(--color-success)}.quiz--completed{text-align:center}.quiz__result{padding:32px 16px}.quiz__result-title{color:var(--color-text-primary);margin:0 0 24px;font-size:24px;font-weight:700}.quiz__score{color:var(--color-primary);margin:0 0 16px;font-size:64px;font-weight:700}.quiz__score--pass{color:var(--color-success)}.quiz__score--fail{color:var(--color-warning)}.quiz__result-text{color:var(--color-text-secondary);margin:0 0 16px;font-size:16px}[data-theme=dark] .quiz{background:var(--color-bg-primary)}[data-theme=dark] .quiz__option{background:var(--color-bg-secondary)}[data-theme=dark] .quiz__option:hover:not(:disabled){background:var(--color-bg-hover)}@media (max-width:768px){.quiz__header{flex-direction:column}.quiz__timer{text-align:center;width:100%}.quiz__controls{flex-direction:column}.quiz__controls>button{width:100%}}
.assignment{background:var(--color-bg-primary);color:var(--color-text-primary);border-radius:8px;padding:20px}.assignment__header{justify-content:space-between;align-items:flex-start;margin-bottom:16px;display:flex}.assignment__title-section{align-items:center;gap:12px;display:flex}.assignment__title{color:var(--color-text-primary);margin:0;font-size:18px;font-weight:700}.assignment__description{background:var(--color-bg-secondary);border-left:4px solid var(--color-primary);color:var(--color-text-secondary);border-radius:4px;margin:16px 0;padding:12px;font-size:14px}.assignment__description p{margin:0;line-height:1.5}.assignment__due-date{background:var(--color-info-bg);color:var(--color-info);border-radius:4px;align-items:center;gap:8px;margin:12px 0;padding:12px;font-size:14px;display:flex}.assignment__due-date--overdue{background:var(--color-danger-bg);color:var(--color-danger)}.assignment__due-label{font-weight:600}.assignment__due-text{flex:1}.assignment__overdue-badge{background:var(--color-danger);color:#fff;border-radius:3px;padding:4px 8px;font-size:12px;font-weight:600;display:inline-block}.assignment__rubric{background:var(--color-bg-secondary);border-radius:6px;margin:20px 0;padding:16px}.assignment__rubric-title{color:var(--color-text-primary);text-transform:uppercase;letter-spacing:.5px;margin:0 0 12px;font-size:14px;font-weight:700}.assignment__rubric-items{flex-direction:column;gap:10px;display:flex}.assignment__rubric-item{background:var(--color-bg-primary);border-radius:4px;justify-content:space-between;align-items:center;padding:10px;font-size:13px;display:flex}.assignment__rubric-criteria{flex:1;gap:8px;display:flex}.assignment__rubric-name{color:var(--color-text-primary);font-weight:600}.assignment__rubric-weight{color:var(--color-text-secondary)}.assignment__rubric-points{color:var(--color-primary);font-weight:600}.assignment__submission{border-top:1px solid var(--color-border);flex-direction:column;gap:12px;margin-top:20px;padding-top:20px;display:flex}.assignment__upload{position:relative}.assignment__file-input{display:none}.assignment__file-label{border:2px dashed var(--color-primary);background:var(--color-primary-bg);cursor:pointer;color:var(--color-primary);border-radius:6px;justify-content:center;align-items:center;gap:12px;padding:20px;font-weight:500;transition:all .2s;display:flex}.assignment__file-label:hover{border-color:var(--color-primary-dark);background:var(--color-bg-secondary)}.assignment__upload-icon{font-size:24px}.assignment__upload-text{text-align:left;flex:1;font-size:14px}.assignment__submitted{background:var(--color-success-bg);border-left:4px solid var(--color-success);color:var(--color-success);border-radius:4px;margin-top:16px;padding:16px}.assignment__submitted-text{margin:0 0 8px;font-weight:600}.assignment__submitted-waiting{opacity:.8;margin:0;font-size:14px}.assignment__grade{border-top:1px solid var(--color-border);margin-top:20px;padding-top:20px}.assignment__grade-score{align-items:center;gap:12px;margin-bottom:16px;display:flex}.assignment__grade-label{color:var(--color-text-primary);font-weight:700}.assignment__grade-value{color:var(--color-primary);font-size:32px;font-weight:700}.assignment__feedback{background:var(--color-bg-secondary);border-left:4px solid var(--color-primary);border-radius:6px;padding:16px}.assignment__feedback-title{text-transform:uppercase;color:var(--color-text-primary);margin:0 0 8px;font-size:14px;font-weight:700}.assignment__feedback-text{color:var(--color-text-secondary);white-space:pre-wrap;margin:0;font-size:14px;line-height:1.6}[data-theme=dark] .assignment{background:var(--color-bg-primary)}@media (max-width:768px){.assignment__header{flex-direction:column}.assignment__title-section{width:100%}.assignment__submission{flex-direction:column}}
.grades{flex-direction:column;gap:16px;display:flex}.grades__summary{padding:24px}.grades__header{justify-content:space-between;align-items:center;gap:16px;display:flex}.grades__title-section{flex:1}.grades__title{color:var(--color-text-primary);margin:0 0 4px;font-size:24px;font-weight:700}.grades__semester{color:var(--color-text-secondary);font-size:14px}.grades__gpa{background:var(--color-primary-bg);border-radius:8px;flex-direction:column;align-items:center;min-width:120px;padding:16px 24px;display:flex}.grades__gpa-label{text-transform:uppercase;color:var(--color-text-secondary);letter-spacing:.5px;font-size:12px;font-weight:700}.grades__gpa-value{color:var(--color-primary);font-size:32px;font-weight:700}.grades__breakdown{padding:24px}.grades__breakdown-title{color:var(--color-text-primary);margin:0 0 20px;font-size:16px;font-weight:700}.grades__breakdown-items{flex-direction:column;gap:16px;display:flex}.grades__breakdown-item{flex-direction:column;gap:8px;display:flex}.grades__breakdown-category{justify-content:space-between;align-items:center;display:flex}.grades__breakdown-name{color:var(--color-text-primary);font-weight:600}.grades__breakdown-average{display:inline-block}.grades__breakdown-bar{background:var(--color-bg-secondary);border-radius:4px;width:100%;height:8px;overflow:hidden}.grades__breakdown-fill{height:100%;transition:width .3s}.grades__breakdown-fill--success{background:var(--color-success)}.grades__breakdown-fill--info{background:var(--color-info)}.grades__breakdown-fill--warning{background:var(--color-warning)}.grades__breakdown-fill--danger{background:var(--color-danger)}.grades__list{padding:24px}.grades__list-header{justify-content:space-between;align-items:center;gap:16px;margin-bottom:20px;display:flex}.grades__list-title{color:var(--color-text-primary);margin:0;font-size:18px;font-weight:700}.grades__list-controls{gap:8px;display:flex}.grades__sort-select{background:var(--color-bg-secondary);border:1px solid var(--color-border);color:var(--color-text-primary);cursor:pointer;border-radius:4px;padding:8px 12px;font-size:14px}.grades__sort-select:hover{border-color:var(--color-primary)}.grades__table{border:1px solid var(--color-border);border-radius:6px;overflow:hidden}.grades__table-header{background:var(--color-bg-secondary);border-bottom:2px solid var(--color-border);text-transform:uppercase;letter-spacing:.5px;color:var(--color-text-secondary);grid-template-columns:2fr 2fr 1.5fr 1fr 1fr;gap:0;padding:16px;font-size:13px;font-weight:700;display:grid}.grades__table-body{flex-direction:column;display:flex}.grades__table-row{border-bottom:1px solid var(--color-border);grid-template-columns:2fr 2fr 1.5fr 1fr 1fr;align-items:center;gap:0;padding:16px;transition:background .2s;display:grid}.grades__table-row:hover{background:var(--color-bg-secondary)}.grades__table-row:last-child{border-bottom:none}.grades__table-cell{color:var(--color-text-primary);font-size:14px}.grades__table-cell--course{font-weight:600}.grades__course-code{color:var(--color-primary);display:block}.grades__category-badge{background:var(--color-primary-bg);color:var(--color-primary);border-radius:4px;padding:4px 8px;font-size:12px;font-weight:600;display:inline-block}.grades__empty{text-align:center;color:var(--color-text-secondary);padding:40px 20px}.grades__empty p{margin:0;font-size:16px}[data-theme=dark] .grades__list-header{background:0 0}@media (max-width:1024px){.grades__table-header,.grades__table-row{grid-template-columns:1.5fr 1.5fr 1fr 1fr}.grades__table-cell--instructor{display:none}}@media (max-width:768px){.grades__header{flex-direction:column;align-items:flex-start}.grades__table-header,.grades__table-row{grid-template-columns:1fr 1fr;gap:8px}.grades__table-header{padding:12px;font-size:12px}.grades__table-row{padding:12px}.grades__table-cell--instructor,.grades__table-cell--credits{display:none}.grades__table-cell--category{order:3;grid-column:1}.grades__table-cell--grade{order:2;grid-column:2}}