.support-page-shell{background:var(--background);min-height:100dvh;color:var(--on-surface);--support-accent:#ff7a1a;--support-accent-hover:#ea580c;--support-accent-soft:#ff7a1a1f;--support-accent-border:#ff7a1a52;--support-accent-ink:#fff;--support-panel-bg:var(--surface);--support-panel-bg-soft:color-mix(in srgb, var(--surface) 92%, var(--surface-elevated) 8%);--support-panel-flat:color-mix(in srgb, var(--surface) 84%, var(--surface-elevated) 16%);--support-panel-flat-hover:color-mix(in srgb, var(--surface) 76%, var(--surface-elevated) 24%);--support-panel-outline:color-mix(in srgb, var(--border) 88%, transparent);--support-panel-divider:color-mix(in srgb, var(--border) 72%, transparent);--support-text-strong:var(--on-surface);--support-text:color-mix(in srgb, var(--on-surface) 94%, transparent);--support-text-muted:var(--muted-text);--support-text-soft:color-mix(in srgb, var(--muted-text) 88%, transparent);--support-icon-surface:color-mix(in srgb, var(--support-panel-flat) 70%, transparent);--support-icon-border:var(--support-panel-outline);--support-icon-muted:var(--support-text-muted);--support-row-hover:color-mix(in srgb, var(--on-surface) 4%, transparent);--support-row-active:color-mix(in srgb, var(--support-accent) 10%, transparent);position:relative}.light .support-page-shell{--support-accent:#ea580c;--support-accent-hover:#c2410c;--support-accent-soft:#ea580c1a;--support-accent-border:#ea580c47;--support-accent-ink:#fff}.support-header{flex-direction:column;gap:.25rem;display:flex}.support-header__title{letter-spacing:-.018em;color:var(--support-text-strong);text-wrap:balance;font-size:1.625rem;font-weight:650;line-height:1.1}.support-header__subtitle{color:var(--support-text-muted);text-wrap:pretty;font-size:.875rem;line-height:1.45}.support-header__meta{color:var(--support-text-soft);align-items:center;gap:.5rem;margin-top:.25rem;font-size:.75rem;display:inline-flex}.support-header__meta-dot{background:var(--support-accent);width:.375rem;height:.375rem;box-shadow:0 0 0 3px color-mix(in srgb, var(--support-accent) 18%, transparent);border-radius:50%}.support-action-row{grid-template-columns:1fr;gap:.75rem;display:grid}@media (min-width:768px){.support-action-row{grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);gap:.875rem}}.support-action-primary{background:var(--support-panel-bg);border:1px solid var(--support-panel-outline);text-align:left;border-radius:14px;align-items:center;gap:.875rem;width:100%;padding:1rem 1.125rem;transition:border-color .18s cubic-bezier(.16,1,.3,1),background-color .18s cubic-bezier(.16,1,.3,1);display:flex}.support-action-primary:hover{border-color:var(--support-accent-border);background:var(--support-panel-flat)}.support-action-primary:active{transform:translateY(1px)}.support-action-primary__icon{background:var(--support-accent);width:2.25rem;height:2.25rem;color:var(--support-accent-ink);border-radius:8px;flex-shrink:0;place-items:center;display:grid}.support-action-primary__label{color:var(--support-text-strong);font-size:.9375rem;font-weight:600;line-height:1.2}.support-action-primary__hint{color:var(--support-text-muted);margin-top:.125rem;font-size:.8125rem;line-height:1.4}.support-action-secondary{border:1px solid var(--support-panel-outline);text-align:left;width:100%;color:inherit;background:0 0;border-radius:14px;align-items:center;gap:.75rem;padding:1rem 1.125rem;text-decoration:none;transition:border-color .18s cubic-bezier(.16,1,.3,1),background-color .18s cubic-bezier(.16,1,.3,1);display:flex}.support-action-secondary:hover{border-color:color-mix(in srgb, var(--on-surface) 18%, transparent);background:var(--support-panel-flat)}.support-action-secondary:active{transform:translateY(1px)}.support-action-secondary__icon{background:var(--support-icon-surface);border:1px solid var(--support-icon-border);width:2.25rem;height:2.25rem;color:var(--support-icon-muted);border-radius:8px;flex-shrink:0;place-items:center;display:grid}.support-action-secondary__label{color:var(--support-text-strong);font-size:.9375rem;font-weight:600;line-height:1.2}.support-action-secondary__hint{color:var(--support-text-muted);margin-top:.125rem;font-size:.8125rem;line-height:1.4}.support-panel{background:var(--support-panel-bg);border:1px solid var(--support-panel-outline);border-radius:16px;overflow:hidden}.support-panel__header{border-bottom:1px solid var(--support-panel-divider);justify-content:space-between;align-items:center;gap:1rem;padding:1rem 1.125rem;display:flex}.support-panel__title{letter-spacing:-.01em;color:var(--support-text-strong);font-size:1rem;font-weight:650}.support-panel__body{padding:.75rem}.support-new-ticket-btn{background:var(--support-accent);color:var(--support-accent-ink);border-radius:8px;align-items:center;gap:.375rem;padding:.5rem .875rem;font-size:.8125rem;font-weight:600;line-height:1;transition:background-color .16s cubic-bezier(.16,1,.3,1);display:inline-flex}.support-new-ticket-btn:hover{background:var(--support-accent-hover)}.support-new-ticket-btn:active{transform:translateY(1px)}.support-empty{text-align:center;flex-direction:column;align-items:center;gap:.75rem;padding:2.5rem 1.5rem;display:flex}.support-empty__icon{background:var(--support-panel-flat);border:1px solid var(--support-panel-outline);width:2.75rem;height:2.75rem;color:var(--support-text-muted);border-radius:12px;place-items:center;display:grid}.support-empty__title{color:var(--support-text-strong);letter-spacing:-.01em;font-size:1rem;font-weight:600}.support-empty__body{color:var(--support-text-muted);text-wrap:pretty;max-width:38ch;font-size:.875rem;line-height:1.5}.support-spinner{border:2px solid var(--support-panel-divider);border-top-color:var(--support-accent);border-radius:50%;width:2rem;height:2rem;animation:.8s linear infinite support-spin}@keyframes support-spin{to{transform:rotate(360deg)}}.support-error{background:color-mix(in srgb, var(--error-text,#ef4444) 8%, transparent);border:1px solid color-mix(in srgb, var(--error-text,#ef4444) 22%, transparent);color:var(--error-text,#ef4444);border-radius:12px;align-items:center;gap:.625rem;padding:.75rem 1rem;font-size:.8125rem;display:flex}.support-ticket-list{flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.support-ticket-list>li+li{margin-top:.5rem}.support-ticket-row{text-align:left;width:100%;color:inherit;background:0 0;border:1px solid #0000;border-radius:12px;justify-content:space-between;align-items:flex-start;gap:1rem;padding:.875rem 1rem;transition:background-color .16s cubic-bezier(.16,1,.3,1),border-color .16s cubic-bezier(.16,1,.3,1);display:flex}.support-ticket-row:hover{background:var(--support-row-hover);border-color:var(--support-panel-outline)}.support-ticket-row:active{transform:translateY(1px)}.support-ticket-row__main{flex:1;min-width:0}.support-ticket-row__meta{align-items:center;gap:.5rem;margin-bottom:.25rem;display:flex}.support-ticket-row__number{letter-spacing:.04em;color:var(--support-text-soft);font-variant-numeric:tabular-nums;font-size:.6875rem;font-weight:600}.support-ticket-row__subject{color:var(--support-text-strong);text-overflow:ellipsis;white-space:nowrap;margin-bottom:.375rem;font-size:.9375rem;font-weight:600;line-height:1.3;transition:color .16s cubic-bezier(.16,1,.3,1);overflow:hidden}.support-ticket-row:hover .support-ticket-row__subject{color:var(--support-accent)}.support-ticket-row__sub{color:var(--support-text-soft);align-items:center;gap:.5rem;font-size:.75rem;display:flex}.support-ticket-row__time{align-items:center;gap:.25rem;display:inline-flex}.support-ticket-row__sep{opacity:.5}.support-ticket-row__side{flex-direction:column;flex-shrink:0;align-items:flex-end;gap:.5rem;display:flex}.support-ticket-row__count{color:var(--support-text-soft);font-variant-numeric:tabular-nums;align-items:center;gap:.25rem;font-size:.75rem;display:inline-flex}.support-status,.support-priority{letter-spacing:.02em;white-space:nowrap;border-radius:6px;align-items:center;padding:.25rem .5rem;font-size:.6875rem;font-weight:600;line-height:1.2;display:inline-flex}.support-status--open{background:color-mix(in srgb, var(--success-text,#10b981) 12%, transparent);color:var(--success-text,#10b981);border:1px solid color-mix(in srgb, var(--success-text,#10b981) 24%, transparent)}.support-status--pending{background:color-mix(in srgb, var(--warning,#f59e0b) 12%, transparent);color:var(--warning,#f59e0b);border:1px solid color-mix(in srgb, var(--warning,#f59e0b) 24%, transparent)}.support-status--resolved{background:color-mix(in srgb, var(--primary-blue,#2384ff) 12%, transparent);color:var(--primary-blue,#2384ff);border:1px solid color-mix(in srgb, var(--primary-blue,#2384ff) 24%, transparent)}.support-status--closed,.support-priority--low,.support-priority--medium{background:var(--support-panel-flat);color:var(--support-text-soft);border:1px solid var(--support-panel-outline)}.support-priority--high{background:color-mix(in srgb, var(--support-accent) 12%, transparent);color:var(--support-accent);border:1px solid color-mix(in srgb, var(--support-accent) 24%, transparent)}.support-priority--critical{background:color-mix(in srgb, var(--error-text,#ef4444) 12%, transparent);color:var(--error-text,#ef4444);border:1px solid color-mix(in srgb, var(--error-text,#ef4444) 24%, transparent)}@media (prefers-reduced-motion:reduce){.support-action-primary,.support-action-secondary,.support-new-ticket-btn,.support-ticket-row{transition:none}.support-spinner{animation-duration:1.6s}}