.stat-card{flex-direction:column;align-items:flex-start;gap:5px;padding:20px;display:flex}.stat-card__icon{border:.01rem solid var(--color-text-secondary);border-radius:var(--radius-pill);flex-shrink:0;justify-content:center;align-items:center;width:34px;height:34px;display:flex}.stat-card__icon--primar{background-color:var(--color-primary-light);color:var(--color-primary)}.stat-card__icon--green{background-color:var(--color-green-100);color:var(--color-green-500)}.stat-card__icon--amber{background-color:var(--color-yellow-100);color:var(--color-yellow-500)}.stat-card__icon--neutral{background-color:var(--color-light);color:var(--color-dark-500)}.stat-card__icon--blue{background-color:var(--color-blue-100);color:var(--color-blue-500)}.stat-card__header{flex-direction:row;justify-content:space-between;gap:2px;width:100%;display:flex}.stat-card__body{flex-direction:column;gap:2px;display:flex}.stat-card__label{color:var(--color-text-primary);align-content:center;font-size:13px;font-weight:500}.stat-card__value{font-family:var(--font-display);color:var(--color-text-primary);font-size:46px;font-weight:700}.stat-card__status{font-family:var(--font-display);color:var(--color-text-secondary);font-size:15px}.stat-card__trend{margin-top:2px;font-size:12px;font-weight:600}.stat-card__trend--up{color:#067a6a}.stat-card__trend--down{color:#b83c3c}.stat-card__trend--flat{color:var(--color-text-muted)}.tickets-trend-chart{flex-direction:column;padding:22px 24px;display:flex}.tickets-trend-chart__header{justify-content:space-between;align-items:baseline;margin-bottom:20px;display:flex}.tickets-trend-chart__title{font-family:var(--font-display);color:var(--color-navy-800);font-size:15px;font-weight:600}.tickets-trend-chart__caption{color:var(--color-text-muted);font-size:12px}.tickets-trend-chart__chart{flex:1;min-height:220px}.tickets-trend-chart__legend{border-top:1px solid var(--color-border-light);gap:18px;margin-top:16px;padding-top:16px;display:flex}.tickets-trend-chart__legend-item{color:var(--color-text-secondary);align-items:center;gap:6px;font-size:12px;display:flex}.tickets-trend-chart__dot{border-radius:50%;width:8px;height:8px;display:inline-block}.tickets-trend-chart__dot--created{background-color:var(--color-blue-500)}.tickets-trend-chart__dot--resolved{background-color:var(--color-primary)}.status-breakdown-chart{flex-direction:column;padding:22px 24px;display:flex}.status-breakdown-chart__header{justify-content:space-between;align-items:baseline;margin-bottom:20px;display:flex}.status-breakdown-chart__title{font-family:var(--font-display);color:var(--color-navy-800);font-size:15px;font-weight:600}.status-breakdown-chart__chart{flex:1;height:160px}.status-breakdown-chart__mini-stats{border-top:1px solid var(--color-border-light);grid-template-columns:repeat(3,1fr);gap:10px;margin-top:20px;padding-top:18px;display:grid}.status-breakdown-chart__mini-stat{flex-direction:column;gap:2px;display:flex}.status-breakdown-chart__mini-stat-value{font-family:var(--font-display);color:var(--color-text-primary);font-size:17px;font-weight:700}.status-breakdown-chart__mini-stat-label{color:var(--color-text-secondary);font-size:11px}.activity-list{flex-direction:column;padding:20px;display:flex}.activity-list__header{justify-content:space-between;align-items:baseline;margin-bottom:12px;display:flex}.activity-list__title{font-family:var(--font-display);color:var(--color-navy-800);font-size:15px;font-weight:600}.activity-list__view-all{color:var(--color-primary);align-items:center;gap:4px;font-size:13px;font-weight:600;text-decoration:none;display:inline-flex}.activity-list__view-all:hover{text-decoration:underline}.activity-list__empty{text-align:center;color:var(--color-text-muted);padding:24px 0;font-size:13px}.activity-list__items{flex-direction:column;display:flex}.activity-list__item{border-top:1px solid var(--color-border);justify-content:space-between;align-items:center;gap:12px;padding:14px 0;display:flex}.activity-list__item:first-child{border-top:none}.activity-list__info{flex-direction:column;gap:3px;min-width:0;display:flex}.activity-list__id{color:var(--color-text-muted);font-size:11px;font-weight:600}.activity-list__subject{color:var(--color-navy-800);text-overflow:ellipsis;white-space:nowrap;font-size:14px;font-weight:600;overflow:hidden}.activity-list__date{color:var(--color-text-secondary);font-size:12px}.activity-list__meta{flex-direction:column;flex-shrink:0;align-items:center;gap:6px;display:flex}.dashboard-page{flex-direction:column;gap:20px;display:flex}.dashboard-page__title{color:var(--color-text-primary);font-size:18px;font-weight:700}.dashboard-page__loading{text-align:center;color:var(--color-text-secondary);padding:60px}.dashboard-page__stats{grid-template-columns:repeat(4,1fr);gap:16px;display:grid}.dashboard-page__grid{grid-template-columns:1.5fr 1fr;align-items:stretch;gap:16px;display:grid}.dashboard-page__panel-header{justify-content:space-between;align-items:baseline;margin-bottom:20px;display:flex}.dashboard-page__panel-title{font-family:var(--font-display);color:var(--color-navy-800);font-size:15px;font-weight:600}.dashboard-page__panel-caption{color:var(--color-text-muted);font-size:12px}@media (width<=1100px){.dashboard-page__stats{grid-template-columns:repeat(2,1fr)}.dashboard-page__grid{grid-template-columns:1fr}}@media (width<=620px){.dashboard-page__stats{grid-template-columns:1fr}}.search-input{background-color:var(--color-surface);border:1px solid var(--color-text-secondary);border-radius:var(--radius-pill);width:var(--search-input-width,260px);color:var(--color-text-muted);align-items:center;gap:8px;padding:9px 12px;display:flex}.search-input input{width:100%;color:var(--color-text-secondary);border:none;outline:none;font-size:13.5px}.modal__overlay{z-index:50;background-color:#00000080;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.modal__stack{flex-direction:column;gap:14px;width:100%;max-width:560px;display:flex}.modal{width:100%;max-height:85vh;box-shadow:var(--shadow-lg);padding:28px;overflow-y:auto}.modal__header{justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:14px;display:flex}.modal__header-content{flex-direction:column;gap:4px;display:flex}.modal__title{font-family:var(--font-display);color:var(--color-navy-800);font-size:19px;font-weight:600}.modal__actions{justify-content:flex-end;gap:10px;display:flex}.tag-input{border:1px solid var(--color-border);border-radius:var(--radius-sm);background-color:var(--color-surface);transition:border-color var(--transition-base);flex-wrap:wrap;align-items:center;gap:6px;padding:6px 8px;display:flex}.tag-input:focus-within{border-color:var(--color-primary)}.tag-input__chip{border-radius:var(--radius-pill);background-color:var(--color-navy-100);color:var(--color-navy-700);white-space:nowrap;align-items:center;gap:4px;padding:3px 8px;font-size:12.5px;font-weight:600;display:inline-flex}.tag-input__remove{cursor:pointer;color:var(--color-navy-600);background:0 0;border:none;justify-content:center;align-items:center;padding:0;font-size:11px;line-height:1;display:inline-flex}.tag-input__remove:hover{color:var(--color-red-500)}.tag-input__field{min-width:80px;color:var(--color-text-primary);background:0 0;outline:none;flex:1;padding:4px 2px;font-family:inherit;font-size:13.5px;border:none!important}.ticket-form{flex-direction:column;gap:16px;margin-bottom:24px;display:flex}.ticket-form__row{grid-template-columns:1fr 1fr;gap:16px;display:grid}.ticket-form__field{flex-direction:column;gap:6px;display:flex}.ticket-form__label{text-transform:uppercase;letter-spacing:.03em;color:var(--color-text-muted);font-size:11.5px;font-weight:600}.ticket-form__field input,.ticket-form__field textarea,.ticket-form__field select{color:var(--color-text-primary);background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-sm);width:100%;transition:border-color var(--transition-base);outline:none;padding:9px 12px;font-family:inherit;font-size:13.5px}.ticket-form__field textarea{resize:vertical;min-height:84px}.ticket-form__field input:focus,.ticket-form__field textarea:focus,.ticket-form__field select:focus{border-color:var(--color-primary)}.ticket-form__field input[aria-invalid=true],.ticket-form__field textarea[aria-invalid=true]{border-color:var(--color-red-500)}.ticket-form__error{color:var(--color-red-500);font-size:12px}@media (width<=700px){.ticket-form__row{grid-template-columns:1fr}}.ticket-modal__id{color:var(--color-text-muted);font-size:12px;font-weight:700}.ticket-modal__title-row{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.ticket-modal__description{color:var(--color-text-secondary);border-bottom:1px solid var(--color-border-light);margin-bottom:16px;padding-bottom:20px;font-size:14px;line-height:1.6}.ticket-modal__info-row{flex-wrap:wrap;gap:20px;margin-bottom:24px;display:flex}.ticket-modal__info-item{color:var(--color-navy-700);align-items:center;gap:6px;font-size:13.5px;display:inline-flex}.ticket-modal__info-item svg{color:var(--color-text-muted)}.ticket-modal__sla{grid-template-columns:1fr 1fr;gap:16px;margin-bottom:20px;display:grid}.ticket-modal__sla-item{border:1px solid var(--color-border-light);background:var(--color-surface-subtle,#f8f9fb);border-radius:8px;flex-direction:column;gap:4px;padding:12px 14px;display:flex}.ticket-modal__sla-header{justify-content:space-between;align-items:center;gap:8px;display:flex}.ticket-modal__sla-label{color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.02em;font-size:12px;font-weight:700}.ticket-modal__sla-value{color:var(--color-navy-700);font-size:13px}.ticket-modal__sla-tag{white-space:nowrap;border-radius:999px;padding:2px 8px;font-size:11px;font-weight:700}.ticket-modal__sla-tag--met{color:#1a7f43;background:#e2f6ea}.ticket-modal__sla-tag--pending{color:var(--color-text-muted);background:#eef1f6}.ticket-modal__sla-tag--overdue,.ticket-modal__sla-tag--breached{color:#c0362c;background:#fdeaea}.ticket-modal__edit-row{grid-template-columns:1fr 1fr;gap:16px;display:grid}.ticket-modal__edit-row--3col{grid-template-columns:1fr 1fr 1fr}@media (width<=700px){.ticket-modal__edit-row,.ticket-modal__edit-row--3col,.ticket-modal__sla{grid-template-columns:1fr}}.ticket-modal__delete-action{margin-right:auto}.ticket-modal__tags-field{margin-top:16px;margin-bottom:8px}.ticket-modal__mutation-error{margin-bottom:12px}.ticket-board{grid-template-columns:repeat(4,minmax(260px,1fr));align-items:start;padding-bottom:8px;display:grid;overflow-x:auto}.ticket-board__column{height:100%;min-height:200px;transition:background-color var(--transition-base), border-color var(--transition-base);flex-direction:column;gap:10px;display:flex}.ticket-board__column--over{background-color:var(--color-primary-light);border-color:var(--color-primary-half)}.ticket-board__column-header{background-color:var(--color-light-100);justify-content:space-between;align-items:center;height:51px;padding:4px;display:flex}.ticket-board__column-title{color:var(--color-navy-800);padding:0 10px;font-size:13px;font-weight:700}.ticket-board__column-count{background-color:var(--color-light);color:var(--color-text-primary);border-radius:var(--radius-pill);padding:1px 8px;font-size:11px;font-weight:600}.ticket-board__column-body{flex-direction:column;gap:10px;min-height:60px;padding:0 12px;display:flex}.ticket-board__empty{color:var(--color-text-muted);text-align:center;padding:12px 0;font-size:12.5px}.ticket-board__card{background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-sm);box-shadow:var(--shadow-default);cursor:pointer;touch-action:none;flex-direction:column;gap:8px;padding:12px;display:flex}.ticket-board__card:hover{box-shadow:var(--shadow-lg)}.ticket-board__card--draggable{cursor:grab}.ticket-board__card--dragging{opacity:.5}.ticket-board__card-header{justify-content:space-between;align-items:center;display:flex}.ticket-board__card-id{color:var(--color-text-muted);font-size:11px;font-weight:700}.ticket-board__card-subject{color:var(--color-text-primary);-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:13.5px;font-weight:500;line-height:1.4;display:-webkit-box;overflow:hidden}.ticket-board__card-customer{align-items:center;gap:8px;display:flex}.ticket-board__card-avatar{background-color:var(--color-navy-100);width:24px;height:24px;color:var(--color-navy-700);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:10px;font-weight:700;display:flex}.ticket-board__card-customer-info{flex-direction:column;min-width:0;line-height:1.25;display:flex}.ticket-board__card-customer-name{white-space:nowrap;text-overflow:ellipsis;font-size:12.5px;font-weight:500;overflow:hidden}.ticket-board__card-customer-company{color:var(--color-text-muted);white-space:nowrap;text-overflow:ellipsis;font-size:11.5px;overflow:hidden}.ticket-board__card-tags{flex-wrap:wrap;gap:6px;display:flex}.ticket-board__card-tag{color:var(--color-primary-dark);background-color:var(--color-primary-light);border-radius:var(--radius-pill);padding:2px 8px;font-size:10.5px;font-weight:600}.ticket-board__card-footer{border-top:1px solid var(--color-border-light);justify-content:space-between;align-items:center;gap:8px;padding-top:6px;display:flex}.ticket-board__card-assignee{color:var(--color-text-muted);white-space:nowrap;text-overflow:ellipsis;font-size:11.5px;overflow:hidden}.ticket-board__card-overdue{color:var(--color-red-500);white-space:nowrap;align-items:center;gap:3px;font-size:11px;font-weight:700;display:inline-flex}@media (width<=900px){.ticket-board{grid-template-columns:minmax(260px,1fr)}}.table__wrap{overflow-x:auto}.table__empty{text-align:center;color:var(--color-text-secondary);padding:60px 20px;font-size:14px}.table{border-collapse:collapse;width:100%;min-width:900px}.table th{text-align:left;text-transform:uppercase;letter-spacing:.03em;color:var(--color-text-primary);border-bottom:1px solid var(--color-border-light);background-color:var(--color-bg);background-color:var(--color-light-100);height:51px;padding:12px 16px;font-size:11.5px;font-weight:600}.table__row{cursor:pointer;transition:background-color var(--transition-base)}.table__row:hover{background-color:var(--color-bg)}.table td{color:var(--color-text-primary);border-bottom:1px solid var(--color-border-light);vertical-align:middle;padding:14px 16px;font-size:13.5px}.tickets-page{background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);flex-direction:column;gap:8px;display:flex}.tickets-page__title{color:var(--color-text-primary);padding:22px 22px 0;font-size:14px;font-weight:700}.tickets-page__toolbar{flex-direction:column;gap:14px;padding:0 22px 22px;display:flex}.tickets-page__tabs{border-bottom:1px solid var(--color-border-light);gap:4px;display:flex;overflow-x:auto}.tickets-page__tab{color:var(--color-text-secondary);white-space:nowrap;transition:color var(--transition-base), border-color var(--transition-base);border-bottom:2px solid #0000;align-items:center;gap:6px;padding:10px 14px;font-size:13.5px;font-weight:500;display:flex}.tickets-page__tab:hover{color:var(--color-navy-800)}.tickets-page__tab--active{color:var(--color-primary-dark);border-bottom-color:var(--color-primary);font-weight:600}.tickets-page__tab-count{background-color:var(--color-navy-100);color:var(--color-navy-700);border-radius:var(--radius-pill);padding:1px 7px;font-size:11px;font-weight:600}.tickets-page__tab--active .tickets-page__tab-count{background-color:var(--color-primary-light);color:var(--color-primary-dark)}.tickets-page__controls{justify-content:space-between;align-items:center;gap:12px;display:flex}.tickets-page__view-toggle{background-color:var(--color-navy-100);border-radius:var(--radius-sm);align-items:center;gap:2px;padding:3px;display:flex}.tickets-page__left-controls{flex-direction:row;gap:30px;display:flex}.tickets-page__view-btn{color:var(--color-navy-600);border-radius:calc(var(--radius-sm) - 2px);transition:color var(--transition-base), background-color var(--transition-base);padding:6px 12px;font-size:12.5px;font-weight:600}.tickets-page__view-btn--active{background-color:var(--color-surface);color:var(--color-primary-dark);box-shadow:var(--shadow-sm)}.tickets-page__search{--search-input-width:320px}.tickets-table__subject{align-items:center;gap:8px;font-weight:500;display:flex}.tickets-table__id{color:var(--color-text-muted);font-size:11px;font-weight:700}.tickets-table__overdue{margin-left:4px}.tickets-table__customer{align-items:center;gap:10px;display:flex}.tickets-table__avatar{background-color:var(--color-navy-100);width:30px;height:30px;color:var(--color-navy-700);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:11.5px;font-weight:700;display:flex}.tickets-table__customer-info{flex-direction:column;line-height:1.3;display:flex}.tickets-table__customer-name{font-weight:500}.tickets-table__customer-company{color:var(--color-text-muted);font-size:12px}.tickets-table__unassigned{color:var(--color-text-muted);font-style:italic}.tickets-page__ticket-board{padding:0 22px}@media (width<=700px){.tickets-page__controls{flex-direction:column;align-items:stretch}.tickets-page__search{width:100%}}.category-filter{flex-wrap:wrap;gap:8px;display:flex}.category-filter__chip{border-radius:var(--radius-pill);color:var(--color-text-secondary);background-color:var(--color-surface);border:1px solid var(--color-border);transition:all var(--transition-base);padding:7px 14px;font-size:13px;font-weight:500}.category-filter__chip:hover{background-color:var(--color-primary-light);color:var(--color-primary)}.category-filter__chip--active{background-color:var(--color-primary);color:#fff}.document-card{transition:box-shadow var(--transition-base), transform var(--transition-base);flex-direction:column;align-items:flex-start;gap:16px;padding:18px;display:flex}.document-card:hover{box-shadow:var(--shadow-md);transform:translateY(-1px)}.document-card__type{border-radius:var(--radius-md);color:#8a2be2;flex-shrink:0;justify-content:center;width:48px;height:48px;padding:10px;font-size:25px;display:flex}.document-card__type-img{object-fit:contain;width:20px;height:20px}.document-card__type--pdf{background-color:var(--color-red-100)}.document-card__type--docx{background-color:#dbeafe}.document-card__type--xlsx{background-color:var(--color-teal-100)}.document-card__type--image{background-color:var(--color-yellow-100)}.document-card__type--other{background-color:var(--color-navy-100)}.document-card__type--default{background-color:var(--color-primary-light-2)}.document-card__body{flex:1;width:100%;min-width:0}.document-card__title{font-family:var(--font-display);color:var(--color-navy-800);margin-bottom:4px;font-size:14.5px;font-weight:600}.document-card__category{font-family:var(--font-display);color:var(--color-primary);margin-bottom:4px;font-size:14.5px;font-weight:600}.document-card__description{color:var(--color-text-secondary);margin-bottom:10px;font-size:13px;line-height:1.5}.document-card__meta{color:var(--color-text-secondary);justify-content:space-between;align-items:center;gap:6px;font-size:12px;display:flex}.document-card__info{align-items:center;gap:1rem;display:flex}.document-card__action{color:var(--color-primary);flex-shrink:0;align-self:center;font-size:12px;font-weight:600}.document-card__img{justify-content:center;align-self:center}@media (width<=560px){.document-card{flex-direction:column}.document-card__action{align-self:flex-start}}.documentation-page{background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);flex-direction:column;gap:14px;padding:22px;display:flex}.documentation-page__title{color:var(--color-text-primary);font-size:14px;font-weight:700}.documentation-page__toolbar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;display:flex}.documentation-page__divider{border:none;border-top:1px solid var(--color-border-divider);margin:.2rem 0}.documentation-page__grid{grid-template-columns:repeat(3,1fr);gap:14px;display:grid}.documentation-page__empty{text-align:center;color:var(--color-text-secondary);background-color:var(--color-surface);border-radius:var(--radius-md);border:1px solid var(--color-border-light);padding:60px 20px}@media (width<=900px){.documentation-page__grid{grid-template-columns:1fr}.documentation-page__search{width:100%}}.document-viewer{flex-direction:column;gap:16px;display:flex}.document-viewer__back{color:var(--color-text-secondary);align-self:flex-start;align-items:center;gap:6px;font-size:13px;font-weight:600;display:inline-flex}.document-viewer__back:hover{color:var(--color-primary)}.document-viewer__empty{text-align:center;color:var(--color-text-secondary);background-color:var(--color-surface);border-radius:var(--radius-md);border:1px solid var(--color-border-light);padding:60px 20px}.document-viewer__card{background-color:var(--color-surface);border:1px solid var(--color-border-light);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);flex-direction:column;gap:16px;padding:24px;display:flex}.document-viewer__title{font-family:var(--font-display);color:var(--color-text-primary);margin-bottom:4px;font-size:19px;font-weight:700}.document-viewer__description{color:var(--color-text-secondary);font-size:13.5px}.document-viewer__preview{border-radius:var(--radius-md);background-color:var(--color-bg);overflow:hidden}.document-viewer__frame{border:none;width:100%;height:75vh;display:block}.document-viewer__image{object-fit:contain;width:100%;max-height:75vh;margin:0 auto;display:block}.document-viewer__unavailable{text-align:center;min-height:320px;color:var(--color-text-secondary);flex-direction:column;justify-content:center;align-items:center;gap:12px;padding:60px 20px;display:flex}.video-card{transition:box-shadow var(--transition-base), transform var(--transition-base);overflow:hidden}.video-card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.video-card__thumb-wrap{aspect-ratio:16/9;background-color:var(--color-navy-100);cursor:pointer;position:relative;overflow:hidden}.video-card__thumb{object-fit:cover;width:100%;height:100%}.video-card__duration{color:#fff;background-color:#1c2d3cd9;border-radius:4px;padding:2px 6px;font-size:11px;font-weight:600;position:absolute;bottom:8px;right:8px}.video-card__play{color:#fff;opacity:0;transition:opacity var(--transition-base);background-color:#1c2d3c40;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.video-card__play svg{background-color:var(--color-coral-500);border-radius:50%;width:48px;height:48px;padding:12px}.video-card:hover .video-card__play{opacity:1}.video-card__body{padding:16px}.video-card__title{font-family:var(--font-display);color:var(--color-navy-800);margin-bottom:6px;font-size:14.5px;font-weight:700;line-height:1.4}.video-card__category{font-family:var(--font-display);color:var(--color-primary);margin-bottom:6px;font-size:14.5px;font-weight:600;line-height:1.4}.video-card__description{color:var(--color-text-secondary);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin-bottom:10px;font-size:13px;line-height:1.5;display:-webkit-box;overflow:hidden}.video-card__meta{color:var(--color-text-secondary);align-items:center;gap:6px;font-size:12px;display:flex}.modal__stack.video-player-modal{max-width:760px}.modal.video-player-modal{padding:0;overflow:hidden;border:none!important}.video-player-modal__header{justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.video-player-modal__title{font-family:var(--font-display);color:#fff;font-size:19px;font-weight:700}.video-player-modal__description{color:#fffc;font-size:13.5px;line-height:1.5}.video-player-modal__close{color:#fff;width:32px;height:32px;transition:background-color var(--transition-base);background-color:#ffffff26;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:14px;display:flex}.video-player-modal__close:hover{background-color:#ffffff40}.video-player-modal__frame{aspect-ratio:16/9;border:none;width:100%;display:block}.video-player-modal__unavailable{text-align:center;color:var(--color-text-secondary);flex-direction:column;align-items:center;gap:12px;padding:32px 20px;display:flex}.video-player-modal__unavailable img{border-radius:var(--radius-md);opacity:.6;width:100%;max-width:320px}.videos-page{background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);flex-direction:column;gap:14px;padding:22px;display:flex}.videos-page__title{color:var(--color-text-primary);font-size:14px;font-weight:700}.videos-page__toolbar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;display:flex}.videos-page__divider{border:none;border-top:1px solid var(--color-border-divider);margin:.2rem 0}.videos-page__grid{grid-template-columns:repeat(3,1fr);gap:18px;display:grid}.videos-page__empty{text-align:center;color:var(--color-text-secondary);background-color:var(--color-surface);border-radius:var(--radius-md);border:1px solid var(--color-border-light);padding:60px 20px}@media (width<=1100px){.videos-page__grid{grid-template-columns:repeat(2,1fr)}}@media (width<=640px){.videos-page__grid{grid-template-columns:1fr}.videos-page__search{width:100%}}.faq-item{background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-sm);box-shadow:var(--shadow-default);transition:border-color var(--transition-base);margin-left:20%;margin-right:20%;overflow:hidden}.faq-item--open{border-color:var(--color-border)}.faq-item__question{text-align:left;width:100%;height:65px;font-family:var(--font-body);color:#000;cursor:pointer;background:0 0;border:none;flex-shrink:0;justify-content:space-between;align-items:center;gap:12px;padding:16px 20px;font-size:18px;font-weight:600;display:flex}.faq-item__question-up{color:var(--color-primary);width:20px;height:20px}.faq-item__question-down{color:#000;width:20px;height:20px}.faq-item__answer{color:var(--color-text-secondary);padding:0 20px 18px;font-size:13.5px;line-height:1.6}.faq-page{background-color:var(--color-surface);border:2px solid var(--color-text-inverse);border-radius:var(--radius-lg);box-shadow:var(--shadow-default);flex-direction:column;gap:14px;margin:0 auto;padding:22px;display:flex}.faq-page__header{border-bottom:1px solid var(--color-border-light);flex-direction:column;gap:15px;width:100%;padding-bottom:16px;display:flex}.faq-page__title{font-family:var(--font-display);color:var(--color-text-primary);margin:0;font-size:14px;font-weight:700}.faq-page__subtitle{color:var(--color-text-secondary);margin:0;font-size:13.5px}.faq-page__list{flex-direction:column;gap:12px;display:flex}.faq-page__empty{text-align:center;color:var(--color-text-secondary);padding:40px 20px}@media (width<=640px){.faq-page{padding:20px}}.main-layout{min-height:100vh;display:flex}.main-layout__content{flex-direction:column;flex:1;min-width:0;display:flex}.main-layout__navbar{border-bottom:1px solid var(--color-border-light);box-shadow:var(--shadow-sm);z-index:10;flex-shrink:0;background-color:var(--color-bg)!important;position:static!important}.main-layout__navbar-inner{height:58px;padding:0 28px}.main-layout__navbar-right{align-items:center;gap:14px;display:flex}.main-layout__navbar-user [class*=navbar__user-trigger_]{border-radius:var(--radius-pill);transition:background-color var(--transition-base);align-items:center;gap:10px;padding:6px 10px 6px 6px;display:flex}.main-layout__navbar-user [class*=navbar__user-trigger_]:hover{background-color:var(--color-navy-100)}.main-layout__navbar-user [class*=navbar__user-avatar_]{background-color:var(--color-navy-100);width:34px;height:34px;color:var(--color-navy-700);border-radius:50%;justify-content:center;align-items:center;font-size:16px;display:flex;overflow:hidden}.main-layout__navbar-user [class*=navbar__user-avatar_] img{object-fit:cover;width:100%;height:100%}.main-layout__navbar-user [class*=navbar__user-name_]{color:var(--color-text-primary);font-size:13.5px;font-weight:600}.main-layout__navbar-user [class*=navbar__user-chevron_]{color:var(--color-text-muted);transition:transform var(--transition-base)}.main-layout__navbar-user [class*=navbar__user-chevron--open]{transform:rotate(180deg)}.main-layout__navbar-dropdown[class*=navbar__dropdown_]{background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);min-width:220px;padding:8px;top:100%!important}.main-layout__navbar-dropdown [class*=navbar__dropdown-header]{padding:8px 10px 10px}.main-layout__navbar-dropdown [class*=navbar__dropdown-name]{color:var(--color-text-primary);margin:0;font-size:13.5px;font-weight:600}.main-layout__navbar-dropdown [class*=navbar__dropdown-email]{color:var(--color-text-muted);margin:2px 0 0;font-size:12px}.main-layout__navbar-dropdown [class*=navbar__divider]{border:none;border-top:1px solid var(--color-border-light);margin:6px 0}.main-layout__navbar-dropdown [class*=navbar__menu-item_]{width:100%;color:var(--color-text-primary);border-radius:var(--radius-sm);cursor:pointer;text-align:left;transition:background-color var(--transition-base);background:0 0;border:none;align-items:center;gap:8px;padding:8px 10px;font-size:13px;display:flex}.main-layout__navbar-dropdown [class*=navbar__menu-item_]:hover{background-color:var(--color-navy-100)}.main-layout__navbar-dropdown [class*=navbar__logout-btn]{width:100%;color:var(--color-primary-dark);border-radius:var(--radius-sm);cursor:pointer;text-align:left;transition:background-color var(--transition-base);background:0 0;border:none;padding:8px 10px;font-size:13px;font-weight:600}.main-layout__navbar-dropdown [class*=navbar__logout-btn]:hover{background-color:var(--color-primary-light)}.main-layout__body{flex:1;padding:28px 32px 48px}.main-layout__icon-wrapper{border-radius:var(--radius-pill);width:26px;min-width:26px;height:26px;min-height:26px;color:var(--color-dark-500);transition:color var(--transition-medium);flex-shrink:0;justify-content:center;align-items:center;display:flex;background-color:var(--color-light)!important}.main-layout__icon-wrapper--active{color:var(--color-primary)}.auth-gate__loading{height:100vh;color:var(--color-text-secondary);font-family:var(--font-body);justify-content:center;align-items:center;font-size:14px;display:flex}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/inter-cyrillic-ext-400-normal-BQZuk6qB.woff2)format("woff2"),url(/assets/inter-cyrillic-ext-400-normal-DQukG94-.woff)format("woff");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/inter-cyrillic-400-normal-obahsSVq.woff2)format("woff2"),url(/assets/inter-cyrillic-400-normal-HOLc17fK.woff)format("woff");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/inter-greek-ext-400-normal-DGGRlc-M.woff2)format("woff2"),url(/assets/inter-greek-ext-400-normal-KugGGMne.woff)format("woff");unicode-range:U+1F??}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/inter-greek-400-normal-B4URO6DV.woff2)format("woff2"),url(/assets/inter-greek-400-normal-q2sYcFCs.woff)format("woff");unicode-range:U+370-377,U+37A-37F,U+384-38A,U+38C,U+38E-3A1,U+3A3-3FF}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/inter-vietnamese-400-normal-DMkecbls.woff2)format("woff2"),url(/assets/inter-vietnamese-400-normal-Bbgyi5SW.woff)format("woff");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/inter-latin-ext-400-normal-C1nco2VV.woff2)format("woff2"),url(/assets/inter-latin-ext-400-normal-77YHD8bZ.woff)format("woff");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/inter-latin-400-normal-C38fXH4l.woff2)format("woff2"),url(/assets/inter-latin-400-normal-CyCys3Eg.woff)format("woff");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/inter-cyrillic-ext-500-normal-B0yAr1jD.woff2)format("woff2"),url(/assets/inter-cyrillic-ext-500-normal-BmqWE9Dz.woff)format("woff");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/inter-cyrillic-500-normal-BasfLYem.woff2)format("woff2"),url(/assets/inter-cyrillic-500-normal-CxZf_p3X.woff)format("woff");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/inter-greek-ext-500-normal-C4iEst2y.woff2)format("woff2"),url(/assets/inter-greek-ext-500-normal-2j5mBUwD.woff)format("woff");unicode-range:U+1F??}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/inter-greek-500-normal-BIZE56-Y.woff2)format("woff2"),url(/assets/inter-greek-500-normal-Xzm54t5V.woff)format("woff");unicode-range:U+370-377,U+37A-37F,U+384-38A,U+38C,U+38E-3A1,U+3A3-3FF}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/inter-vietnamese-500-normal-DOriooB6.woff2)format("woff2"),url(/assets/inter-vietnamese-500-normal-mJboJaSs.woff)format("woff");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/inter-latin-ext-500-normal-CV4jyFjo.woff2)format("woff2"),url(/assets/inter-latin-ext-500-normal-BxGbmqWO.woff)format("woff");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/inter-latin-500-normal-Cerq10X2.woff2)format("woff2"),url(/assets/inter-latin-500-normal-BL9OpVg8.woff)format("woff");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/inter-cyrillic-ext-600-normal-Dfes3d0z.woff2)format("woff2"),url(/assets/inter-cyrillic-ext-600-normal-Bcila6Z-.woff)format("woff");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/inter-cyrillic-600-normal-CWCymEST.woff2)format("woff2"),url(/assets/inter-cyrillic-600-normal-4D_pXhcN.woff)format("woff");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/inter-greek-ext-600-normal-DRtmH8MT.woff2)format("woff2"),url(/assets/inter-greek-ext-600-normal-B8X0CLgF.woff)format("woff");unicode-range:U+1F??}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/inter-greek-600-normal-plRanbMR.woff2)format("woff2"),url(/assets/inter-greek-600-normal-BZpKdvQh.woff)format("woff");unicode-range:U+370-377,U+37A-37F,U+384-38A,U+38C,U+38E-3A1,U+3A3-3FF}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/inter-vietnamese-600-normal-Cc8MFFhd.woff2)format("woff2"),url(/assets/inter-vietnamese-600-normal-BuLX-rYi.woff)format("woff");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/inter-latin-ext-600-normal-D2bJ5OIk.woff2)format("woff2"),url(/assets/inter-latin-ext-600-normal-CIVaiw4L.woff)format("woff");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/inter-latin-600-normal-LgqL8muc.woff2)format("woff2"),url(/assets/inter-latin-600-normal-CiBQ2DWP.woff)format("woff");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/inter-cyrillic-ext-700-normal-BjwYoWNd.woff2)format("woff2"),url(/assets/inter-cyrillic-ext-700-normal-LO58E6JB.woff)format("woff");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/inter-cyrillic-700-normal-CjBOestx.woff2)format("woff2"),url(/assets/inter-cyrillic-700-normal-DrXBdSj3.woff)format("woff");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/inter-greek-ext-700-normal-qfdV9bQt.woff2)format("woff2"),url(/assets/inter-greek-ext-700-normal-BoQ6DsYi.woff)format("woff");unicode-range:U+1F??}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/inter-greek-700-normal-C3JjAnD8.woff2)format("woff2"),url(/assets/inter-greek-700-normal-BUv2fZ6O.woff)format("woff");unicode-range:U+370-377,U+37A-37F,U+384-38A,U+38C,U+38E-3A1,U+3A3-3FF}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/inter-vietnamese-700-normal-DlLaEgI2.woff2)format("woff2"),url(/assets/inter-vietnamese-700-normal-BZaoP0fm.woff)format("woff");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/inter-latin-ext-700-normal-Ca8adRJv.woff2)format("woff2"),url(/assets/inter-latin-ext-700-normal-TidjK2hL.woff)format("woff");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/inter-latin-700-normal-Yt3aPRUw.woff2)format("woff2"),url(/assets/inter-latin-700-normal-BLAVimhd.woff)format("woff");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--color-primary:#7209b6;--color-primary-light:#eee2f5;--color-primary-dark:#4b1f6b;--color-primary-half:#b682d8;--color-primary-light-2:#ede2f4;--color-navy-900:#1c2d3c;--color-navy-800:#213343;--color-navy-700:#33475b;--color-navy-600:#516f90;--color-navy-100:#eaf0f6;--color-coral-500:#ff7a59;--color-coral-600:#ff5c35;--color-coral-100:#ffe4dc;--color-teal-500:#00bda5;--color-teal-100:#d9f7f2;--color-green-500:#4caf50;--color-green-100:#eaf4ea;--color-dark-500:#000;--color-dark-400:#16151a;--color-dark-100:#eaeaea;--color-light:#fff;--color-light-100:#f1f1f2;--color-yellow-500:#d9a103;--color-yellow-100:#fcf5e2;--color-blue-500:#4b7afa;--color-blue-100:#dbeafe;--color-red-500:#e05c5c;--color-red-100:#fbe4e4;--color-bg:#f2f2f2;--color-surface:#fcfcfc;--color-border:#eaeaea;--color-border-light:#e5eaf0;--color-border-divider:#d8d7e0;--color-text-primary:#000;--color-text-secondary:#707070;--color-text-muted:#7c98b6;--color-text-inverse:#fff;--font-display:"Inter", -apple-system, BlinkMacSystemFont, sans-serif;--font-body:"Inter", -apple-system, BlinkMacSystemFont, sans-serif;--radius-sm:6px;--radius-md:10px;--radius-lg:16px;--radius-pill:999px;--shadow-sm:0 1px 2px #21334314;--shadow-md:0 4px 12px #2133431a;--shadow-lg:0 12px 32px #21334324;--shadow-default:0px 6px 20px #0000000f;--sidebar-width:248px;--header-height:68px;--transition-base:.16s ease;--transition-fast:.15s ease-in-out;--transition-medium:.3s ease;--transition-slow:.5s ease}*,:before,:after{box-sizing:border-box}html,body,#root{height:100%}body{font-family:var(--font-body);color:var(--color-text-primary);background-color:var(--color-bg);-webkit-font-smoothing:antialiased;margin:0}h1,h2,h3,h4,p,ul,ol{margin:0}ul,ol{padding:0;list-style:none}button,input,select,textarea{color:inherit;font-family:inherit}button{cursor:pointer;background:0 0;border:none}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.btn{border-radius:var(--radius-pill);font-size:14px;font-weight:600;font-family:var(--font-body);transition:background-color var(--transition-base), transform var(--transition-base), box-shadow var(--transition-base);white-space:nowrap;align-items:center;gap:8px;padding:10px 18px;display:inline-flex}.btn:active{transform:translateY(1px)}.btn--primary{background-color:var(--color-primary);color:var(--color-text-inverse);box-shadow:var(--shadow-sm)}.btn--primary:hover{background-color:var(--color-primary-dark)}.btn--secondary{background-color:var(--color-surface);color:var(--color-navy-700);border:1px solid var(--color-border)}.btn--secondary:hover{background-color:var(--color-navy-100)}.btn--ghost{color:var(--color-navy-600);background-color:#0000}.btn--ghost:hover{background-color:var(--color-navy-100);color:var(--color-navy-700)}.btn--danger{background-color:var(--color-red-500);color:var(--color-text-inverse);box-shadow:var(--shadow-sm)}.btn--danger:hover{background-color:var(--color-coral-600)}.btn--sm{padding:6px 12px;font-size:13px}.badge{border-radius:var(--radius-pill);align-items:center;gap:6px;padding:4px 10px;font-size:12px;font-weight:600;line-height:1.4;display:inline-flex}.badge--to-do{background-color:var(--color-dark-100);color:var(--color-dark-400)}.badge--progress{background-color:var(--color-yellow-100);color:var(--color-yellow-500)}.badge--review{background-color:var(--color-blue-100);color:var(--color-blue-500)}.badge--done{background-color:var(--color-green-100);color:var(--color-green-500)}.badge--neutral{background-color:var(--color-navy-100);color:var(--color-navy-700)}.badge--info{background-color:var(--color-blue-100);color:var(--color-blue-500)}.badge--warning{background-color:var(--color-yellow-100);color:var(--color-yellow-500)}.badge--danger{background-color:var(--color-red-100);color:var(--color-red-500)}.priority-icon{justify-content:center;align-items:center;display:inline-flex}.priority-icon--urgent{color:var(--color-red-500)}.priority-icon--high{color:var(--color-coral-500)}.priority-icon--medium{color:var(--color-yellow-500)}.priority-icon--low{color:var(--color-green-500)}.card{background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-sm);box-shadow:var(--shadow-sm)}.visually-hidden{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}