@import "https://fonts.googleapis.com/css2?family=DM+Sans:ital,opsz,wght@0,9..40,300;0,9..40,400;0,9..40,500;0,9..40,600;0,9..40,700;1,9..40,400&family=DM+Mono:wght@400;500&display=swap";.btn{border-radius:var(--radius-sm);transition:background var(--transition), box-shadow var(--transition), opacity var(--transition), transform var(--transition);cursor:pointer;white-space:nowrap;letter-spacing:.01em;border:1.5px solid #0000;justify-content:center;align-items:center;gap:7px;font-family:inherit;font-weight:600;display:inline-flex;position:relative}.btn:active:not(:disabled){transform:scale(.98)}.btn:disabled{opacity:.55;cursor:not-allowed}.btn--sm{gap:5px;padding:5px 12px;font-size:12px}.btn--md{padding:8px 18px;font-size:13.5px}.btn--lg{padding:11px 24px;font-size:15px}.btn--full{width:100%}.btn--primary{background:var(--clr-brand);color:#fff;border-color:var(--clr-brand);box-shadow:0 1px 3px #2563eb40}.btn--primary:hover:not(:disabled){background:var(--clr-brand-dark);border-color:var(--clr-brand-dark)}.btn--secondary{background:var(--clr-surface-2);color:var(--clr-text-primary);border-color:var(--clr-border)}.btn--secondary:hover:not(:disabled){background:var(--clr-border)}.btn--outline{color:var(--clr-brand);border-color:var(--clr-brand);background:0 0}.btn--outline:hover:not(:disabled){background:var(--clr-brand-muted)}.btn--danger{background:var(--clr-danger);color:#fff;border-color:var(--clr-danger)}.btn--danger:hover:not(:disabled){background:#dc2626}.btn--ghost{color:var(--clr-text-secondary);background:0 0;border-color:#0000}.btn--ghost:hover:not(:disabled){background:var(--clr-surface-2);color:var(--clr-text-primary)}.btn__spinner{border:2px solid;border-top-color:#0000;border-radius:50%;flex-shrink:0;width:14px;height:14px;animation:.7s linear infinite spin}.btn__icon{align-items:center;display:flex}.field{flex-direction:column;gap:5px;display:flex}.field__label{color:var(--clr-text-primary);align-items:center;gap:3px;font-size:13px;font-weight:600;display:flex}.field__required{color:var(--clr-danger)}.field__control{position:relative}.field__input{border:1.5px solid var(--clr-border);border-radius:var(--radius-sm);width:100%;color:var(--clr-text-primary);background:var(--clr-surface);transition:border-color var(--transition), box-shadow var(--transition);appearance:none;outline:none;padding:9px 13px;font-size:14px}.field__input::placeholder{color:var(--clr-text-muted)}.field__input:focus{border-color:var(--clr-brand);box-shadow:0 0 0 3px #2563eb1f}.field--error .field__input{border-color:var(--clr-danger)}.field--error .field__input:focus{box-shadow:0 0 0 3px #ef44441f}.field__textarea{resize:vertical;min-height:100px}.field__select-wrap{position:relative}.field__select{cursor:pointer;padding-right:34px}.field__select-arrow{color:var(--clr-text-muted);pointer-events:none;display:flex;position:absolute;top:50%;right:11px;transform:translateY(-50%)}.field__icon-left{color:var(--clr-text-muted);pointer-events:none;display:flex;position:absolute;top:50%;left:11px;transform:translateY(-50%)}.field__input--padded{padding-left:36px}.field__error{color:var(--clr-danger);margin-top:2px;font-size:12px}.field__hint{color:var(--clr-text-muted);margin-top:2px;font-size:12px}.field__upload{width:100%;display:block}.field__upload-input{display:none}.field__upload-trigger{border:1.5px dashed var(--clr-border);border-radius:var(--radius-sm);background:var(--clr-surface);width:100%;color:var(--clr-text-muted);cursor:pointer;transition:border-color var(--transition), background var(--transition);padding:9px 13px}.field__upload-trigger:hover{border-color:var(--clr-brand);background:#2563eb08}.field--error .field__upload-trigger{border-color:var(--clr-danger)}.field__preview-image,.field__preview-video{border-radius:var(--radius-sm);border:1px solid var(--clr-border);object-fit:cover;width:100%;max-height:240px;margin-top:10px}.field__preview-file{border:1px solid var(--clr-border);border-radius:var(--radius-sm);background:var(--clr-surface);margin-top:10px;padding:10px;font-size:14px}.auth-page{background:var(--clr-bg);min-height:100vh;padding:var(--sp-lg);justify-content:center;align-items:center;display:flex;position:relative}.auth-page:before{content:"";z-index:0;background:linear-gradient(135deg,#eff6ff 0%,#f8fafc 50%,#f0fdf4 100%);position:absolute;inset:0}.auth-card{background:var(--clr-surface);border-radius:var(--radius-xl);border:1px solid var(--clr-border);box-shadow:var(--shadow-xl);padding:var(--sp-2xl) var(--sp-xl);z-index:1;width:100%;max-width:440px;animation:.3s both fadeIn;position:relative}.auth-card--wide{max-width:500px}.auth-card__brand{margin-bottom:var(--sp-xl);align-items:center;gap:10px;display:flex}.auth-card__logo{background:var(--clr-brand);border-radius:var(--radius-sm);color:#fff;justify-content:center;align-items:center;width:40px;height:40px;display:flex}.auth-card__brand-name{color:var(--clr-text-primary);letter-spacing:-.01em;font-size:16px;font-weight:700}.auth-card__header{margin-bottom:var(--sp-xl)}.auth-card__title{color:var(--clr-text-primary);letter-spacing:-.03em;margin-bottom:6px;font-size:24px;font-weight:800}.auth-card__subtitle{color:var(--clr-text-muted);font-size:14px}.auth-card__error{color:#dc2626;border-radius:var(--radius-sm);margin-bottom:var(--sp-md);background:#fef2f2;border:1px solid #fecaca;align-items:center;gap:8px;padding:10px 14px;font-size:13.5px;font-weight:500;display:flex}.auth-card__form{gap:var(--sp-md);flex-direction:column;display:flex}.auth-card__footer{margin-top:var(--sp-lg);text-align:center;color:var(--clr-text-muted);font-size:13.5px}.auth-card__link{color:var(--clr-brand);font-weight:600}.auth-card__link:hover{text-decoration:underline}.modal-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0f172a40;justify-content:center;align-items:center;width:100%;animation:.15s both fadeIn;display:flex;position:fixed;inset:0}.modal{background:var(--clr-surface);border-radius:var(--radius-lg);box-shadow:var(--shadow-xl);flex-direction:column;width:100%;margin:auto;animation:.2s both fadeIn;display:flex}.modal--sm{max-width:420px}.modal--md{max-width:600px}.modal--lg{max-width:800px}.modal__header{padding:var(--sp-lg) var(--sp-lg) var(--sp-md);flex-shrink:0;justify-content:space-between;align-items:center;display:flex}.modal__title{color:var(--clr-text-primary);font-size:17px;font-weight:700}.modal__body{padding:var(--sp-lg);flex:1;overflow-y:auto}.modal__footer{padding:var(--sp-md) var(--sp-lg);justify-content:flex-end;gap:var(--sp-sm);flex-shrink:0;display:flex}.spinner-wrap{display:flex}.spinner-wrap--center{padding:var(--sp-xl);justify-content:center;align-items:center}.spinner{border:2px solid var(--clr-border);border-top-color:var(--clr-brand);border-radius:50%;flex-shrink:0;animation:.7s linear infinite spin}.spinner--sm{width:16px;height:16px}.spinner--md{width:28px;height:28px}.spinner--lg{border-width:3px;width:44px;height:44px}.empty-state{padding:var(--sp-2xl) var(--sp-lg);text-align:center;justify-content:center;align-items:center;gap:var(--sp-sm);flex-direction:column;display:flex}.empty-state__icon{font-size:40px;line-height:1}.empty-state__title{color:var(--clr-text-primary);margin-top:var(--sp-xs);font-size:16px;font-weight:700}.empty-state__message{color:var(--clr-text-muted);max-width:340px;font-size:13.5px;line-height:1.6}.empty-state__retry{margin-top:var(--sp-sm);border-radius:var(--radius-sm);border:1.5px solid var(--clr-border);background:var(--clr-surface);cursor:pointer;color:var(--clr-text-primary);transition:background var(--transition);padding:6px 16px;font-size:13px;font-weight:600}.empty-state__retry:hover{background:var(--clr-bg)}.page-loader{justify-content:center;align-items:center;gap:var(--sp-md);flex-direction:column;min-height:100vh;display:flex}.page-loader__spinner{border:3px solid var(--clr-border);border-top-color:var(--clr-brand);border-radius:50%;width:44px;height:44px;animation:.7s linear infinite spin}.page-loader__text{color:var(--clr-text-muted);font-size:14px;font-weight:500}.stats-card{background:var(--clr-surface);border-radius:var(--radius-lg);border:1px solid var(--clr-border);padding:var(--sp-lg);align-items:flex-start;gap:var(--sp-md);transition:box-shadow var(--transition), transform var(--transition);display:flex}.stats-card:hover{box-shadow:var(--shadow-md);transform:translateY(-1px)}.stats-card__icon{border-radius:var(--radius-md);flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;display:flex}.stats-card--blue .stats-card__icon{color:#2563eb;background:#dbeafe}.stats-card--green .stats-card__icon{color:#16a34a;background:#dcfce7}.stats-card--orange .stats-card__icon{color:#ea580c;background:#ffedd5}.stats-card--purple .stats-card__icon{color:#7c3aed;background:#ede9fe}.stats-card--red .stats-card__icon{color:#dc2626;background:#fee2e2}.stats-card__body{flex-direction:column;gap:3px;display:flex}.stats-card__title{color:var(--clr-text-muted);text-transform:uppercase;letter-spacing:.05em;font-size:12px;font-weight:600}.stats-card__value{color:var(--clr-text-primary);letter-spacing:-.03em;font-size:28px;font-weight:800;line-height:1.1}.stats-card__sub{color:var(--clr-text-muted);font-size:12px}.badge{border-radius:var(--radius-full);letter-spacing:.01em;white-space:nowrap;border:1px solid #0000;align-items:center;gap:5px;padding:3px 10px;font-size:12px;font-weight:600;display:inline-flex}.badge__dot{border-radius:50%;flex-shrink:0;width:6px;height:6px}.badge--filled.badge--open,.badge--outline.badge--open{color:var(--clr-open);border-color:var(--clr-open-border)}.badge--filled.badge--open{background:var(--clr-open-bg)}.badge--outline.badge--open{background:0 0}.badge--open .badge__dot{background:var(--clr-open)}.badge--filled.badge--in-progress,.badge--outline.badge--in-progress{color:var(--clr-progress);border-color:var(--clr-progress-border)}.badge--filled.badge--in-progress{background:var(--clr-progress-bg)}.badge--outline.badge--in-progress{background:0 0}.badge--in-progress .badge__dot{background:var(--clr-progress)}.badge--filled.badge--resolved,.badge--outline.badge--resolved{color:var(--clr-resolved);border-color:var(--clr-resolved-border)}.badge--filled.badge--resolved{background:var(--clr-resolved-bg)}.badge--outline.badge--resolved{background:0 0}.badge--resolved .badge__dot{background:var(--clr-resolved)}.badge--filled.badge--closed,.badge--outline.badge--closed{color:var(--clr-closed);border-color:var(--clr-closed-border)}.badge--filled.badge--closed{background:var(--clr-closed-bg)}.badge--outline.badge--closed{background:0 0}.badge--closed .badge__dot{background:var(--clr-closed)}.badge--urgent{color:var(--clr-critical);background:#fef2f2;border-color:#fecaca}.badge--urgent .badge__dot{background:var(--clr-critical)}.badge--priority{padding:2px 8px;font-size:11px}.badge--critical{color:var(--clr-critical);background:#fef2f2;border-color:#fecaca}.badge--high{color:var(--clr-high);background:#fff7ed;border-color:#fed7aa}.badge--medium{color:var(--clr-medium);background:#fffbeb;border-color:#fde68a}.badge--normal{color:var(--clr-normal);background:#eff6ff;border-color:#bfdbfe}.badge--low{color:var(--clr-low);background:#f9fafb;border-color:#e5e7eb}.badge--role{text-transform:uppercase;letter-spacing:.05em;padding:2px 8px;font-size:11px}.badge--role-admin{color:var(--clr-admin-text);background:var(--clr-admin-bg)}.badge--role-developer{color:var(--clr-dev-text);background:var(--clr-dev-bg)}.badge--role-client{color:var(--clr-client-text);background:var(--clr-client-bg)}.ticket-detail{flex-direction:column;display:flex}.ticket-detail__loading{padding:var(--sp-xl)}.ticket-detail__header{justify-content:space-between;align-items:flex-start;gap:var(--sp-md);padding:var(--sp-lg) var(--sp-lg) var(--sp-md);border-bottom:1px solid var(--clr-border);display:flex}.ticket-detail__header-left{flex-direction:column;gap:6px;display:flex}.ticket-detail__ref{color:var(--clr-text-muted);font-family:DM Mono,monospace;font-size:12px;font-weight:500}.ticket-detail__title{color:var(--clr-text-primary);letter-spacing:-.01em;font-size:17px;font-weight:700}.ticket-detail__badges{flex-wrap:wrap;gap:6px;display:flex}.ticket-detail__tabs{border-bottom:1px solid var(--clr-border);padding:0 var(--sp-lg);gap:0;display:flex}.ticket-detail__tab{color:var(--clr-text-muted);transition:color var(--transition), border-color var(--transition);cursor:pointer;border-bottom:2px solid #0000;margin-bottom:-1px;padding:10px 16px;font-size:13px;font-weight:600}.ticket-detail__tab:hover{color:var(--clr-text-primary)}.ticket-detail__tab--active{color:var(--clr-brand);border-bottom-color:var(--clr-brand)}.ticket-detail__body{padding:var(--sp-lg)}.ticket-detail__meta-grid{gap:var(--sp-md);background:var(--clr-surface-2);border-radius:var(--radius-md);padding:var(--sp-md);margin-bottom:var(--sp-lg);border:1px solid var(--clr-border-light);grid-template-columns:1fr 1fr;display:grid}.ticket-detail__meta-item{flex-direction:column;gap:3px;display:flex}.ticket-detail__meta-label{text-transform:uppercase;letter-spacing:.06em;color:var(--clr-text-muted);font-size:11px;font-weight:700}.ticket-detail__meta-value{color:var(--clr-text-primary);font-size:13.5px;font-weight:600}.ticket-detail__section{margin-bottom:var(--sp-lg)}.ticket-detail__section-title{color:var(--clr-text-secondary);margin-bottom:var(--sp-sm);border-bottom:1px solid var(--clr-border-light);padding-bottom:6px;font-size:13px;font-weight:700}.ticket-detail__description{color:var(--clr-text-secondary);font-size:14px;line-height:1.7}.ticket-detail__comments{gap:var(--sp-md);margin-bottom:var(--sp-md);flex-direction:column;display:flex}.ticket-detail__comment{gap:10px;display:flex}.ticket-detail__comment-avatar{background:var(--clr-brand-light);width:30px;height:30px;color:var(--clr-brand);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:12px;font-weight:700;display:flex}.ticket-detail__comment-body{flex:1}.ticket-detail__comment-meta{align-items:center;gap:8px;margin-bottom:3px;display:flex}.ticket-detail__comment-meta strong{font-size:13px;font-weight:700}.ticket-detail__comment-meta span{color:var(--clr-text-muted);font-size:11.5px}.ticket-detail__comment-text{color:var(--clr-text-secondary);font-size:13.5px;line-height:1.6}.ticket-detail__comment-form{flex-direction:column;gap:8px;display:flex}.ticket-detail__comment-input{border:1.5px solid var(--clr-border);border-radius:var(--radius-sm);resize:vertical;width:100%;transition:border-color var(--transition);outline:none;padding:9px 12px;font-family:inherit;font-size:13.5px}.ticket-detail__comment-input:focus{border-color:var(--clr-brand)}.ticket-detail__activity{padding:var(--sp-lg)}.ticket-detail__no-activity{color:var(--clr-text-muted);font-size:13.5px}.activity-timeline{padding-left:24px;position:relative}.activity-timeline:before{content:"";background:var(--clr-border);width:1px;position:absolute;top:8px;bottom:0;left:7px}.activity-item{padding-bottom:var(--sp-md);flex-direction:column;gap:3px;display:flex;position:relative}.activity-item__dot{background:var(--clr-surface);border:2px solid var(--clr-brand);border-radius:50%;width:10px;height:10px;position:absolute;top:4px;left:-20px}.activity-item--first .activity-item__dot{background:var(--clr-brand)}.activity-item__action{color:var(--clr-text-primary);font-size:13.5px;font-weight:500}.activity-item__meta{align-items:center;gap:8px;display:flex}.activity-item__actor{color:var(--clr-brand);font-size:12px;font-weight:600}.activity-item__time{color:var(--clr-text-muted);font-size:12px}.ticket-table-wrap{background:var(--clr-surface);border-radius:var(--radius-lg);border:1px solid var(--clr-border);overflow:hidden}.ticket-table__filters{align-items:center;gap:var(--sp-sm);padding:var(--sp-md) var(--sp-lg);border-bottom:1px solid var(--clr-border);flex-wrap:wrap;display:flex}.ticket-table__search{background:var(--clr-bg);border:1.5px solid var(--clr-border);border-radius:var(--radius-sm);min-width:200px;color:var(--clr-text-muted);transition:border-color var(--transition);flex:1;align-items:center;gap:8px;padding:7px 12px;display:flex}.ticket-table__search:focus-within{border-color:var(--clr-brand);color:var(--clr-text-primary)}.ticket-table__search-input{color:var(--clr-text-primary);background:0 0;border:none;outline:none;flex:1;font-family:inherit;font-size:13.5px}.ticket-table__search-input::placeholder{color:var(--clr-text-muted)}.ticket-table__select{border:1.5px solid var(--clr-border);border-radius:var(--radius-sm);color:var(--clr-text-primary);background:var(--clr-surface);cursor:pointer;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath d='M2 4l4 4 4-4' stroke='%2394a3b8' stroke-width='1.5' fill='none' stroke-linecap='round'/%3E%3C/svg%3E");background-position:right 8px center;background-repeat:no-repeat;outline:none;padding:7px 28px 7px 10px;font-family:inherit;font-size:13px}.ticket-table__count{color:var(--clr-text-muted);white-space:nowrap;margin-left:auto;font-size:12px;font-weight:600}.ticket-table__scroll{overflow-x:auto}.ticket-table{border-collapse:collapse;width:100%}.ticket-table thead tr{background:var(--clr-surface-2);border-bottom:1px solid var(--clr-border)}.ticket-table th{text-align:center;color:var(--clr-text-muted);text-transform:uppercase;letter-spacing:.06em;white-space:nowrap;padding:10px 16px;font-size:11.5px;font-weight:700}.ticket-table__row{border-bottom:1px solid var(--clr-border-light);transition:background var(--transition)}.ticket-table__row:hover{background:var(--clr-surface-2)}.ticket-table__row:last-child{border-bottom:none}.ticket-table td{vertical-align:middle;padding:12px 16px}.ticket-table__id{color:var(--clr-text-muted);font-family:DM Mono,monospace;font-size:12.5px;font-weight:500}.ticket-table__title-cell{flex-direction:column;gap:2px;max-width:280px;display:flex}.ticket-table__title{color:var(--clr-text-primary);font-size:13.5px;font-weight:600}.ticket-table__desc{color:var(--clr-text-muted);font-size:12px}.ticket-table__meta{color:var(--clr-text-muted);font-size:12.5px}.ticket-table__assignee{align-items:center;gap:7px;font-size:13px;font-weight:500;display:flex}.ticket-table__assignee-avatar{background:var(--clr-brand-light);width:24px;height:24px;color:var(--clr-brand);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:11px;font-weight:700;display:flex}.ticket-table__unassigned{color:var(--clr-text-muted);font-size:12.5px;font-style:italic}.ticket-table__status-select{border:1.5px solid var(--clr-border);border-radius:var(--radius-sm);width:100%;color:var(--clr-text-primary);background:var(--clr-surface);cursor:pointer;appearance:none;padding:7px 10px;font-family:inherit;font-size:13px}.ticket-table__actions{align-items:center;gap:5px;display:flex}.dashboard{gap:var(--sp-xl);flex-direction:column;display:flex}.dashboard__stats{gap:var(--sp-md);grid-template-columns:repeat(auto-fill,minmax(210px,1fr));display:grid}.dashboard__section{background:var(--clr-surface);border-radius:var(--radius-lg);border:1px solid var(--clr-border);overflow:hidden}.dashboard__section-header{padding:var(--sp-md) var(--sp-lg);border-bottom:1px solid var(--clr-border);justify-content:space-between;align-items:center;display:flex}.dashboard__section-title{color:var(--clr-text-primary);letter-spacing:-.01em;font-size:15px;font-weight:700}.dashboard__modal-body{gap:var(--sp-md);flex-direction:column;display:flex}.dashboard__modal-desc{color:var(--clr-text-secondary);font-size:14px}.product-detail{gap:var(--sp-md);flex-direction:column;display:flex}.product-detail__header{justify-content:space-between;align-items:center;gap:var(--sp-md);display:flex}.product-detail__title h2{margin:0}.product-detail__meta{color:var(--clr-text-muted);font-size:13px}.product-detail__actions{gap:8px;display:flex}.product-detail__image{object-fit:cover;border-radius:8px;width:100%;max-height:320px}.product-detail__summary{gap:var(--sp-md);align-items:flex-start;display:flex}.product-detail__desc{background:var(--clr-surface);padding:var(--sp-md);border:1px solid var(--clr-border);border-radius:8px;flex:1}.product-detail__stats{gap:var(--sp-md);display:flex}.pd__stat{background:var(--clr-surface);border:1px solid var(--clr-border);text-align:center;border-radius:8px;padding:12px 16px}.pd__stat-num{font-size:20px;font-weight:700}.pd__stat-label{color:var(--clr-text-muted);font-size:12px}.product-detail__tickets{margin-top:var(--sp-md)}.products-page{gap:var(--sp-xl);flex-direction:column;display:flex}.products-page__toolbar{align-items:center;gap:var(--sp-sm);flex-wrap:wrap;display:flex}.products-page__search{background:var(--clr-surface);border:1.5px solid var(--clr-border);border-radius:var(--radius-sm);min-width:200px;color:var(--clr-text-muted);transition:border-color var(--transition);flex:1;align-items:center;gap:8px;padding:8px 12px;display:flex}.products-page__search:focus-within{border-color:var(--clr-brand);color:var(--clr-text-primary)}.products-page__search-input{color:var(--clr-text-primary);background:0 0;border:none;outline:none;flex:1;font-family:inherit;font-size:13.5px}.products-page__search-input::placeholder{color:var(--clr-text-muted)}.products-page__count{color:var(--clr-text-muted);white-space:nowrap;font-size:12px;font-weight:600}.products-grid{gap:var(--sp-md);grid-template-columns:repeat(auto-fill,minmax(280px,1fr));display:grid}.product-card{background:var(--clr-surface);border:1px solid var(--clr-border);border-radius:var(--radius-lg);transition:box-shadow var(--transition), transform var(--transition);cursor:pointer;flex-direction:column;display:flex;overflow:hidden}.product-card:hover,.product-card:focus-visible{box-shadow:var(--shadow-md);transform:translateY(-2px)}.product-card:focus-visible{outline:2px solid var(--clr-brand);outline-offset:-2px}.product-card__header{padding:var(--sp-md) var(--sp-md) 0;justify-content:space-between;align-items:center;display:flex}.product-card__image{aspect-ratio:4/3;object-fit:cover;width:100%;display:block}.product-card__icon{border-radius:var(--radius-md);background:var(--clr-brand-light);width:40px;height:40px;color:var(--clr-brand);justify-content:center;align-items:center;font-size:18px;font-weight:800;display:flex}.product-card__actions{gap:4px;display:flex}.product-card__action-btn{border-radius:var(--radius-sm);width:28px;height:28px;color:var(--clr-text-muted);transition:background var(--transition), color var(--transition);cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;display:flex}.product-card__action-btn:hover{background:var(--clr-bg);color:var(--clr-text-primary)}.product-card__action-btn--danger:hover{color:var(--clr-danger);background:#fef2f2}.product-card__body{padding:var(--sp-md);flex-direction:column;flex:1;gap:8px;display:flex}.product-card__name{color:var(--clr-text-primary);letter-spacing:-.01em;font-size:15px;font-weight:700}.product-card__meta{flex-direction:column;gap:4px;display:flex}.product-card__meta-item{color:var(--clr-text-secondary);align-items:center;gap:6px;font-size:12.5px;display:flex}.product-card__desc{color:var(--clr-text-muted);-webkit-box-orient:vertical;font-size:13px;line-height:1.6;display:-webkit-box;overflow:hidden}.product-card__footer{padding:var(--sp-sm) var(--sp-md);border-top:1px solid var(--clr-border-light);background:var(--clr-surface-2);justify-content:space-between;align-items:center;display:flex}.product-card__tickets{color:var(--clr-brand);background:var(--clr-brand-muted);border-radius:var(--radius-full);padding:2px 8px;font-size:12px;font-weight:600}.product-card__date{color:var(--clr-text-muted);font-size:11.5px}.products-page__form{gap:var(--sp-md);flex-direction:column;display:flex}.products-page__form-row{gap:var(--sp-md);grid-template-columns:1fr 1fr;display:grid}@media (width<=480px){.products-page__form-row{grid-template-columns:1fr}}.rp{gap:var(--sp-xl);flex-direction:column;display:flex}.rp__tabs{border-bottom:1px solid var(--clr-border);gap:0;display:flex}.rp__tab{color:var(--clr-text-muted);transition:color var(--transition), border-color var(--transition);border-bottom:2px solid #0000;margin-bottom:-1px;padding:10px 18px;font-size:13.5px;font-weight:500}.rp__tab:hover{color:var(--clr-text-primary)}.rp__tab--active{color:var(--clr-brand);border-bottom-color:var(--clr-brand)}.rp__card{background:var(--clr-surface);border:1px solid var(--clr-border);border-radius:var(--radius-lg);padding:var(--sp-lg)}.rp__card-title{color:var(--clr-text-primary);margin-bottom:var(--sp-md);font-size:14px;font-weight:700}.rp__overview{gap:var(--sp-lg);flex-direction:column;display:flex}.rp__stat-grid{gap:var(--sp-md);grid-template-columns:repeat(auto-fill,minmax(200px,1fr));display:grid}.rp__donuts{gap:var(--sp-lg);grid-template-columns:1fr 1fr;display:grid}@media (width<=680px){.rp__donuts{grid-template-columns:1fr}}.rp-donut{align-items:center;gap:var(--sp-lg);flex-wrap:wrap;display:flex}.rp-donut__svg{flex-shrink:0;width:140px;height:140px}.rp-donut__legend{flex-direction:column;gap:6px;list-style:none;display:flex}.rp-donut__legend-item{align-items:center;gap:7px;font-size:12.5px;display:flex}.rp-donut__legend-dot{border-radius:50%;flex-shrink:0;width:10px;height:10px}.rp-donut__legend-label{color:var(--clr-text-secondary);flex:1}.rp-donut__legend-val{color:var(--clr-text-primary);font-weight:600}.rp-linechart{gap:var(--sp-md);flex-direction:column;display:flex}.rp-linechart__svg{width:100%;height:auto}.rp-linechart__legend{gap:var(--sp-lg);flex-wrap:wrap;display:flex}.rp-linechart__legend-item{color:var(--clr-text-secondary);align-items:center;font-size:12.5px;display:flex}.rp__table{border-collapse:collapse;width:100%;font-size:13.5px}.rp__table th{text-align:left;text-transform:uppercase;letter-spacing:.05em;color:var(--clr-text-muted);border-bottom:1px solid var(--clr-border);padding:8px 12px;font-size:11px;font-weight:700}.rp__table td{border-bottom:1px solid var(--clr-border);color:var(--clr-text-secondary);vertical-align:middle;padding:10px 12px}.rp__table tr:last-child td{border-bottom:none}.rp__table tr:hover td{background:var(--clr-bg)}.rp__ticket-id{color:var(--clr-brand);font-family:monospace;font-weight:600}.rp__breach{color:#dc2626;font-weight:600}.rp__ack{color:#16a34a;font-weight:500}.rp__unack{color:#ea580c;font-weight:500}.rp__agent{align-items:center;gap:8px;display:flex}.rp__agent-avatar{background:var(--clr-brand);color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;font-size:11px;font-weight:700;display:flex}.rp__priority-dot{vertical-align:middle;border-radius:50%;width:8px;height:8px;margin-right:7px;display:inline-block}.rp-empty{padding:var(--sp-xl);text-align:center;color:var(--clr-text-muted);font-size:14px}.tickets-page,.users-page{gap:var(--sp-lg);flex-direction:column;display:flex}.users-page__summary{align-items:center;gap:var(--sp-sm);flex-wrap:wrap;display:flex}.users-page__pill{border:1.5px solid var(--clr-border);border-radius:var(--radius-full);background:var(--clr-surface);cursor:pointer;transition:border-color var(--transition), background var(--transition);align-items:center;gap:6px;padding:5px 12px 5px 6px;display:flex}.users-page__pill:hover{border-color:var(--clr-brand)}.users-page__pill--active{border-color:var(--clr-brand);background:var(--clr-brand-muted)}.users-page__pill-count{color:var(--clr-text-secondary);background:var(--clr-bg);border-radius:var(--radius-full);padding:1px 7px;font-size:12px;font-weight:700}.users-page__total{color:var(--clr-text-muted);margin-left:auto;font-size:12.5px;font-weight:600}.users-page__toolbar{align-items:center;gap:var(--sp-sm);display:flex}.users-page__search{background:var(--clr-surface);border:1.5px solid var(--clr-border);border-radius:var(--radius-sm);min-width:220px;color:var(--clr-text-muted);transition:border-color var(--transition);flex:1;align-items:center;gap:8px;padding:8px 12px;display:flex}.users-page__search:focus-within{border-color:var(--clr-brand)}.users-page__search-input{color:var(--clr-text-primary);background:0 0;border:none;outline:none;flex:1;font-family:inherit;font-size:13.5px}.users-page__search-input::placeholder{color:var(--clr-text-muted)}.users-page__count{color:var(--clr-text-muted);white-space:nowrap;font-size:12px;font-weight:600}.users-table-wrap{background:var(--clr-surface);border:1px solid var(--clr-border);border-radius:var(--radius-lg);overflow-x:auto}.users-table{border-collapse:collapse;width:100%}.users-table thead tr{background:var(--clr-surface-2);border-bottom:1px solid var(--clr-border)}.users-table th{text-align:left;color:var(--clr-text-muted);text-transform:uppercase;letter-spacing:.06em;white-space:nowrap;padding:10px 16px;font-size:11.5px;font-weight:700}.users-table__row{border-bottom:1px solid var(--clr-border-light);transition:background var(--transition)}.users-table__row:hover{background:var(--clr-surface-2)}.users-table__row:last-child{border-bottom:none}.users-table td{vertical-align:middle;padding:13px 16px}.users-table__user{align-items:center;gap:10px;display:flex}.users-table__avatar{background:var(--clr-brand-light);width:34px;height:34px;color:var(--clr-brand);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:13px;font-weight:700;display:flex}.users-table__name{color:var(--clr-text-primary);font-size:13.5px;font-weight:600}.users-table__email{color:var(--clr-text-secondary);font-size:13px}.users-table__date{color:var(--clr-text-muted);font-size:12.5px}.users-table__actions{gap:6px;display:flex}.sidebar{width:var(--sidebar-w);min-width:var(--sidebar-w);background:var(--clr-sidebar-bg);flex-direction:column;flex-shrink:0;height:100vh;display:flex;position:sticky;top:0;overflow-y:auto}.sidebar__logo{border-bottom:1px solid #ffffff0f;align-items:center;gap:10px;padding:20px 20px 16px;display:flex}.sidebar__logo-icon{background:var(--clr-brand);border-radius:var(--radius-sm);color:#fff;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;display:flex}.sidebar__logo-text{color:#f1f5f9;letter-spacing:-.01em;font-size:15px;font-weight:700}.sidebar__nav{flex-direction:column;flex:1;gap:2px;padding:16px 12px;display:flex}.sidebar__section-label{letter-spacing:.08em;text-transform:uppercase;color:#475569;padding:0 8px 8px;font-size:10px;font-weight:700}.sidebar__link{border-radius:var(--radius-sm);color:var(--clr-sidebar-text);transition:background var(--transition), color var(--transition);align-items:center;gap:10px;padding:9px 10px;font-size:13.5px;font-weight:500;display:flex;position:relative}.sidebar__link:hover{background:var(--clr-sidebar-hover);color:var(--clr-sidebar-active-text)}.sidebar__link--active{background:var(--clr-sidebar-active-bg);color:var(--clr-sidebar-active-text)}.sidebar__link--active:before{content:"";background:var(--clr-brand);border-radius:0 2px 2px 0;width:3px;position:absolute;top:20%;bottom:20%;left:0}.sidebar__link-icon{flex-shrink:0;display:flex}.sidebar__link-label{flex:1;line-height:1.3}.sidebar__link-badge{letter-spacing:.04em;text-transform:uppercase;color:#93c5fd;border-radius:var(--radius-full);white-space:nowrap;background:#2563eb40;padding:2px 6px;font-size:9px;font-weight:700}.sidebar__footer{border-top:1px solid #ffffff0f;flex-direction:column;gap:8px;padding:12px;display:flex}.sidebar__user{border-radius:var(--radius-sm);align-items:center;gap:10px;padding:8px 10px;display:flex}.sidebar__avatar{background:var(--clr-brand);color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;font-size:13px;font-weight:700;display:flex}.sidebar__user-info{flex-direction:column;gap:3px;min-width:0;display:flex}.sidebar__user-name{color:#e2e8f0;white-space:nowrap;text-overflow:ellipsis;font-size:13px;font-weight:600;overflow:hidden}.sidebar__logout{border-radius:var(--radius-sm);color:#64748b;width:100%;transition:background var(--transition), color var(--transition);align-items:center;gap:8px;padding:8px 10px;font-size:13px;font-weight:500;display:flex}.sidebar__logout:hover{color:#f87171;background:#ef44441f}.sidebar__link--child{color:#94a3b8;padding-left:28px;font-size:12.5px}.sidebar__link--child:hover{background:#ffffff0a}.sidebar__settings-btn{cursor:pointer;text-align:left;width:100%;font:inherit;background:0 0;border:none}.sidebar__chevron{margin-left:auto;font-size:12px;transition:transform .2s}.sidebar__chevron.open{transform:rotate(180deg)}.sidebar__link--child{opacity:.9;padding-left:40px;font-size:12.5px}.sidebar__link--child .sidebar__link-icon{opacity:.8}.notif-bell{position:relative}.notif-bell__btn{border-radius:var(--radius-sm);width:36px;height:36px;color:var(--clr-text-muted);transition:background var(--transition), color var(--transition);justify-content:center;align-items:center;display:flex;position:relative}.notif-bell__btn:hover{background:var(--clr-bg);color:var(--clr-text-primary)}.notif-bell__badge{color:#fff;border:2px solid var(--clr-surface);background:#dc2626;border-radius:999px;justify-content:center;align-items:center;min-width:16px;height:16px;padding:0 3px;font-size:9px;font-weight:700;display:flex;position:absolute;top:4px;right:4px}.notif-panel{background:var(--clr-surface);border:1px solid var(--clr-border);border-radius:var(--radius-md);width:320px;box-shadow:var(--shadow-lg);z-index:200;animation:.12s both fadeIn;position:absolute;top:calc(100% + 8px);right:0}.notif-panel__header{border-bottom:1px solid var(--clr-border);justify-content:space-between;align-items:center;padding:12px 16px;display:flex}.notif-panel__title{color:var(--clr-text-primary);font-size:13px;font-weight:700}.notif-panel__mark-all{color:var(--clr-brand);transition:opacity var(--transition);font-size:12px;font-weight:500}.notif-panel__mark-all:hover{opacity:.75}.notif-panel__list{max-height:340px;overflow-y:auto}.notif-panel__empty{text-align:center;color:var(--clr-text-muted);padding:24px;font-size:13px}.notif-panel__item{border-bottom:1px solid var(--clr-border);cursor:pointer;transition:background var(--transition);align-items:flex-start;gap:10px;padding:12px 16px;display:flex}.notif-panel__item:hover{background:var(--clr-bg)}.notif-panel__item--unread{background:color-mix(in srgb, var(--clr-brand) 5%, transparent)}.notif-panel__item:last-child{border-bottom:none}.notif-panel__dot{border-radius:50%;flex-shrink:0;width:8px;height:8px;margin-top:5px}.notif-panel__body{flex:1;min-width:0}.notif-panel__msg{color:var(--clr-text-primary);font-size:13px;line-height:1.45}.notif-panel__time{color:var(--clr-text-muted);margin-top:3px;font-size:11px}.topbar{background:var(--clr-surface);border-bottom:1px solid var(--clr-border);height:64px;padding:0 var(--sp-xl);z-index:100;flex-shrink:0;justify-content:space-between;align-items:center;display:flex;position:sticky;top:0}.topbar__title{color:var(--clr-text-primary);letter-spacing:-.02em;font-size:19px;font-weight:700}.topbar__subtitle{color:var(--clr-text-muted);margin-top:1px;font-size:13px}.topbar__right{align-items:center;gap:var(--sp-md);display:flex}.topbar__profile{cursor:pointer;border-radius:var(--radius-sm);transition:background var(--transition);align-items:center;gap:8px;padding:6px 10px;display:flex;position:relative}.topbar__profile:hover{background:var(--clr-bg)}.topbar__avatar{background:var(--clr-brand);color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;font-size:13px;font-weight:700;display:flex}.topbar__user-meta{color:var(--clr-text-primary);align-items:center;gap:5px;font-size:13.5px;font-weight:600;display:flex}.topbar__dropdown{background:var(--clr-surface);border:1px solid var(--clr-border);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);min-width:200px;padding:var(--sp-sm);animation:.15s both fadeIn;position:absolute;top:calc(100% + 6px);right:0}.topbar__dropdown-header{padding:var(--sp-sm) var(--sp-sm) var(--sp-xs);border-bottom:1px solid var(--clr-border);margin-bottom:var(--sp-xs)}.topbar__dropdown-name{color:var(--clr-text-primary);font-size:13px;font-weight:600}.topbar__dropdown-email{color:var(--clr-text-muted);margin-top:2px;font-size:12px}.topbar__icon-btn{border-radius:var(--radius-sm);width:36px;height:36px;color:var(--clr-text-muted);transition:background var(--transition), color var(--transition);justify-content:center;align-items:center;display:flex}.topbar__icon-btn:hover{background:var(--clr-bg);color:var(--clr-text-primary)}.topbar__dropdown-item{border-radius:var(--radius-sm);width:100%;color:var(--clr-text-primary);align-items:center;gap:10px;padding:10px 12px;font-size:13px;transition:background .2s;display:flex}.topbar__dropdown-item:hover{background:var(--clr-bg)}.topbar__dropdown-item--danger:hover{color:var(--clr-danger);background:#ef44441a}.app-shell{min-height:100vh;display:flex}.app-shell__main{flex-direction:column;flex:1;min-width:0;display:flex;overflow:hidden}.app-shell__content{flex:1;padding:10px;overflow-y:auto}@media (width<=768px){.app-shell__content{padding:var(--sp-md)}}.settings-layout{gap:var(--sp-lg);flex-direction:column;height:100%;display:flex}.settings-layout__heading{flex-direction:column;gap:2px;display:flex}.settings-layout__title{color:var(--clr-text-primary);font-size:20px;font-weight:700}.settings-layout__subtitle{color:var(--clr-text-muted);font-size:13.5px}.settings-layout__body{gap:var(--sp-lg);grid-template-columns:220px 1fr;align-items:start;display:grid}@media (width<=880px){.settings-layout__body{grid-template-columns:1fr}}.settings-nav{background:var(--clr-surface);border:1px solid var(--clr-border);border-radius:var(--radius-md);top:var(--sp-lg);flex-direction:column;gap:2px;padding:8px;display:flex;position:sticky}@media (width<=880px){.settings-nav{flex-flow:row;position:static;overflow-x:auto}}.settings-nav__link{border-radius:var(--radius-sm);color:var(--clr-text-secondary);transition:background var(--transition), color var(--transition);white-space:nowrap;align-items:center;gap:9px;padding:9px 11px;font-size:13.5px;font-weight:500;display:flex}.settings-nav__link:hover{background:var(--clr-surface-2);color:var(--clr-text-primary)}.settings-nav__link--active{background:var(--clr-brand-muted);color:var(--clr-brand);font-weight:600}.settings-nav__icon{flex-shrink:0;display:flex}.settings-layout__content{min-width:0}.settings-section{gap:var(--sp-lg);flex-direction:column;display:flex}.settings-card{background:var(--clr-surface);border:1px solid var(--clr-border);border-radius:var(--radius-md);padding:var(--sp-lg)}.settings-card__header{justify-content:space-between;align-items:flex-start;gap:var(--sp-md);margin-bottom:var(--sp-md);display:flex}.settings-card__title{color:var(--clr-text-primary);font-size:14.5px;font-weight:700}.settings-card__desc{color:var(--clr-text-muted);margin-top:2px;font-size:12.5px}.settings-form-grid{gap:var(--sp-md);grid-template-columns:1fr 1fr;display:grid}@media (width<=620px){.settings-form-grid{grid-template-columns:1fr}}.settings-form-actions{padding-top:var(--sp-md);border-top:1px solid var(--clr-border-light);justify-content:flex-end;gap:8px;display:flex}.settings-stat-grid{gap:var(--sp-md);grid-template-columns:repeat(auto-fit,minmax(160px,1fr));display:grid}.settings-divider{background:var(--clr-border-light);height:1px;margin:var(--sp-sm) 0}.settings-toggle-list{gap:var(--sp-md);flex-direction:column;display:flex}.settings-dirty-banner{justify-content:space-between;align-items:center;gap:var(--sp-md);border-radius:var(--radius-md);color:#92400e;background:#fffbeb;border:1px solid #fde68a;padding:10px 14px;font-size:13px;display:flex}.settings-permission-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:8px;display:grid}.settings-permission-chip{border-radius:var(--radius-sm);border:1px solid var(--clr-border);cursor:pointer;transition:border-color var(--transition), background var(--transition);align-items:center;gap:8px;padding:8px 10px;font-size:12.5px;display:flex}.settings-permission-chip:hover{border-color:var(--clr-brand)}.settings-permission-chip--active{background:var(--clr-brand-muted);border-color:var(--clr-brand);color:var(--clr-brand);font-weight:600}.settings-color-row{align-items:center;gap:10px;display:flex}.settings-color-swatch{border-radius:var(--radius-sm);border:1.5px solid var(--clr-border);cursor:pointer;flex-shrink:0;width:40px;height:40px}.settings-recommend{background:var(--clr-brand-muted);border-radius:var(--radius-sm);color:var(--clr-brand-dark);gap:8px;padding:10px 12px;font-size:12.5px;line-height:1.5;display:flex}.role-badge{text-transform:uppercase;letter-spacing:.03em;border-radius:var(--radius-full);padding:2px 7px;font-size:10px;font-weight:700}.role-badge--system{background:var(--clr-surface-2);color:var(--clr-text-muted);border:1px solid var(--clr-border)}.esc-level-badge{border-radius:var(--radius-full);background:var(--clr-brand-muted);color:var(--clr-brand);padding:3px 9px;font-size:12px;font-weight:700;display:inline-block}.audit-action-badge{border-radius:var(--radius-sm);background:var(--clr-surface-2);color:var(--clr-text-secondary);white-space:nowrap;padding:3px 8px;font-size:11.5px;font-weight:600}.audit-search{flex:1;align-items:center;min-width:200px;display:flex;position:relative}.audit-search svg{color:var(--clr-text-muted);position:absolute;left:10px}.audit-search__input{border-radius:var(--radius-sm);border:1px solid var(--clr-border);background:var(--clr-surface);width:100%;color:var(--clr-text-primary);padding:8px 10px 8px 32px;font-size:13px}.audit-filter-select{border-radius:var(--radius-sm);border:1px solid var(--clr-border);background:var(--clr-surface);color:var(--clr-text-primary);padding:8px 10px;font-size:13px}.toast-stack{bottom:var(--sp-lg);right:var(--sp-lg);z-index:999;flex-direction:column;gap:8px;display:flex;position:fixed}.toast{border-radius:var(--radius-md);color:#fff;box-shadow:var(--shadow-lg);cursor:pointer;align-items:center;gap:10px;min-width:220px;max-width:360px;padding:11px 16px;font-size:13.5px;font-weight:500;animation:.22s both toastIn;display:flex}@keyframes toastIn{0%{opacity:0;transform:translateY(8px)scale(.97)}to{opacity:1;transform:translateY(0)scale(1)}}.toast--success{background:var(--clr-success)}.toast--error{background:var(--clr-danger)}.toast--info{background:var(--clr-brand)}.toast__icon{flex-shrink:0;display:flex}.toast__msg{line-height:1.4}.img-upload{border:1.5px dashed var(--clr-border);border-radius:var(--radius-sm);background:var(--clr-surface);transition:border-color var(--transition), background var(--transition), box-shadow var(--transition);cursor:pointer;outline:none;position:relative;overflow:hidden}.img-upload:focus-visible{border-color:var(--clr-brand);box-shadow:0 0 0 3px #2563eb1f}.img-upload:hover:not(.img-upload--disabled):not(.img-upload--has-preview){border-color:var(--clr-brand);background:color-mix(in srgb, var(--clr-brand) 4%, var(--clr-surface))}.img-upload--drag{border-color:var(--clr-brand);background:color-mix(in srgb, var(--clr-brand) 6%, var(--clr-surface));border-style:solid;box-shadow:0 0 0 3px #2563eb1f}.img-upload--error{border-color:var(--clr-danger)}.img-upload--error:focus-visible,.img-upload--error.img-upload--drag{box-shadow:0 0 0 3px #ef44441f}.img-upload--disabled{opacity:.55;cursor:not-allowed;pointer-events:none}.img-upload__input{opacity:0;pointer-events:none;width:0;height:0;position:absolute;inset:0}.img-upload__placeholder{-webkit-user-select:none;user-select:none;flex-direction:column;justify-content:center;align-items:center;gap:10px;min-height:140px;padding:32px 24px;display:flex}.img-upload__icon{color:var(--clr-text-muted);transition:color var(--transition), transform var(--transition);display:flex}.img-upload__icon--drag{color:var(--clr-brand);transform:scale(1.12)}.img-upload__copy{text-align:center}.img-upload__primary{color:var(--clr-text-secondary);font-size:13.5px;line-height:1.5}.img-upload__link{color:var(--clr-brand);text-underline-offset:2px;font-weight:600;text-decoration:underline}.img-upload--has-preview{cursor:default;border-style:solid}.img-upload__preview{background:var(--clr-bg);justify-content:center;align-items:center;width:100%;min-height:160px;display:flex;position:relative}.img-upload__preview-img{object-fit:contain;max-width:100%;max-height:220px;padding:12px;display:block}.img-upload__preview-overlay{transition:background var(--transition);background:0 0;justify-content:flex-end;align-items:flex-end;gap:6px;padding:10px;display:flex;position:absolute;inset:0}.img-upload__preview:hover .img-upload__preview-overlay{background:#00000047}.img-upload__change-btn,.img-upload__clear-btn{border-radius:var(--radius-sm);cursor:pointer;opacity:0;transition:opacity var(--transition), background var(--transition);align-items:center;gap:5px;padding:5px 10px;font-size:12px;font-weight:600;display:inline-flex}.img-upload__preview:hover .img-upload__change-btn,.img-upload__preview:hover .img-upload__clear-btn{opacity:1}.img-upload__change-btn{background:var(--clr-brand);color:#fff;border:none}.img-upload__change-btn:hover{background:color-mix(in srgb, var(--clr-brand) 80%, black)}.img-upload__clear-btn{color:var(--clr-danger);background:#ffffffe6;border:1px solid #ef44444d}.img-upload__clear-btn:hover{background:#fff}.dtable-wrap{border:1px solid var(--clr-border);border-radius:var(--radius-md);background:var(--clr-surface);width:100%;overflow-x:auto}.dtable{border-collapse:collapse;width:100%;font-size:13.5px}.dtable thead th{text-align:left;text-transform:uppercase;letter-spacing:.04em;color:var(--clr-text-muted);border-bottom:1px solid var(--clr-border);background:var(--clr-surface-2);white-space:nowrap;padding:11px 14px;font-size:11.5px;font-weight:700}.dtable tbody td{border-bottom:1px solid var(--clr-border-light);color:var(--clr-text-secondary);vertical-align:middle;padding:11px 14px}.dtable tbody tr:last-child td{border-bottom:none}.dtable__row:hover td{background:var(--clr-surface-2)}.dtable__skeleton{background:linear-gradient(90deg, var(--clr-border-light) 25%, var(--clr-border) 37%, var(--clr-border-light) 63%);background-size:400% 100%;border-radius:4px;height:14px;animation:1.4s infinite skeletonShimmer}@keyframes skeletonShimmer{0%{background-position:100%}to{background-position:0%}}.drawer-overlay{z-index:200;background:#0f172a73;justify-content:flex-end;animation:.18s both fadeIn;display:flex;position:fixed;inset:0}.drawer{background:var(--clr-surface);height:100%;box-shadow:var(--shadow-xl);flex-direction:column;animation:.22s both drawerSlideIn;display:flex}@keyframes drawerSlideIn{0%{opacity:0;transform:translate(24px)}to{opacity:1;transform:translate(0)}}.drawer__header{padding:var(--sp-lg);border-bottom:1px solid var(--clr-border);flex-shrink:0;justify-content:space-between;align-items:center;display:flex}.drawer__title{color:var(--clr-text-primary);font-size:16px;font-weight:700}.drawer__body{padding:var(--sp-lg);gap:var(--sp-md);flex-direction:column;flex:1;display:flex;overflow-y:auto}.drawer__footer{padding:var(--sp-md) var(--sp-lg);border-top:1px solid var(--clr-border);flex-shrink:0;justify-content:flex-end;gap:8px;display:flex}.toggle-row{justify-content:space-between;align-items:center;gap:var(--sp-md);cursor:pointer;padding:4px 0;display:flex}.toggle-row--disabled{cursor:not-allowed;opacity:.55}.toggle-row__copy{flex-direction:column;gap:2px;display:flex}.toggle-row__label{color:var(--clr-text-primary);font-size:13.5px;font-weight:600}.toggle-row__desc{color:var(--clr-text-muted);font-size:12.5px}.toggle{border-radius:var(--radius-full);background:var(--clr-border);width:38px;height:22px;transition:background var(--transition);flex-shrink:0;position:relative}.toggle--on{background:var(--clr-brand)}.toggle__thumb{width:18px;height:18px;box-shadow:var(--shadow-xs);transition:transform var(--transition);background:#fff;border-radius:50%;position:absolute;top:2px;left:2px}.toggle--on .toggle__thumb{transform:translate(16px)}.profile-page{max-width:1100px;padding:var(--sp-lg);gap:var(--sp-lg);flex-direction:column;margin:0 auto;display:flex}.profile-hero{background:var(--clr-surface-1);border:1px solid var(--clr-border);border-radius:var(--radius-md);align-items:center;gap:24px;padding:28px 32px;display:flex}.profile-hero__avatar-wrap{flex-shrink:0;position:relative}.profile-hero__avatar-img,.profile-hero__avatar-initials{object-fit:cover;border-radius:50%;width:80px;height:80px}.profile-hero__avatar-initials{background:var(--clr-primary);color:#fff;letter-spacing:.02em;justify-content:center;align-items:center;font-size:26px;font-weight:700;display:flex}.profile-hero__avatar-edit{background:var(--clr-surface-1);border:1.5px solid var(--clr-border);cursor:pointer;width:26px;height:26px;color:var(--clr-text-muted);border-radius:50%;justify-content:center;align-items:center;transition:background .15s,color .15s;display:flex;position:absolute;bottom:0;right:0}.profile-hero__avatar-edit:hover{background:var(--clr-primary);color:#fff;border-color:var(--clr-primary)}.profile-hero__info{flex:1;min-width:0}.profile-hero__name-row{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.profile-hero__name{color:var(--clr-text-primary);margin:0;font-size:22px;font-weight:700}.profile-hero__role-badge{letter-spacing:.05em;text-transform:uppercase;border-radius:20px;align-items:center;padding:2px 10px;font-size:11px;font-weight:700;display:inline-flex}.profile-hero__role-badge--admin{color:#6d28d9;background:#ede9fe}.profile-hero__role-badge--developer{color:#1d4ed8;background:#dbeafe}.profile-hero__email{color:var(--clr-text-muted);margin:4px 0 2px;font-size:14px}.profile-hero__joined{color:var(--clr-text-muted);margin:0;font-size:12.5px}.profile-hero__avatar-actions{flex-direction:column;flex-shrink:0;gap:8px;display:flex}.profile-body{gap:var(--sp-lg);grid-template-columns:1fr 380px;align-items:start;display:grid}.profile-body__left,.profile-body__right{gap:var(--sp-lg);flex-direction:column;display:flex}.profile-card{background:var(--clr-surface-1);border:1px solid var(--clr-border);border-radius:var(--radius-md);flex-direction:column;gap:18px;padding:24px 28px;display:flex}.profile-card__header{flex-direction:column;gap:2px;display:flex}.profile-card__title{color:var(--clr-text-primary);margin:0;font-size:15px;font-weight:700}.profile-card__desc{color:var(--clr-text-muted);margin:0;font-size:13px}.profile-info-grid{border:1px solid var(--clr-border);border-radius:var(--radius-sm);flex-direction:column;gap:0;display:flex;overflow:hidden}.profile-info-row{border-bottom:1px solid var(--clr-border);justify-content:space-between;align-items:center;gap:12px;padding:11px 16px;display:flex}.profile-info-row:last-child{border-bottom:none}.profile-info-row:nth-child(2n){background:var(--clr-surface-2)}.profile-info-row__label{color:var(--clr-text-muted);text-transform:uppercase;letter-spacing:.04em;flex-shrink:0;font-size:12.5px;font-weight:600}.profile-info-row__value{color:var(--clr-text-primary);text-align:right;font-size:13.5px;font-weight:500}.profile-info-row__value--mono{color:var(--clr-text-muted);font-family:monospace;font-size:13px}.profile-info-row__value--role{text-transform:uppercase;letter-spacing:.05em;border-radius:20px;padding:2px 10px;font-size:11px;font-weight:700}.profile-info-row__value--admin{color:#6d28d9;background:#ede9fe}.profile-info-row__value--developer{color:#1d4ed8;background:#dbeafe}.profile-status-dot{border-radius:50%;width:7px;height:7px;margin-right:6px;display:inline-block}.profile-status-dot--active{background:#22c55e}.profile-stats-grid{grid-template-columns:repeat(4,1fr);gap:12px;display:grid}.profile-stat{border-radius:var(--radius-sm);border:1px solid #0000;flex-direction:column;justify-content:center;align-items:center;gap:4px;padding:16px 8px;display:flex}.profile-stat__value{font-size:26px;font-weight:800;line-height:1}.profile-stat__label{text-transform:uppercase;letter-spacing:.05em;text-align:center;font-size:11px;font-weight:600}.profile-stat--blue{color:#1d4ed8;background:#eff6ff;border-color:#bfdbfe}.profile-stat--green{color:#15803d;background:#f0fdf4;border-color:#bbf7d0}.profile-stat--red{color:#dc2626;background:#fef2f2;border-color:#fecaca}.profile-stat--orange{color:#c2410c;background:#fff7ed;border-color:#fed7aa}.profile-admin-links{border:1px solid var(--clr-border);border-radius:var(--radius-sm);flex-direction:column;gap:0;display:flex;overflow:hidden}.profile-admin-link{color:var(--clr-text-primary);border-bottom:1px solid var(--clr-border);align-items:center;gap:14px;padding:14px 16px;text-decoration:none;transition:background .12s;display:flex}.profile-admin-link:last-child{border-bottom:none}.profile-admin-link:hover{background:var(--clr-surface-2)}.profile-admin-link__icon{border-radius:var(--radius-sm);flex-shrink:0;justify-content:center;align-items:center;width:34px;height:34px;display:flex}.profile-admin-link__icon--blue{color:#1d4ed8;background:#dbeafe}.profile-admin-link__icon--purple{color:#6d28d9;background:#ede9fe}.profile-admin-link__icon--green{color:#15803d;background:#dcfce7}.profile-admin-link__icon--orange{color:#c2410c;background:#ffedd5}.profile-admin-link__title{color:var(--clr-text-primary);margin:0 0 2px;font-size:13.5px;font-weight:600}.profile-admin-link__desc{color:var(--clr-text-muted);margin:0;font-size:12px}.profile-admin-link__arrow{color:var(--clr-text-muted);flex-shrink:0;margin-left:auto}.profile-form-stack{flex-direction:column;gap:14px;display:flex}.profile-form-actions{padding-top:4px}.profile-pref-label{text-transform:uppercase;letter-spacing:.06em;color:var(--clr-text-muted);margin:0 0 10px;font-size:12px;font-weight:700}.profile-theme-toggle{gap:8px;display:flex}.profile-theme-btn{border-radius:var(--radius-sm);border:1.5px solid var(--clr-border);background:var(--clr-surface-2);color:var(--clr-text-muted);cursor:pointer;align-items:center;gap:6px;padding:7px 14px;font-size:13px;font-weight:500;transition:all .15s;display:flex}.profile-theme-btn--active{border-color:var(--clr-primary);background:var(--clr-primary);color:#fff}.profile-theme-btn:hover:not(.profile-theme-btn--active){border-color:var(--clr-primary);color:var(--clr-primary)}.profile-toggle-list{flex-direction:column;gap:14px;display:flex}.profile-divider{background:var(--clr-border);height:1px;margin:4px 0}@media (width<=900px){.profile-body{grid-template-columns:1fr}.profile-stats-grid{grid-template-columns:repeat(2,1fr)}.profile-hero{flex-wrap:wrap;padding:20px}.profile-hero__avatar-actions{flex-direction:row;width:100%}}@media (width<=480px){.profile-page{padding:var(--sp-md)}.profile-card{padding:18px}.profile-stats-grid{grid-template-columns:repeat(2,1fr)}}:root{--clr-brand:#2563eb;--clr-brand-dark:#1d4ed8;--clr-brand-light:#dbeafe;--clr-brand-muted:#eff6ff;--clr-sidebar-bg:#0f172a;--clr-sidebar-text:#94a3b8;--clr-sidebar-active-bg:#1e293b;--clr-sidebar-active-text:#f1f5f9;--clr-sidebar-hover:#1e293b;--clr-bg:#f1f5f9;--clr-surface:#fff;--clr-surface-2:#f8fafc;--clr-border:#e2e8f0;--clr-border-light:#f1f5f9;--clr-text-primary:#0f172a;--clr-text-secondary:#475569;--clr-text-muted:#94a3b8;--clr-open:#0f172a;--clr-open-bg:#fde68a;--clr-open-border:#f59e0b;--clr-progress:#fff;--clr-progress-bg:#2563eb;--clr-progress-border:#93c5fd;--clr-resolved:#fff;--clr-resolved-bg:#16a34a;--clr-resolved-border:#86efac;--clr-closed:#fff;--clr-closed-bg:#6b7280;--clr-closed-border:#d1d5db;--clr-critical:#dc2626;--clr-high:#ea580c;--clr-medium:#d97706;--clr-normal:#2563eb;--clr-low:#6b7280;--clr-admin-bg:#fef2f2;--clr-admin-text:#dc2626;--clr-dev-bg:#eff6ff;--clr-dev-text:#2563eb;--clr-success:#10b981;--clr-danger:#ef4444;--clr-warning:#f59e0b;--clr-info:#3b82f6;--sp-xs:4px;--sp-sm:8px;--sp-md:16px;--sp-lg:24px;--sp-xl:32px;--sp-2xl:48px;--radius-sm:6px;--radius-md:10px;--radius-lg:14px;--radius-xl:20px;--radius-full:9999px;--shadow-xs:0 1px 2px #0000000d;--shadow-sm:0 1px 3px #00000014, 0 1px 2px #0000000a;--shadow-md:0 4px 6px -1px #00000012, 0 2px 4px -1px #0000000a;--shadow-lg:0 10px 15px -3px #00000014, 0 4px 6px -2px #00000008;--shadow-xl:0 20px 25px -5px #00000014, 0 10px 10px -5px #00000005;--sidebar-w:260px;--transition:.2s ease}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-font-smoothing:antialiased;font-size:15px}body{background:var(--clr-bg);color:var(--clr-text-primary);min-height:100vh;font-family:DM Sans,sans-serif;line-height:1.6}a{color:inherit;text-decoration:none}button{cursor:pointer;background:0 0;border:none;font-family:inherit}input,textarea,select{font-family:inherit}img{max-width:100%;display:block}ul,ol{list-style:none}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--clr-border);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--clr-text-muted)}.sr-only{clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@keyframes fadeIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@keyframes slideIn{0%{opacity:0;transform:translate(-8px)}to{opacity:1;transform:translate(0)}}@keyframes spin{to{transform:rotate(360deg)}}.page-enter{animation:.25s both fadeIn}[data-theme=dark]{--clr-brand:#3b82f6;--clr-brand-dark:#2563eb;--clr-brand-light:#1e3a8a;--clr-brand-muted:#172554;--clr-sidebar-bg:#020617;--clr-sidebar-text:#94a3b8;--clr-sidebar-active-bg:#1e293b;--clr-sidebar-active-text:#f8fafc;--clr-sidebar-hover:#1e293b;--clr-bg:#0f172a;--clr-surface:#111827;--clr-surface-2:#1f2937;--clr-border:#334155;--clr-border-light:#475569;--clr-text-primary:#f8fafc;--clr-text-secondary:#cbd5e1;--clr-text-muted:#94a3b8;--clr-admin-bg:#450a0a;--clr-admin-text:#fca5a5;--clr-dev-bg:#172554;--clr-dev-text:#93c5fd;--clr-open:#f8fafc;--clr-open-bg:#854d0e;--clr-open-border:#facc15;--clr-progress:#fff;--clr-progress-bg:#2563eb;--clr-progress-border:#60a5fa;--clr-resolved:#fff;--clr-resolved-bg:#15803d;--clr-resolved-border:#4ade80;--clr-closed:#fff;--clr-closed-bg:#475569;--clr-closed-border:#94a3b8}