.tickets-page{--surface: #ffffff;--surface-muted: #f4f5f7;--border: #e2e4e9;--text: #1a1d24;--text-muted: #6b7280;--accent: #4f46e5;--accent-contrast: #ffffff;--danger: #dc2626;max-width:960px;margin:0 auto;padding:2.5rem 1.5rem 4rem;font-family:system-ui,-apple-system,Segoe UI,sans-serif;color:var(--text)}@media(prefers-color-scheme:dark){.tickets-page{--surface: #1c1f26;--surface-muted: #23262e;--border: #33363f;--text: #f2f3f5;--text-muted: #9aa0ab;--accent: #818cf8;--accent-contrast: #16181d}}.tickets-page__header h1{margin:0 0 .25rem;font-size:2rem;letter-spacing:-.02em}.tickets-page__header p{margin:0 0 2rem;color:var(--text-muted)}.tickets-page__layout{display:grid;grid-template-columns:minmax(260px,340px) 1fr;gap:2rem;align-items:start}@media(max-width:720px){.tickets-page__layout{grid-template-columns:1fr}}.ticket-form{display:flex;flex-direction:column;gap:.9rem;padding:1.5rem;background:var(--surface);border:1px solid var(--border);border-radius:12px;box-shadow:0 1px 2px #0000000a}.ticket-form h2{margin:0;font-size:1.1rem}.ticket-form__field{display:flex;flex-direction:column;gap:.35rem;font-size:.85rem;color:var(--text-muted)}.ticket-form__field input,.ticket-form__field textarea{font:inherit;color:var(--text);background:var(--surface-muted);border:1px solid var(--border);border-radius:8px;padding:.55rem .7rem;resize:vertical}.ticket-form__field input:focus,.ticket-form__field textarea:focus{outline:2px solid var(--accent);outline-offset:1px}.ticket-form__error{margin:0;font-size:.85rem;color:var(--danger)}.ticket-form button{align-self:flex-start;font:inherit;font-weight:600;color:var(--accent-contrast);background:var(--accent);border:none;border-radius:8px;padding:.6rem 1.2rem;cursor:pointer}.ticket-form button:disabled{opacity:.6;cursor:default}.tickets-page__list h2{margin:0 0 .9rem;font-size:1.1rem}.ticket-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.75rem}.ticket-list__status{color:var(--text-muted)}.ticket-list__status--error{color:var(--danger)}.ticket-card{padding:1rem 1.2rem;background:var(--surface);border:1px solid var(--border);border-radius:10px}.ticket-card__header{display:flex;justify-content:space-between;align-items:baseline;gap:1rem}.ticket-card__header h3{margin:0;font-size:1rem}.ticket-card__header time{flex-shrink:0;font-size:.75rem;color:var(--text-muted)}.ticket-card p{margin:.4rem 0 0;color:var(--text-muted)}:root{color-scheme:light dark}body{margin:0}