.portal-home{min-height:100%}.portal-home__hero{background:linear-gradient(135deg, var(--color-primary-600), var(--color-primary-800));color:var(--color-white);padding:var(--spacing-12) var(--spacing-6);text-align:center;margin:calc(-1 * var(--spacing-6));margin-bottom:var(--spacing-8)}.portal-home__title{font-size:var(--font-size-4xl);font-weight:var(--font-weight-bold);margin-bottom:var(--spacing-2)}.portal-home__subtitle{font-size:var(--font-size-lg);opacity:.9;margin-bottom:var(--spacing-8)}.portal-home__search{gap:var(--spacing-3);max-width:640px;margin:0 auto var(--spacing-6);display:flex}.portal-home__search-input-wrapper{flex:1;position:relative}.portal-home__search-icon{left:var(--spacing-4);color:var(--color-gray-400);position:absolute;top:50%;transform:translateY(-50%)}.portal-home__search-input{width:100%;padding:var(--spacing-4) var(--spacing-4) var(--spacing-4) var(--spacing-12);font-size:var(--font-size-lg);border-radius:var(--border-radius-lg);background-color:var(--color-white);color:var(--color-gray-900);border:none}.portal-home__search-input::placeholder{color:var(--color-gray-400)}.portal-home__search-input:focus{outline:none;box-shadow:0 0 0 4px #ffffff4d}.portal-home__quick-links{justify-content:center;gap:var(--spacing-6);flex-wrap:wrap;display:flex}.portal-home__quick-link{align-items:center;gap:var(--spacing-2);color:var(--color-white);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);opacity:.9;transition:opacity var(--transition-fast);text-decoration:none;display:flex}.portal-home__quick-link:hover{opacity:1;text-decoration:underline}.portal-home__content{padding:0 var(--spacing-2)}.portal-home__section{margin-bottom:var(--spacing-8)}.portal-home__section-header{margin-bottom:var(--spacing-4);justify-content:space-between;align-items:center;display:flex}.portal-home__section-title{align-items:center;gap:var(--spacing-2);font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);display:flex}.portal-home__section-link{align-items:center;gap:var(--spacing-1);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-primary-600);text-decoration:none;display:flex}.portal-home__section-link:hover{text-decoration:underline}.portal-home__categories{gap:var(--spacing-4);grid-template-columns:repeat(auto-fill,minmax(300px,1fr));display:grid}.portal-home__category-card{gap:var(--spacing-4);padding:var(--spacing-5);background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--border-radius-lg);transition:all var(--transition-fast);text-decoration:none;display:flex}.portal-home__category-card:hover{border-color:var(--color-primary-300);box-shadow:var(--shadow-md);transform:translateY(-2px)}.portal-home__category-icon{background-color:var(--color-primary-100);width:48px;height:48px;color:var(--color-primary-600);border-radius:var(--border-radius-lg);flex-shrink:0;justify-content:center;align-items:center;display:flex}.portal-home__category-content{flex:1;min-width:0}.portal-home__category-name{font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);margin-bottom:var(--spacing-1)}.portal-home__category-description{font-size:var(--font-size-sm);color:var(--color-text-muted);margin-bottom:var(--spacing-2);line-height:var(--line-height-normal)}.portal-home__category-count{font-size:var(--font-size-xs);color:var(--color-text-tertiary)}.portal-home__two-column{gap:var(--spacing-8);grid-template-columns:1fr 1fr;display:grid}@media (max-width:1024px){.portal-home__two-column{grid-template-columns:1fr}}.portal-home__articles{gap:var(--spacing-3);flex-direction:column;display:flex}.portal-home__article-card{padding:var(--spacing-4);background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--border-radius-lg);transition:all var(--transition-fast);text-decoration:none;display:block}.portal-home__article-card:hover{border-color:var(--color-primary-300);box-shadow:var(--shadow-sm)}.portal-home__article-title{font-size:var(--font-size-base);font-weight:var(--font-weight-medium);color:var(--color-text-primary);margin-bottom:var(--spacing-2)}.portal-home__article-card:hover .portal-home__article-title{color:var(--color-primary-600)}.portal-home__article-excerpt{font-size:var(--font-size-sm);color:var(--color-text-muted);margin-bottom:var(--spacing-3);line-height:var(--line-height-relaxed);-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.portal-home__article-meta{font-size:var(--font-size-xs);justify-content:space-between;align-items:center;display:flex}.portal-home__article-category{color:var(--color-primary-600);font-weight:var(--font-weight-medium)}.portal-home__article-views{align-items:center;gap:var(--spacing-1);color:var(--color-text-tertiary);display:flex}.portal-home__tickets{gap:var(--spacing-3);flex-direction:column;display:flex}.portal-home__ticket-card{padding:var(--spacing-4);background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--border-radius-lg);transition:all var(--transition-fast);text-decoration:none;display:block}.portal-home__ticket-card:hover{border-color:var(--color-primary-300);box-shadow:var(--shadow-sm)}.portal-home__ticket-header{margin-bottom:var(--spacing-2);justify-content:space-between;align-items:center;display:flex}.portal-home__ticket-id{font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);color:var(--color-text-muted)}.portal-home__ticket-status{padding:var(--spacing-0-5) var(--spacing-2);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);color:var(--color-white);border-radius:var(--border-radius-full);text-transform:capitalize}.portal-home__ticket-subject{font-size:var(--font-size-base);font-weight:var(--font-weight-medium);color:var(--color-text-primary);margin-bottom:var(--spacing-2)}.portal-home__ticket-card:hover .portal-home__ticket-subject{color:var(--color-primary-600)}.portal-home__ticket-date{align-items:center;gap:var(--spacing-1);font-size:var(--font-size-xs);color:var(--color-text-tertiary);display:flex}.portal-home__empty-tickets{align-items:center;gap:var(--spacing-3);padding:var(--spacing-8);text-align:center;color:var(--color-text-muted);flex-direction:column;display:flex}.portal-home__cta{justify-content:space-between;align-items:center;gap:var(--spacing-6);padding:var(--spacing-6);background-color:var(--color-gray-50);border-radius:var(--border-radius-xl);margin-top:var(--spacing-8);display:flex}.portal-home__cta-content{align-items:center;gap:var(--spacing-4);display:flex}.portal-home__cta-content>svg{color:var(--color-primary-500);flex-shrink:0}.portal-home__cta-text h3{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);margin-bottom:var(--spacing-1)}.portal-home__cta-text p{font-size:var(--font-size-sm);color:var(--color-text-muted)}@media (max-width:768px){.portal-home__hero{padding:var(--spacing-8) var(--spacing-4)}.portal-home__title{font-size:var(--font-size-2xl)}.portal-home__subtitle{font-size:var(--font-size-base)}.portal-home__search{flex-direction:column}.portal-home__search-input{font-size:var(--font-size-base);padding:var(--spacing-3) var(--spacing-3) var(--spacing-3) var(--spacing-10)}.portal-home__categories{grid-template-columns:1fr}.portal-home__cta{text-align:center;flex-direction:column}.portal-home__cta-content{flex-direction:column}}[data-theme=dark] .portal-home__hero{background:linear-gradient(135deg, var(--color-gray-800), var(--color-gray-900))}[data-theme=dark] .portal-home__search-input{background-color:var(--color-gray-800);color:var(--color-gray-100)}[data-theme=dark] .portal-home__category-icon{background-color:var(--color-primary-900);color:var(--color-primary-400)}[data-theme=dark] .portal-home__cta{background-color:var(--color-gray-800)}.portal-new-ticket{max-width:1000px;margin:0 auto}.portal-new-ticket__header{margin-bottom:var(--spacing-6)}.portal-new-ticket__back{align-items:center;gap:var(--spacing-2);font-size:var(--font-size-sm);color:var(--color-text-muted);margin-bottom:var(--spacing-3);transition:color var(--transition-fast);text-decoration:none;display:inline-flex}.portal-new-ticket__back:hover{color:var(--color-primary-600)}.portal-new-ticket__title{font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);color:var(--color-text-primary);margin-bottom:var(--spacing-1)}.portal-new-ticket__subtitle{font-size:var(--font-size-sm);color:var(--color-text-muted)}.portal-new-ticket__content{gap:var(--spacing-6);grid-template-columns:1fr 300px;display:grid}@media (max-width:900px){.portal-new-ticket__content{grid-template-columns:1fr}.portal-new-ticket__sidebar{order:-1}}.portal-new-ticket__main{background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--border-radius-lg);padding:var(--spacing-6)}.portal-new-ticket__form{gap:var(--spacing-5);flex-direction:column;display:flex}.portal-new-ticket__field{gap:var(--spacing-2);flex-direction:column;display:flex}.portal-new-ticket__label{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text-primary)}.portal-new-ticket__required{color:var(--color-danger-500)}.portal-new-ticket__error{font-size:var(--font-size-xs);color:var(--color-danger-500)}.portal-new-ticket__hint{font-size:var(--font-size-xs);color:var(--color-text-tertiary)}.portal-new-ticket__suggestions{padding:var(--spacing-4);background-color:var(--color-info-50);border:1px solid var(--color-info-200);border-radius:var(--border-radius-lg)}.portal-new-ticket__suggestions-header{align-items:center;gap:var(--spacing-2);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-info-700);margin-bottom:var(--spacing-3);display:flex}.portal-new-ticket__suggestions-list{gap:var(--spacing-2);flex-direction:column;display:flex}.portal-new-ticket__suggestion{align-items:center;gap:var(--spacing-2);padding:var(--spacing-2) var(--spacing-3);background-color:var(--color-white);border-radius:var(--border-radius-md);font-size:var(--font-size-sm);color:var(--color-text-primary);transition:all var(--transition-fast);text-decoration:none;display:flex}.portal-new-ticket__suggestion:hover{background-color:var(--color-info-100);color:var(--color-info-700)}.portal-new-ticket__suggestion svg{color:var(--color-info-500);flex-shrink:0}.portal-new-ticket__files{gap:var(--spacing-2);margin-top:var(--spacing-3);flex-direction:column;display:flex}.portal-new-ticket__file{align-items:center;gap:var(--spacing-2);padding:var(--spacing-2) var(--spacing-3);background-color:var(--color-gray-50);border:1px solid var(--color-border);border-radius:var(--border-radius-md);font-size:var(--font-size-sm);display:flex}.portal-new-ticket__file svg{color:var(--color-gray-500);flex-shrink:0}.portal-new-ticket__file-name{color:var(--color-text-primary);white-space:nowrap;text-overflow:ellipsis;flex:1;overflow:hidden}.portal-new-ticket__file-size{color:var(--color-text-tertiary);flex-shrink:0}.portal-new-ticket__file-remove{width:20px;height:20px;color:var(--color-gray-400);cursor:pointer;border-radius:var(--border-radius-sm);transition:all var(--transition-fast);background:0 0;border:none;justify-content:center;align-items:center;display:flex}.portal-new-ticket__file-remove:hover{background-color:var(--color-danger-100);color:var(--color-danger-600)}.portal-new-ticket__actions{justify-content:flex-end;gap:var(--spacing-3);padding-top:var(--spacing-4);border-top:1px solid var(--color-border);display:flex}.portal-new-ticket__sidebar{gap:var(--spacing-4);flex-direction:column;display:flex}.portal-new-ticket__help-card,.portal-new-ticket__kb-card{padding:var(--spacing-5)}.portal-new-ticket__help-title,.portal-new-ticket__kb-title{align-items:center;gap:var(--spacing-2);font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);margin-bottom:var(--spacing-3);display:flex}.portal-new-ticket__help-title svg,.portal-new-ticket__kb-title svg{color:var(--color-primary-500)}.portal-new-ticket__help-list{margin:0;padding:0;list-style:none}.portal-new-ticket__help-list li{padding-left:var(--spacing-5);margin-bottom:var(--spacing-2);font-size:var(--font-size-sm);color:var(--color-text-muted);line-height:var(--line-height-relaxed);position:relative}.portal-new-ticket__help-list li:before{content:"";background-color:var(--color-primary-400);border-radius:50%;width:6px;height:6px;position:absolute;top:.5em;left:0}.portal-new-ticket__kb-text{font-size:var(--font-size-sm);color:var(--color-text-muted);margin-bottom:var(--spacing-4);line-height:var(--line-height-relaxed)}[data-theme=dark] .portal-new-ticket__suggestions{background-color:var(--color-info-900);border-color:var(--color-info-800)}[data-theme=dark] .portal-new-ticket__suggestions-header{color:var(--color-info-300)}[data-theme=dark] .portal-new-ticket__suggestion{background-color:var(--color-gray-800)}[data-theme=dark] .portal-new-ticket__suggestion:hover{background-color:var(--color-info-800);color:var(--color-info-200)}[data-theme=dark] .portal-new-ticket__file{background-color:var(--color-gray-800)}.portal-profile{max-width:800px;margin:0 auto}.portal-profile__header{margin-bottom:var(--spacing-6)}.portal-profile__title{font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);color:var(--color-text-primary);margin-bottom:var(--spacing-1)}.portal-profile__subtitle{font-size:var(--font-size-sm);color:var(--color-text-muted)}.portal-profile__card{padding:var(--spacing-6);margin-top:var(--spacing-4)}.portal-profile__avatar-section{align-items:center;gap:var(--spacing-5);margin-bottom:var(--spacing-6);display:flex}.portal-profile__avatar-wrapper{position:relative}.portal-profile__avatar-upload{background-color:var(--color-primary-500);width:32px;height:32px;color:var(--color-white);border:3px solid var(--color-surface);cursor:pointer;transition:background-color var(--transition-fast);border-radius:50%;justify-content:center;align-items:center;display:flex;position:absolute;bottom:0;right:0}.portal-profile__avatar-upload:hover{background-color:var(--color-primary-600)}.portal-profile__avatar-info h3{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);margin-bottom:var(--spacing-1)}.portal-profile__avatar-info p{font-size:var(--font-size-sm);color:var(--color-text-muted)}.portal-profile__divider{background-color:var(--color-border);height:1px;margin:var(--spacing-6) 0}.portal-profile__section-title{align-items:center;gap:var(--spacing-2);font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);margin-bottom:var(--spacing-5);display:flex}.portal-profile__section-title svg{color:var(--color-primary-500)}.portal-profile__form{flex-direction:column;display:flex}.portal-profile__form-grid{gap:var(--spacing-5);grid-template-columns:repeat(2,1fr);display:grid}@media (max-width:640px){.portal-profile__form-grid{grid-template-columns:1fr}}.portal-profile__field{gap:var(--spacing-2);flex-direction:column;display:flex}.portal-profile__field--full{grid-column:1/-1}.portal-profile__label{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text-primary)}.portal-profile__hint{font-size:var(--font-size-xs);color:var(--color-text-tertiary)}.portal-profile__actions{margin-top:var(--spacing-6);padding-top:var(--spacing-4);border-top:1px solid var(--color-border);justify-content:flex-end;display:flex}.portal-profile__notifications{flex-direction:column;display:flex}.portal-profile__notification-item{justify-content:space-between;align-items:center;gap:var(--spacing-4);padding:var(--spacing-4) 0;border-bottom:1px solid var(--color-border);display:flex}.portal-profile__notification-item:first-child{padding-top:0}.portal-profile__notification-item:last-of-type{border-bottom:none}.portal-profile__notification-info{gap:var(--spacing-1);flex-direction:column;display:flex}.portal-profile__notification-title{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text-primary)}.portal-profile__notification-desc{font-size:var(--font-size-xs);color:var(--color-text-muted)}@media (max-width:640px){.portal-profile__avatar-section{text-align:center;flex-direction:column}.portal-profile__notification-item{align-items:flex-start;gap:var(--spacing-3);flex-direction:column}}.portal-ticket-detail{max-width:900px;margin:0 auto}.portal-ticket-detail__header{justify-content:space-between;align-items:flex-start;gap:var(--spacing-4);margin-bottom:var(--spacing-6);display:flex}.portal-ticket-detail__back{align-items:center;gap:var(--spacing-2);font-size:var(--font-size-sm);color:var(--color-text-muted);margin-bottom:var(--spacing-3);transition:color var(--transition-fast);text-decoration:none;display:inline-flex}.portal-ticket-detail__back:hover{color:var(--color-primary-600)}.portal-ticket-detail__header-main{flex:1}.portal-ticket-detail__header-info{align-items:center;gap:var(--spacing-3);margin-bottom:var(--spacing-2);display:flex}.portal-ticket-detail__ticket-id{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text-muted)}.portal-ticket-detail__title{font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);margin-bottom:var(--spacing-2)}.portal-ticket-detail__meta{align-items:center;gap:var(--spacing-2);font-size:var(--font-size-sm);color:var(--color-text-muted);display:flex}.portal-ticket-detail__meta svg{flex-shrink:0}.portal-ticket-detail__meta-divider{color:var(--color-gray-300)}.portal-ticket-detail__conversation{gap:var(--spacing-4);margin-bottom:var(--spacing-6);flex-direction:column;display:flex}.portal-ticket-detail__message{background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--border-radius-lg);padding:var(--spacing-5)}.portal-ticket-detail__message--agent{border-left:4px solid var(--color-primary-500)}.portal-ticket-detail__message--customer{border-left:4px solid var(--color-gray-300)}.portal-ticket-detail__message-header{align-items:center;gap:var(--spacing-3);margin-bottom:var(--spacing-4);display:flex}.portal-ticket-detail__message-author{flex-direction:column;display:flex}.portal-ticket-detail__message-name{align-items:center;gap:var(--spacing-2);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);display:flex}.portal-ticket-detail__message-date{font-size:var(--font-size-xs);color:var(--color-text-tertiary)}.portal-ticket-detail__message-content{font-size:var(--font-size-sm);color:var(--color-text-secondary);line-height:var(--line-height-relaxed)}.portal-ticket-detail__message-content p{margin-bottom:var(--spacing-3)}.portal-ticket-detail__message-content p:last-child{margin-bottom:0}.portal-ticket-detail__message-attachments{gap:var(--spacing-2);margin-top:var(--spacing-4);padding-top:var(--spacing-4);border-top:1px solid var(--color-border);flex-direction:column;display:flex}.portal-ticket-detail__attachment{align-items:center;gap:var(--spacing-2);padding:var(--spacing-2) var(--spacing-3);background-color:var(--color-gray-50);border-radius:var(--border-radius-md);font-size:var(--font-size-sm);color:var(--color-text-primary);transition:all var(--transition-fast);text-decoration:none;display:flex}.portal-ticket-detail__attachment:hover{background-color:var(--color-gray-100)}.portal-ticket-detail__attachment svg{color:var(--color-gray-500);flex-shrink:0}.portal-ticket-detail__attachment svg:last-child{color:var(--color-primary-500);margin-left:auto}.portal-ticket-detail__attachment-name{white-space:nowrap;text-overflow:ellipsis;flex:1;overflow:hidden}.portal-ticket-detail__attachment-size{color:var(--color-text-tertiary);flex-shrink:0}.portal-ticket-detail__composer{padding:var(--spacing-5)}.portal-ticket-detail__composer-title{align-items:center;gap:var(--spacing-2);font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);margin-bottom:var(--spacing-4);display:flex}.portal-ticket-detail__composer-title svg{color:var(--color-primary-500)}.portal-ticket-detail__composer-attachments{margin-top:var(--spacing-4)}.portal-ticket-detail__files{gap:var(--spacing-2);margin-top:var(--spacing-3);flex-wrap:wrap;display:flex}.portal-ticket-detail__file{align-items:center;gap:var(--spacing-2);padding:var(--spacing-1-5) var(--spacing-3);background-color:var(--color-gray-100);border-radius:var(--border-radius-full);font-size:var(--font-size-xs);color:var(--color-text-primary);display:flex}.portal-ticket-detail__file svg{color:var(--color-gray-500)}.portal-ticket-detail__file-remove{width:16px;height:16px;color:var(--color-gray-400);cursor:pointer;transition:all var(--transition-fast);background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;display:flex}.portal-ticket-detail__file-remove:hover{background-color:var(--color-danger-100);color:var(--color-danger-600)}.portal-ticket-detail__composer-actions{margin-top:var(--spacing-4);justify-content:flex-end;display:flex}.portal-ticket-detail__closed-notice{align-items:center;gap:var(--spacing-4);padding:var(--spacing-5);display:flex}.portal-ticket-detail__closed-notice>svg{color:var(--color-success-500);flex-shrink:0}.portal-ticket-detail__closed-notice h3{font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);margin-bottom:var(--spacing-1);text-transform:capitalize}.portal-ticket-detail__closed-notice p{font-size:var(--font-size-sm);color:var(--color-text-muted)}.portal-ticket-detail__closed-actions{gap:var(--spacing-2);flex-shrink:0;margin-left:auto;display:flex}.portal-ticket-detail__reopen-modal{gap:var(--spacing-4);flex-direction:column;display:flex}.portal-ticket-detail__reopen-modal p{font-size:var(--font-size-sm);color:var(--color-text-secondary);line-height:var(--line-height-relaxed)}.portal-ticket-detail__reopen-actions{justify-content:flex-end;gap:var(--spacing-2);display:flex}@media (max-width:768px){.portal-ticket-detail__header{flex-direction:column;align-items:stretch}.portal-ticket-detail__closed-notice{text-align:center;flex-direction:column}.portal-ticket-detail__closed-actions{margin-left:0;margin-top:var(--spacing-4);justify-content:center}}[data-theme=dark] .portal-ticket-detail__attachment{background-color:var(--color-gray-800)}[data-theme=dark] .portal-ticket-detail__attachment:hover,[data-theme=dark] .portal-ticket-detail__file{background-color:var(--color-gray-700)}.portal-tickets{max-width:900px;margin:0 auto}.portal-tickets__header{justify-content:space-between;align-items:flex-start;gap:var(--spacing-4);margin-bottom:var(--spacing-6);display:flex}.portal-tickets__title{font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);color:var(--color-text-primary);margin-bottom:var(--spacing-1)}.portal-tickets__subtitle{font-size:var(--font-size-sm);color:var(--color-text-muted)}.portal-tickets__stats{gap:var(--spacing-4);margin-bottom:var(--spacing-6);display:flex}.portal-tickets__stat{padding:var(--spacing-4);background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--border-radius-lg);flex-direction:column;flex:1;align-items:center;display:flex}.portal-tickets__stat-value{font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);color:var(--color-text-primary)}.portal-tickets__stat-label{font-size:var(--font-size-xs);color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.05em}.portal-tickets__stat--open .portal-tickets__stat-value{color:var(--color-primary-600)}.portal-tickets__stat--pending .portal-tickets__stat-value{color:var(--color-warning-600)}.portal-tickets__stat--resolved .portal-tickets__stat-value{color:var(--color-success-600)}.portal-tickets__filters{gap:var(--spacing-4);margin-bottom:var(--spacing-6);display:flex}.portal-tickets__search{flex:1}.portal-tickets__filter{width:200px}.portal-tickets__list{gap:var(--spacing-3);flex-direction:column;display:flex}.portal-tickets__item{align-items:center;gap:var(--spacing-4);padding:var(--spacing-4);background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--border-radius-lg);transition:all var(--transition-fast);text-decoration:none;display:flex}.portal-tickets__item:hover{border-color:var(--color-primary-300);box-shadow:var(--shadow-sm)}.portal-tickets__item-main{gap:var(--spacing-3);flex:1;min-width:0;display:flex}.portal-tickets__status-icon{margin-top:var(--spacing-1);flex-shrink:0}.portal-tickets__status-icon--open{color:var(--color-primary-500)}.portal-tickets__status-icon--pending{color:var(--color-warning-500)}.portal-tickets__status-icon--resolved{color:var(--color-success-500)}.portal-tickets__status-icon--closed{color:var(--color-gray-400)}.portal-tickets__item-content{flex:1;min-width:0}.portal-tickets__item-header{align-items:center;gap:var(--spacing-2);margin-bottom:var(--spacing-2);flex-wrap:wrap;display:flex}.portal-tickets__item-id{font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);color:var(--color-text-muted)}.portal-tickets__item-subject{font-size:var(--font-size-base);font-weight:var(--font-weight-medium);color:var(--color-text-primary);margin-bottom:var(--spacing-1);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.portal-tickets__item:hover .portal-tickets__item-subject{color:var(--color-primary-600)}.portal-tickets__item-description{font-size:var(--font-size-sm);color:var(--color-text-muted);margin-bottom:var(--spacing-3);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.portal-tickets__item-meta{align-items:center;gap:var(--spacing-4);flex-wrap:wrap;display:flex}.portal-tickets__item-date,.portal-tickets__item-replies,.portal-tickets__item-attachments{align-items:center;gap:var(--spacing-1);font-size:var(--font-size-xs);color:var(--color-text-tertiary);display:flex}.portal-tickets__item-arrow{color:var(--color-gray-400);transition:transform var(--transition-fast);flex-shrink:0}.portal-tickets__item:hover .portal-tickets__item-arrow{color:var(--color-primary-500);transform:translate(4px)}.portal-tickets__pagination{margin-top:var(--spacing-6);justify-content:center;display:flex}@media (max-width:768px){.portal-tickets__header{flex-direction:column}.portal-tickets__stats{flex-wrap:wrap}.portal-tickets__stat{min-width:calc(50% - var(--spacing-2))}.portal-tickets__filters{flex-direction:column}.portal-tickets__filter{width:100%}.portal-tickets__item-meta{gap:var(--spacing-3)}.portal-tickets__item-arrow{display:none}}[data-theme=dark] .portal-tickets__stat--open .portal-tickets__stat-value{color:var(--color-primary-400)}[data-theme=dark] .portal-tickets__stat--pending .portal-tickets__stat-value{color:var(--color-warning-400)}[data-theme=dark] .portal-tickets__stat--resolved .portal-tickets__stat-value{color:var(--color-success-400)}