:root{color:#1f2937;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:linear-gradient(#eff6ff 0%,#f8fafc 100%);font-family:Inter,Segoe UI,sans-serif;font-weight:400;line-height:1.5}*{box-sizing:border-box}html{scroll-behavior:smooth}body{min-width:320px;min-height:100vh;margin:0}button,input{font:inherit}#root{min-height:100vh}.app-shell{max-width:980px;margin:0 auto;padding:40px 20px 64px}.panel{background:#fff;border:1px solid #e5e7eb;border-radius:20px;margin-bottom:24px;padding:24px;box-shadow:0 18px 45px #0f172a0f}.panel-header,.list-header,.ticket-main,.ticket-actions,.actions{justify-content:space-between;align-items:center;gap:16px;display:flex}.eyebrow{letter-spacing:.12em;text-transform:uppercase;color:#1d4ed8;margin:0 0 8px;font-size:.74rem;font-weight:700}h1,h2{color:#111827;margin:0}h1{font-size:clamp(2rem,3vw,2.8rem)}h2{font-size:1.4rem}.primary-button,.secondary-button,.ghost-button,.tiny-button{cursor:pointer;border:none;border-radius:12px;padding:.8rem 1.2rem;font-weight:700;transition:transform .2s,opacity .2s}.primary-button:hover,.secondary-button:hover,.ghost-button:hover,.tiny-button:hover{transform:translateY(-1px)}.primary-button{color:#fff;background:linear-gradient(135deg,#2563eb,#1d4ed8)}.secondary-button{color:#1d4ed8;background:#e0ecff}.ghost-button{color:#374151;background:#f3f4f6}button:disabled{opacity:.65;cursor:not-allowed}.ticket-form{grid-template-columns:minmax(180px,1.2fr) minmax(200px,1.4fr) auto;align-items:end;gap:16px;margin-top:24px;display:grid}.ticket-form label{color:#374151;flex-direction:column;gap:8px;font-weight:600;display:flex}.ticket-form input{color:#111827;box-sizing:border-box;background:#f9fafb;border:1px solid #d1d5db;border-radius:12px;width:100%;padding:.85rem 1rem;font-size:1rem}.ticket-form input:focus{border-color:#60a5fa;outline:3px solid #2563eb2e}.error-message{color:#b91c1c;background:#fef2f2;border:1px solid #fecaca;border-radius:12px;margin:16px 0 0;padding:.8rem 1rem}.list-panel{padding-top:18px}.empty-state{color:#6b7280;text-align:center;padding:28px 8px 12px}.ticket-list{flex-direction:column;gap:12px;margin:20px 0 0;padding:0;list-style:none;display:flex}.ticket-item{background:#f8fafc;border:1px solid #e5e7eb;border-radius:16px;padding:16px}.ticket-main{align-items:flex-start}.ticket-main strong{color:#111827;margin-bottom:6px;display:block}.ticket-main p,.ticket-meta{color:#4b5563;margin:0}.ticket-meta{justify-content:space-between;gap:12px;margin-top:12px;font-size:.82rem;display:flex}.status{text-transform:uppercase;letter-spacing:.04em;border-radius:999px;justify-content:center;align-items:center;min-width:120px;padding:.55rem .8rem;font-size:.75rem;font-weight:700;display:inline-flex}.status.idle{color:#374151;background:#e5e7eb}.status.won{color:#166534;background:#dcfce7}.status.lost{color:#334155;background:#e2e8f0}.status.error{color:#991b1b;background:#fee2e2}.status.checking{color:#1d4ed8;background:#dbeafe}.ticket-actions{justify-content:flex-end;margin-top:16px}.tiny-button{color:#1d4ed8;background:#dbeafe;padding:.6rem .8rem;font-size:.8rem}.tiny-button.secondary{color:#374151;background:#f3f4f6}.tiny-button.danger{color:#b91c1c;background:#fee2e2}@media (width<=720px){.panel-header,.list-header,.ticket-main,.ticket-actions,.actions,.ticket-meta{flex-direction:column;align-items:stretch}.ticket-form{grid-template-columns:1fr}.primary-button,.secondary-button,.ghost-button,.tiny-button{width:100%}.status{width:100%;min-width:0}}