.page-heading{justify-content:space-between;align-items:center;gap:var(--space-5);margin-bottom:var(--space-5);display:flex}.page-heading .muted{margin:0}.ticket-controls{padding:var(--space-5);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius)}.ticket-control-top{align-items:end;gap:var(--space-3);display:flex}.ticket-search{align-items:end;gap:var(--space-3);flex:1;min-width:0;display:flex}.ticket-search .ticket-field{flex:1}.ticket-field{gap:var(--space-2);min-width:0;display:grid}.ticket-filters{gap:var(--space-4);margin:var(--space-5) 0 0;padding:var(--space-5) 0 0;border:0;border-top:1px solid var(--border);grid-template-columns:repeat(6,minmax(0,1fr));display:grid}.ticket-results{margin-top:var(--space-5);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius)}.ticket-result-count{padding:var(--space-4) var(--space-5);color:var(--text-secondary);margin:0;font-size:.875rem}.ticket-table{table-layout:fixed;border-collapse:collapse;text-align:left;width:100%}.ticket-table th,.ticket-table td{padding:var(--space-3) var(--space-4);border-top:1px solid var(--border);overflow-wrap:anywhere;vertical-align:middle}.ticket-table thead{background:var(--surface-muted);color:var(--text-secondary);font-size:.8125rem}.ticket-table thead th:first-child{width:31%}.ticket-table thead th:nth-child(2){width:13%}.ticket-table thead th:nth-child(3){width:9%}.ticket-table thead th:nth-child(4){width:15%}.ticket-table thead th:nth-child(5){width:14%}.ticket-table thead th:nth-child(6){width:18%}.ticket-table tbody th{font-size:.875rem;font-weight:600}.ticket-table tbody th a{min-height:44px;color:var(--text);align-items:center;text-decoration:none;display:flex}.ticket-table tbody th a:hover{color:var(--accent-hover);text-decoration:underline}.ticket-table tbody tr:hover{background:var(--surface-hover)}.ticket-table td{font-size:.8125rem}.ticket-table time{color:var(--text-secondary);display:block}.ticket-empty{padding:var(--space-7) var(--space-5);text-align:center}.ticket-empty p{color:var(--text-secondary);margin:0 auto}.ticket-pagination{justify-content:space-between;align-items:center;gap:var(--space-4);padding:var(--space-4) var(--space-5);border-top:1px solid var(--border);flex-wrap:wrap;display:flex}.ticket-pagination span{color:var(--text-secondary);font-size:.8125rem}.ticket-results>.loading-state,.ticket-results>.ticket-list-error{padding:var(--space-5)}.ticket-loading-rows{gap:var(--space-3);display:grid}.ticket-loading-rows span{background:var(--surface-muted);border-radius:var(--radius-small);height:44px;display:block}.ticket-badge{align-items:center;gap:var(--space-2);font-size:.8125rem;font-weight:500;line-height:1.4;display:inline-flex}.ticket-badge-status{padding:var(--space-1) var(--space-2);color:var(--text-secondary);background:var(--surface-muted);border-radius:var(--radius-small)}.ticket-badge-status:before{content:"";border:1px solid;border-radius:50%;flex-shrink:0;width:.375rem;height:.375rem}.ticket-badge-status[data-value=IN_PROGRESS]{color:var(--accent-hover);background:var(--accent-soft)}.ticket-badge-status[data-value=RESOLVED]{color:var(--success);background:var(--success-soft)}.ticket-badge-status[data-value=CLOSED]{color:var(--text-secondary);background:var(--surface-muted)}.ticket-badge-priority{padding:var(--space-1) var(--space-2);border:1px solid var(--border);border-radius:var(--radius-small)}.ticket-badge-priority[data-value=LOW]{color:var(--text-secondary)}.ticket-badge-priority[data-value=HIGH]{color:var(--warning);background:var(--warning-soft);border-color:var(--warning-border)}.ticket-badge-priority[data-value=URGENT]{color:var(--danger);background:var(--danger-soft);border-color:var(--danger-border)}.ticket-badge-category{color:var(--text-secondary)}.ticket-form-panel,.ticket-detail-panel{padding:var(--space-6);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius)}.ticket-form-panel{max-width:52rem;margin:0 auto}.ticket-form-panel form{margin-top:var(--space-5)}.ticket-form-options{gap:var(--space-5);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.ticket-actions{align-items:center;gap:var(--space-3);flex-wrap:wrap;display:flex}.ticket-form-panel .ticket-actions{border-top:1px solid var(--border);padding-top:var(--space-5)}.ticket-detail-heading h1{max-width:75ch}.ticket-classification{gap:var(--space-6);margin:var(--space-5) 0;flex-wrap:wrap;display:flex}.ticket-classification dt,.ticket-metadata dt{color:var(--text-secondary);margin-bottom:var(--space-2);font-size:.75rem;font-weight:500}.ticket-classification dd,.ticket-metadata dd{margin:0}.ticket-description-section{padding:var(--space-5) 0;border-top:1px solid var(--border)}.ticket-description{white-space:pre-wrap;overflow-wrap:anywhere;margin:0}.ticket-metadata{gap:var(--space-5);padding:var(--space-5) 0;border-top:1px solid var(--border);grid-template-columns:repeat(3,minmax(0,1fr));margin:0;font-size:.875rem;display:grid}.ticket-workflow{padding:var(--space-5) 0;border-top:1px solid var(--border)}.ticket-workflow>p{color:var(--text-secondary)}.ticket-workflow>.success-message{color:var(--success)}.ticket-workflow>.error-message{color:var(--danger)}.ticket-workflow>.warning-message{color:var(--warning)}.ticket-activity-layout{gap:var(--space-6);padding-top:var(--space-6);border-top:1px solid var(--border);grid-template-columns:minmax(0,1.6fr) minmax(0,1fr);display:grid}.ticket-activity{min-width:0}.ticket-activity+.ticket-activity{padding-left:var(--space-6);border-left:1px solid var(--border)}.ticket-activity .ticket-pagination{padding:var(--space-4) 0}.ticket-activity .ticket-pagination>span{text-align:center;flex-basis:100%;order:-1}.ticket-activity .ticket-pagination button{padding-inline:var(--space-3);font-size:.8125rem}.ticket-section-heading{justify-content:space-between;align-items:center;gap:var(--space-3);margin-bottom:var(--space-4);flex-wrap:wrap;display:flex}.ticket-section-heading h2{margin:0}.ticket-section-heading button{font-size:.8125rem}.ticket-activity-list{margin:0;padding:0;list-style:none}.ticket-activity-list li{padding:var(--space-5) 0;border-top:1px solid var(--border);overflow-wrap:anywhere}.ticket-activity-list p{margin:0}.ticket-activity-list .ticket-comment-meta{margin-bottom:var(--space-3);color:var(--text-secondary);font-size:.8125rem}.ticket-comment-meta strong{color:var(--text)}.ticket-comment-body{white-space:pre-wrap;overflow-wrap:anywhere}.ticket-comment-form{margin-top:var(--space-5);padding-top:var(--space-5);border-top:1px solid var(--border)}.ticket-comment-form .form-field p{color:var(--text-secondary);margin:0}.ticket-comment-confirmation{margin-top:var(--space-4)}.ticket-history-list{padding-left:var(--space-2)}.ticket-history-list li{border-top:0;border-left:1px solid var(--border);padding:0 0 var(--space-5) var(--space-5);font-size:.875rem;position:relative}.ticket-history-list li:before{content:"";background:var(--control-border);border:2px solid var(--surface);border-radius:50%;width:7px;height:7px;position:absolute;top:.4rem;left:-4px}.ticket-history-list li:last-child{padding-bottom:0}.ticket-history-list p+p{margin-top:var(--space-2)}.ticket-history-list time{color:var(--text-secondary);font-size:.8125rem;display:block}.ticket-history-list .ticket-history-actor{color:var(--text-secondary);font-size:.8125rem}@media (width<=1050px){.ticket-filters{grid-template-columns:repeat(3,minmax(0,1fr))}.ticket-activity-layout{grid-template-columns:minmax(0,1fr)}.ticket-activity+.ticket-activity{padding:var(--space-6) 0 0;border:0;border-top:1px solid var(--border)}.ticket-table,.ticket-table tbody{display:block}.ticket-table thead{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.ticket-table tr{gap:var(--space-4);padding:var(--space-5);border-top:1px solid var(--border);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.ticket-table tbody th,.ticket-table td{border:0;min-width:0;padding:0;display:block}.ticket-table tbody th{grid-column:1/-1;font-size:1rem}.ticket-table td:before{content:attr(data-label);color:var(--text-secondary);margin-bottom:var(--space-1);font-size:.75rem;display:block}.ticket-table td:last-child{grid-column:1/-1}}@media (width<=600px){.page-heading{align-items:stretch;gap:var(--space-4);flex-direction:column}.ticket-controls{padding:var(--space-4)}.ticket-control-top{flex-wrap:wrap;justify-content:end}.ticket-search{flex-basis:100%}.ticket-filters{gap:var(--space-4) var(--space-3);padding-top:var(--space-4);margin-top:var(--space-4);grid-template-columns:repeat(2,minmax(0,1fr))}.ticket-table tr,.ticket-pagination{padding:var(--space-4)}.ticket-pagination>span{text-align:center;flex-basis:100%;order:-1}.ticket-form-panel,.ticket-detail-panel{padding:var(--space-5) var(--space-4)}.ticket-form-options,.ticket-metadata{gap:var(--space-4);grid-template-columns:minmax(0,1fr)}.ticket-actions>button,.ticket-actions>.button-link{flex:10rem}.ticket-classification{gap:var(--space-4)}.ticket-activity .ticket-section-heading{align-items:center}}:root{font-synthesis:none;text-rendering:optimizelegibility;color:var(--text);background:var(--background);--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--background:#f6f7fa;--surface:#fff;--surface-muted:#f2f4f8;--surface-hover:#fbfbfd;--text:#0c1a2e;--text-secondary:#596477;--border:#dfe3eb;--control-border:#8b95a5;--accent:#7d43e7;--accent-hover:#6531c4;--accent-soft:#f2ecfc;--action-text:#fff;--disabled-text:#596477;--disabled-surface:#e9edf3;--success:#176948;--success-soft:#eff8f4;--warning:#805208;--warning-soft:#fff8eb;--warning-border:#e6d4b4;--danger:#a83443;--danger-soft:#fff3f3;--danger-border:#edc5cb;--focus:#7d43e7;--space-1:.25rem;--space-2:.5rem;--space-3:.75rem;--space-4:1rem;--space-5:1.5rem;--space-6:2rem;--space-7:3rem;--radius-small:.375rem;--radius:.625rem;--shadow:0 4px 20px #0c1a2e0d;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;line-height:1.6}:root[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--background:#0c1422;--surface:#162238;--surface-muted:#1e2d45;--surface-hover:#22324b;--text:#eef2fa;--text-secondary:#b4c0d4;--border:#35465f;--control-border:#7e8ca4;--accent:#b69aff;--accent-hover:#cbb6ff;--accent-soft:#30234e;--action-text:#0c1a2e;--disabled-text:#a1afc5;--disabled-surface:#26354b;--success:#8bdcb5;--success-soft:#12352c;--warning:#f3cf83;--warning-soft:#392e18;--warning-border:#92763c;--danger:#ffabb7;--danger-soft:#41232e;--danger-border:#a46673;--focus:#c5a7ff;--shadow:0 4px 20px #0003}*{box-sizing:border-box}body{margin:0;font-size:.9375rem}html{scroll-padding-top:10rem}a{color:var(--accent-hover);text-underline-offset:.2em}a:hover{color:var(--accent)}:focus-visible{outline:3px solid var(--focus);outline-offset:3px}h1,h2,h3{color:var(--text);font-weight:650;line-height:1.3}h1{margin:0 0 var(--space-2);letter-spacing:-.025em;font-size:clamp(1.5rem,3vw,1.875rem)}h2{margin:0 0 var(--space-4);font-size:1.125rem}h3{margin:0 0 var(--space-3);font-size:1rem}p{margin:0 0 var(--space-4);max-width:75ch}.muted{color:var(--text-secondary)}.eyebrow{color:var(--text-secondary);letter-spacing:.06em;text-transform:uppercase;margin-bottom:var(--space-2);font-size:.75rem;font-weight:600}.site-header{z-index:20;background:var(--surface);border-bottom:1px solid var(--border);position:sticky;top:0}.site-header-inner{max-width:84rem;padding:var(--space-3) var(--space-6);align-items:center;gap:var(--space-5);grid-template-columns:auto minmax(0,1fr) auto auto;margin:0 auto;display:grid}.brand{justify-content:center;align-items:center;min-width:44px;min-height:44px;text-decoration:none;display:inline-flex}.brand-artwork{width:11rem;max-width:100%;display:block}.brand-wordmark{width:100%;height:auto;display:block}.brand-symbol{width:2.125rem;height:auto;display:none}.brand-artwork-compact{width:2.125rem}.brand-artwork-compact .brand-wordmark{display:none}.brand-artwork-compact .brand-symbol{display:block}.site-product-name{color:var(--text-secondary);grid-column:span 2;margin:0;font-size:.8125rem}.theme-control{align-items:center;gap:var(--space-2);justify-self:end;display:flex}.theme-control select{width:6rem;padding-inline:var(--space-2);font-size:.875rem}.primary-navigation{align-items:center;display:flex}.primary-navigation a{min-height:44px;padding:var(--space-2) var(--space-4);color:var(--text-secondary);border-radius:var(--radius-small);align-items:center;font-weight:600;text-decoration:none;display:inline-flex}.primary-navigation a[aria-current]{color:var(--accent-hover);background:var(--accent-soft)}.account-panel{align-items:center;gap:var(--space-2) var(--space-4);grid-template-columns:minmax(0,1fr) auto;max-width:25rem;display:grid}.account-panel p{margin:0}.account-identity{min-width:0}.account-name{overflow-wrap:anywhere;font-size:.8125rem;font-weight:600}.account-role{color:var(--text-secondary);font-size:.75rem}.account-panel .error-message{grid-column:1/-1;font-size:.8125rem}.main-content{max-width:84rem;padding:var(--space-6);overflow-wrap:anywhere;margin:0 auto}.public-content{padding-top:clamp(2rem,8vh,5rem)}.skip-link{z-index:100;left:var(--space-4);top:var(--space-3);padding:var(--space-3) var(--space-4);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-small);position:fixed;transform:translateY(-200%)}.skip-link:focus{transform:translateY(0)}.visually-hidden{clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}button,input,select,textarea{font:inherit}label{font-size:.8125rem;font-weight:600}input,select,textarea{width:100%;min-width:0;min-height:44px;padding:.625rem var(--space-3);color:var(--text);background:var(--surface);border:1px solid var(--control-border);border-radius:var(--radius-small);font-size:1rem}textarea{resize:vertical;line-height:1.6}input:disabled,select:disabled,textarea:disabled{color:var(--disabled-text);background:var(--disabled-surface)}input::placeholder,textarea::placeholder{color:var(--text-secondary);opacity:1}[aria-invalid=true]{border-color:var(--danger)}.form-field{gap:var(--space-2);margin:0 0 var(--space-5);min-width:0;display:grid}.form-field p{margin:0;font-size:.8125rem}button,.button-link{justify-content:center;align-items:center;gap:var(--space-2);min-height:44px;padding:.625rem var(--space-4);color:var(--action-text);background:var(--accent);border:1px solid var(--accent);border-radius:var(--radius-small);cursor:pointer;font-size:.875rem;font-weight:600;line-height:1.4;text-decoration:none;transition:background-color .12s,border-color .12s;display:inline-flex}button:hover:not(:disabled),.button-link:hover{background:var(--accent-hover);border-color:var(--accent-hover);color:var(--action-text)}.secondary-button{color:var(--text);background:var(--surface);border-color:var(--border)}.secondary-button:hover:not(:disabled){color:var(--text);background:var(--surface-muted);border-color:var(--control-border)}button:disabled{color:var(--disabled-text);background:var(--disabled-surface);border-color:var(--border);cursor:default}.back-link{align-items:center;gap:var(--space-2);min-height:44px;margin-bottom:var(--space-5);color:var(--text-secondary);font-size:.875rem;text-decoration:none;display:inline-flex}.auth-panel{max-width:27rem;padding:var(--space-6);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);margin:0 auto}.auth-panel .brand-artwork{width:15rem;margin:0 auto}.auth-product-name{text-align:center;color:var(--text-secondary);margin:var(--space-3) 0 var(--space-6);font-size:.8125rem}.auth-panel h1{letter-spacing:-.015em;font-size:1.375rem}.auth-panel form{margin-top:var(--space-5)}.auth-panel form>button{width:100%}.error-message,.warning-message,.success-message{padding:var(--space-3) var(--space-4);margin:var(--space-4) 0;border-radius:var(--radius-small);border:1px solid;border-left-width:3px;max-width:none;font-size:.875rem}.error-message{color:var(--danger);background:var(--danger-soft)}.warning-message{color:var(--warning);background:var(--warning-soft)}.success-message{color:var(--success);background:var(--success-soft)}.field-error{color:var(--danger)}.loading-state{color:var(--text-secondary);padding:var(--space-4) 0}.loading-state p{align-items:center;gap:var(--space-3);display:flex}.loading-mark{width:.5rem;height:.5rem;margin-right:var(--space-2);background:var(--accent);border-radius:50%;flex-shrink:0;display:inline-block}.ticket-state{padding:var(--space-6) 0;max-width:42rem}@media (width<=900px){.site-header-inner{padding:var(--space-3) var(--space-4);gap:var(--space-2) var(--space-4);grid-template-columns:auto minmax(0,1fr) auto}.site-header .brand-artwork{width:2.125rem}.site-header .brand-wordmark{display:none}.site-header .brand-symbol{display:block}.primary-navigation{justify-self:end}.site-product-name{grid-column:auto;justify-self:end;font-size:.75rem}.account-panel{width:100%;max-width:none;padding-top:var(--space-2);border-top:1px solid var(--border);grid-column:1/-1}.theme-control{grid-area:1/3}}@media (width<=700px){.main-content{padding:var(--space-5) var(--space-4)}.public-content{padding-top:var(--space-6)}.auth-panel{padding:var(--space-5)}}@media (prefers-reduced-motion:reduce){button,.button-link{transition:none}}@media (width<=400px){.site-header-inner{column-gap:var(--space-2)}.primary-navigation a{padding-inline:var(--space-2)}}.demo-start>button{width:100%}.demo-controls{justify-content:space-between;align-items:center;gap:var(--space-4);padding:var(--space-4);margin-bottom:var(--space-5);border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);flex-wrap:wrap;display:flex}.demo-controls h2{margin-bottom:var(--space-1);font-size:1rem}.demo-controls p{color:var(--text-secondary);margin:0;font-size:.8125rem}.demo-actions{gap:var(--space-2);flex-wrap:wrap;display:flex}.demo-controls .error-message{color:var(--danger);flex-basis:100%}