:root{font-family:Arial,sans-serif;color:#111827;background:#f3f4f6;line-height:1.5;font-weight:400}*{box-sizing:border-box}body{margin:0}button,input,textarea,select{font:inherit}textarea{resize:vertical}code{font-family:Consolas,SFMono-Regular,monospace}#root{min-height:100vh}.page-shell{display:grid;min-height:100vh;place-items:center;padding:24px}.app-shell{min-height:100vh;padding:24px}.app-shell__header{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;width:min(100%,960px);margin:0 auto 24px}.app-shell__brand{display:grid;gap:4px}.app-shell__title{color:#111827;font-size:1.25rem;font-weight:700;text-decoration:none}.app-shell__title:hover{text-decoration:underline}.app-shell__user{color:#374151}.app-shell__actions{display:flex;align-items:center;justify-content:flex-end;flex-wrap:wrap;gap:12px}.app-shell__content{width:min(100%,960px);margin:0 auto}.page-shell--top{align-items:start}.page-shell__stack{display:grid;gap:16px}.page-shell__header{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}.page-sections{display:grid;gap:24px;width:100%}.tickets-list-page{max-width:880px}.profile-page{max-width:720px}.profile-summary{display:grid;gap:16px;margin:0}.profile-summary__row{display:grid;grid-template-columns:96px minmax(0,1fr);gap:12px;align-items:start;padding-bottom:16px;border-bottom:1px solid #e5e7eb}.profile-summary__row:last-child{padding-bottom:0;border-bottom:0}.profile-summary__label{font-size:.875rem;font-weight:700;color:#374151}.profile-summary__value{margin:0;min-width:0;color:#111827;word-break:break-word}.profile-roles{display:flex;flex-wrap:wrap;gap:8px;margin:0;padding:0;list-style:none}.profile-role-chip{display:inline-flex;align-items:center;min-height:32px;padding:0 12px;border-radius:999px;background:#e5e7eb;color:#111827;font-size:.875rem;font-weight:700}.tickets-list-page__header-actions{display:flex;flex-wrap:wrap;align-items:center;justify-content:flex-end;gap:12px}.tickets-list-page__create-action{flex-shrink:0}.telegram-connect-panel__intro{display:grid;gap:8px}.telegram-connect-panel__actions{display:flex;flex-wrap:wrap;gap:12px}.telegram-connect-panel__result{display:grid;gap:12px;padding:16px;border:1px solid #bfdbfe;border-radius:12px;background:#eff6ff}.telegram-connect-panel__result--warning{border-color:#f59e0b;background:#fffbeb}.telegram-connect-panel__result-title{margin:0;color:#111827;font-weight:700}.telegram-connect-panel__copy-field{display:grid;gap:8px}.telegram-connect-panel__copy-input{font-size:.9375rem}.telegram-connect-panel__copy-actions{display:flex;flex-wrap:wrap;align-items:center;gap:12px}.telegram-connect-panel__feedback{font-size:.875rem;color:#374151}.tickets-list-toggle{display:inline-flex;align-items:center;gap:8px;color:#374151;font-weight:600}.tickets-list-toggle__input{width:16px;height:16px}.ticket-detail-page{max-width:720px}.page-section{display:grid;gap:16px;padding:32px;border-radius:16px;background:#fff;box-shadow:0 12px 32px #0f172a14}.page-section__header{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}.page-section__actions{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:12px}.page-section__title{margin:0;line-height:1.2}.page-section__title--h1{font-size:2rem}.page-section__title--h2{font-size:1.25rem}.page-section__title--h3{font-size:1rem}.page-section__content{display:grid;gap:16px}.card{width:min(100%,560px);padding:32px;border-radius:16px;background:#fff;box-shadow:0 12px 32px #0f172a14}.eyebrow{display:inline-block;margin-bottom:12px;font-size:.875rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:#2563eb}h1{margin:0;font-size:2rem;line-height:1.1}p{margin:0;color:#4b5563}.button{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:0 18px;border:0;border-radius:10px;background:#2563eb;color:#fff;text-decoration:none;cursor:pointer;font-weight:700;transition:background-color .18s ease,color .18s ease,box-shadow .18s ease}.button:disabled{opacity:.6;cursor:not-allowed}.button--secondary{background:#e5e7eb;color:#111827}.button--success{background:#16a34a}.button--danger{background:#dc2626}.button--warning{background:#f59e0b;color:#111827}.button--soft-primary{background:#dbeafe;color:#1d4ed8}.button--soft-success{background:#dcfce7;color:#166534}.button--soft-danger{background:#fee2e2;color:#b91c1c}.button--soft-warning{background:#fef3c7;color:#b45309}.page-back-link{align-self:start}.error-text{color:#b91c1c}.status-notice{display:grid;gap:4px;padding:14px 16px;border:1px solid #f59e0b;border-radius:12px;background:#fffbeb}.status-notice--warning{border-color:#f59e0b;background:#fffbeb}.status-notice__title{color:#92400e;font-weight:700}.session-summary{color:#374151}.ticket-list-card{width:min(100%,880px)}.ticket-list{display:grid;gap:12px}.tickets-pagination{display:grid;align-items:center;gap:12px}.tickets-pagination__summary{grid-area:1 / 1;justify-self:center;color:#374151;font-weight:600;text-align:center;white-space:nowrap}.tickets-pagination__actions{grid-area:1 / 1;display:flex;align-items:center;justify-content:space-between;flex-wrap:nowrap;width:100%;gap:12px}.ticket-list-item{display:grid;gap:14px;padding:20px;border:1px solid #e5e7eb;border-radius:12px;background:#f9fafb}.ticket-list-item--interactive{color:inherit;text-decoration:none;cursor:pointer;transition:border-color .18s ease,box-shadow .18s ease,transform .18s ease,background-color .18s ease}.ticket-list-item--interactive:hover{border-color:#bfdbfe;background:#fff;box-shadow:0 10px 24px #2563eb14;transform:translateY(-1px)}.ticket-list-item--interactive:focus-visible{outline:3px solid rgba(37,99,235,.24);outline-offset:2px}.ticket-list-item--closed{border-color:#d1d5db;background:#f3f4f6}.ticket-list-item--interactive.ticket-list-item--closed:hover{border-color:#cbd5e1;background:#f8fafc;box-shadow:0 10px 24px #94a3b824}.ticket-list-item__header{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}.ticket-list-item__copy{display:grid;gap:4px;width:100%;min-width:0}.ticket-list-item__top-row{display:flex;align-items:flex-start;justify-content:space-between;flex-wrap:wrap;gap:8px 16px}.ticket-list-item__number{margin:0;font-size:1.125rem;line-height:1.3;color:#111827}.ticket-list-item__category{margin:0;font-size:.875rem;color:#6b7280}.ticket-list-item__title{margin:0;font-size:.9375rem;line-height:1.3;color:#374151}.ticket-list-item__meta{margin:0;font-size:.875rem;color:#4b5563}.ticket-list-item__badges{flex-wrap:nowrap;justify-content:flex-end;margin-left:auto}.ticket-list-item__badges .ticket-status,.ticket-list-item__badges .ticket-resolution{white-space:nowrap}.ticket-list-item__footer{display:flex;align-items:center;justify-content:flex-end;gap:16px}.ticket-list-item time{font-size:.875rem;color:#6b7280}.ticket-status{flex-shrink:0;padding:4px 10px;border-radius:999px;background:#dbeafe;color:#1d4ed8;font-size:.8125rem;font-weight:700;text-transform:capitalize}.ticket-status--closed{background:#e5e7eb;color:#374151}.ticket-statuses{display:flex;flex-wrap:wrap;gap:8px}.ticket-resolution{flex-shrink:0;padding:4px 10px;border-radius:999px;font-size:.8125rem;font-weight:700}.ticket-resolution--resolved{background:#dcfce7;color:#166534}.ticket-resolution--rejected{background:#fee2e2;color:#b91c1c}.ticket-resolution--canceled{background:#fef3c7;color:#b45309}.ticket-header-actions{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:12px}.ticket-detail-card{width:min(100%,720px)}.ticket-detail-fields{display:grid;gap:16px}.ticket-summary{display:grid;gap:12px}.ticket-summary__row{display:grid;grid-template-columns:110px minmax(0,1fr);gap:12px;align-items:start;padding-bottom:12px;border-bottom:1px solid #e5e7eb}.ticket-summary__row:last-child{padding-bottom:0;border-bottom:0}.ticket-summary__label{font-size:.875rem;font-weight:700;color:#374151}.ticket-summary__value{min-width:0;color:#111827}.ticket-summary__value--title{font-weight:700}.ticket-summary__value--stacked{display:grid;gap:8px}.ticket-summary__value--description{white-space:pre-wrap;word-break:break-word}.ticket-summary__inline{display:flex;flex-wrap:wrap;align-items:center;gap:12px 16px;min-width:0}.ticket-summary__text{min-width:0;word-break:break-word}.ticket-summary__inline-form{display:flex;flex:1 1 320px;flex-wrap:wrap;align-items:center;gap:12px;min-width:min(100%,320px)}.ticket-summary__inline-select{flex:1 1 220px;min-width:min(100%,220px)}.ticket-summary__supporting-text{font-size:.875rem}.ticket-detail-field{display:grid;gap:6px;padding-bottom:16px;border-bottom:1px solid #e5e7eb}.ticket-detail-field:last-child{padding-bottom:0;border-bottom:0}.ticket-detail-field__label{font-size:.875rem;font-weight:700;color:#374151}.ticket-detail-field__description{white-space:pre-wrap}.field-input{width:100%;min-height:112px;padding:12px 14px;border:1px solid #d1d5db;border-radius:10px;background:#fff;color:#111827}.field-input:disabled{background:#f3f4f6}.login-form__field{display:grid;gap:8px}.field-label{font-size:.875rem;font-weight:700;color:#374151}.field-select{width:100%;min-height:44px;padding:0 14px;border:1px solid #d1d5db;border-radius:10px;background:#fff;color:#111827}.field-select:disabled{background:#f3f4f6}.visually-hidden-input{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}.category-tree-select{display:grid;gap:4px;margin:0;padding:0;list-style:none}.category-tree-select--nested{margin-top:2px;padding-inline-start:18px}.category-tree-select__item{padding:0}.category-tree-select__branch{display:grid;gap:2px;padding:2px 0 2px 22px}.category-tree-select__option{display:flex;align-items:flex-start;gap:8px;padding:2px 0;color:#111827;cursor:pointer}.category-tree-select__input{margin-top:2px;accent-color:#6b7280}.category-tree-select__name{color:#111827;font-weight:500}.category-tree-select__name--branch{font-weight:600;color:#374151}.category-tree-select__hint{font-size:.875rem;color:#6b7280}.ticket-comments-section{display:grid;gap:16px;padding-top:8px;border-top:1px solid #e5e7eb}.ticket-comments-section h2{margin:0;font-size:1.25rem;line-height:1.3}.ticket-comment-form{display:grid;gap:12px}.ticket-create-form{display:grid;gap:16px}.ticket-create-section .page-section__content{gap:0}.ticket-comments-list{display:grid;gap:10px}.ticket-comment-item{display:grid;gap:10px;max-width:min(100%,560px);padding:16px;border:1px solid #e5e7eb;border-radius:12px;background:#f9fafb}.ticket-comment-item--current-user{justify-self:start;background:#eff6ff;border-color:#bfdbfe}.ticket-comment-item--other{justify-self:start}.ticket-comment-item__meta{display:grid;gap:4px;font-size:.875rem;color:#4b5563}.ticket-comment-item__author{color:#111827;font-weight:700}.ticket-comment-item__body{white-space:pre-wrap;color:#111827}.ticket-attachments-list{display:grid;gap:10px}.ticket-attachment-item{position:relative;display:grid;gap:16px;padding:16px 52px 16px 16px;border:1px solid #e5e7eb;border-radius:12px;background:#f9fafb}.ticket-attachment-item--preview{overflow:hidden;grid-template-columns:112px minmax(0,1fr)}.ticket-attachment-preview{display:inline-flex;align-self:start;width:112px;padding:0;border:0;position:relative;z-index:1;background:transparent;touch-action:manipulation;cursor:pointer}.ticket-attachment-preview--static{cursor:default}.ticket-attachment-preview:focus-visible{outline:3px solid rgba(37,99,235,.28);outline-offset:3px}.ticket-attachment-preview__image{display:block;width:112px;height:112px;max-width:100%;object-fit:contain;border-radius:10px;background:#e5e7eb}.ticket-attachment-item__meta{display:grid;gap:4px;min-width:0;font-size:.875rem;color:#4b5563}.ticket-attachment-item__summary{display:flex;align-items:center;justify-content:space-between;gap:12px;min-width:0;color:#111827;font-weight:700}.ticket-attachment-item__summary span{min-width:0;overflow-wrap:anywhere}.ticket-attachment-link{color:#2563eb;font-weight:700;text-decoration:none}.ticket-attachment-link:hover{text-decoration:underline}.attachment-delete-button{position:absolute;top:10px;right:10px;z-index:2;display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;padding:0;border:0;border-radius:999px;background:#e5e7eb;color:#374151;font-size:1rem;line-height:1;cursor:pointer}.attachment-delete-button:hover:not(:disabled){background:#fecaca;color:#991b1b}.attachment-delete-button:disabled{cursor:not-allowed;opacity:.65}.attachment-preview-modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000;display:grid;place-items:center;padding:24px;background:#111827cc}.attachment-preview-modal__dialog{position:relative;display:grid;gap:12px;width:min(100%,960px);max-height:min(100%,90vh);padding:20px;border-radius:16px;background:#fff;box-shadow:0 24px 64px #0f172a52}.attachment-preview-modal__close{position:absolute;top:12px;right:12px;z-index:1;display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;padding:0;border:0;border-radius:999px;background:#e5e7eb;color:#111827;font-size:1.25rem;line-height:1;cursor:pointer}.attachment-preview-modal__image{display:block;width:100%;max-width:100%;max-height:calc(90vh - 110px);object-fit:contain;border-radius:12px;background:#f3f4f6}.attachment-preview-modal__footer{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px;min-width:0}.attachment-preview-modal__filename{min-width:0;color:#111827;font-weight:700;overflow-wrap:anywhere}@media (max-width: 640px){.card,.page-section{padding:24px}.tickets-list-page__header-actions,.telegram-connect-panel__actions,.telegram-connect-panel__copy-actions,.app-shell__header,.page-section__header,.page-shell__header,.ticket-list-item__header,.ticket-list-item__footer{flex-direction:column;align-items:stretch}.button,.button--secondary,.page-back-link{width:100%}.tickets-list-page__header-actions{width:100%;flex-direction:column;align-items:flex-start;gap:8px}.tickets-list-page__create-action{width:auto;max-width:100%}.tickets-pagination{display:flex;flex-direction:column;align-items:stretch;gap:8px}.tickets-pagination__summary{grid-area:auto;text-align:center}.tickets-pagination__actions{grid-area:auto;width:100%;justify-content:stretch}.ticket-attachment-item--preview{grid-template-columns:88px minmax(0,1fr);gap:12px}.ticket-attachment-preview{width:88px}.ticket-attachment-preview__image{width:88px;height:88px}.attachment-preview-modal{padding:12px}.attachment-preview-modal__dialog{padding:16px}.attachment-preview-modal__image{max-height:calc(100vh - 120px)}.tickets-pagination__actions .button,.tickets-pagination__actions .button--secondary{flex:1;width:auto;min-width:0;text-align:center}.profile-summary__row{grid-template-columns:1fr;gap:8px}}