:root{color-scheme:light;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}*{box-sizing:border-box}body{margin:0;color:#0f172a;background:#f8fafc}.portal-shell{min-height:100vh;display:flex;flex-direction:column}.portal-header{padding:1rem;background:#0f172a;color:#f8fafc}.portal-nav{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:.75rem}.portal-link{display:inline-block;padding:.35rem .6rem;border-radius:6px;color:#e2e8f0;border:1px solid #334155;text-decoration:none}.portal-link:hover{border-color:#94a3b8}.portal-main{width:min(960px,100%);margin:0 auto;padding:1rem}.events-page{display:grid;grid-gap:.875rem;gap:.875rem}.events-filters{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));grid-gap:.75rem;gap:.75rem;padding:.875rem;border:1px solid #cbd5e1;border-radius:8px;background:#fff}.events-filters label{display:grid;grid-gap:.35rem;gap:.35rem;font-size:.9rem}.events-filters input{border:1px solid #cbd5e1;border-radius:6px;padding:.45rem .5rem}.events-filter-actions{display:flex;align-items:end}.events-filter-actions button,.events-pagination button{border:1px solid #334155;border-radius:6px;background:#0f172a;color:#f8fafc;padding:.45rem .7rem;cursor:pointer}.events-filter-actions button:disabled,.events-pagination button:disabled{opacity:.5;cursor:not-allowed}.events-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));grid-gap:.75rem;gap:.75rem}.events-stat-card{margin:0;padding:.875rem;border:1px solid #cbd5e1;border-radius:8px;background:#fff}.events-stat-card h3{margin:0;font-size:.9rem;color:#334155}.events-stat-card p{margin:.35rem 0 0;font-size:1.5rem;font-weight:700}.events-pagination{display:flex;gap:.5rem}.events-query-preview{margin:0;padding:.75rem;border-radius:8px;background:#e2e8f0;overflow:auto}.events-error{margin:0;color:#b91c1c;font-weight:600}.events-copy-message{margin:0;color:#0f766e;font-weight:600}.events-state-box{border-radius:8px;padding:.875rem}.events-error-state{border:1px solid #fecaca;background:#fef2f2;display:grid;grid-gap:.5rem;gap:.5rem}.events-empty-state{border:1px dashed #94a3b8;background:#f8fafc}.events-empty-state h3{margin:0}.events-empty-state p{margin:.35rem 0 0;color:#475569}.events-table-wrap{overflow-x:auto}.events-table{width:100%;border-collapse:collapse;background:#fff;border:1px solid #cbd5e1;border-radius:8px}.events-table td,.events-table th{text-align:left;padding:.65rem;border-bottom:1px solid #e2e8f0;vertical-align:top}.events-table th{font-size:.85rem;color:#334155;background:#f8fafc}.events-table code{font-size:.85rem}.events-trace-actions{margin-top:.4rem;display:flex;flex-wrap:wrap;gap:.35rem}.events-error-state button,.events-trace-actions button{border:1px solid #64748b;border-radius:6px;background:#fff;color:#0f172a;padding:.3rem .55rem;cursor:pointer}.events-error-state button:disabled,.events-trace-actions button:disabled{opacity:.5;cursor:not-allowed}.subscription-page{display:grid;grid-gap:.875rem;gap:.875rem}.subscription-form{display:grid;grid-gap:.75rem;gap:.75rem;max-width:460px;padding:.875rem;border:1px solid #cbd5e1;border-radius:8px;background:#fff}.subscription-form label{display:grid;grid-gap:.35rem;gap:.35rem;font-size:.9rem}.subscription-form select{border:1px solid #cbd5e1;border-radius:6px;padding:.45rem .5rem}.subscription-actions{display:flex}.subscription-actions button,.subscription-feedback button{border:1px solid #334155;border-radius:6px;background:#0f172a;color:#f8fafc;padding:.45rem .7rem;cursor:pointer}.subscription-actions button:disabled,.subscription-feedback button:disabled{opacity:.5;cursor:not-allowed}.subscription-inline-status{margin:0;color:#0f172a;font-weight:600}.subscription-feedback{max-width:560px;border-radius:8px;padding:.875rem;display:grid;grid-gap:.5rem;gap:.5rem}.subscription-feedback h3,.subscription-feedback p{margin:0}.subscription-feedback-success{border:1px solid #a7f3d0;background:#ecfdf5}.subscription-feedback-error{border:1px solid #fecaca;background:#fef2f2}.subscription-intent-links{margin:0;display:flex;flex-wrap:wrap;gap:.5rem}.subscription-intent-links a{display:inline-flex;align-items:center;border:1px solid #64748b;border-radius:999px;padding:.2rem .55rem;color:#0f172a;text-decoration:none;font-size:.85rem}.subscription-intent-links a:hover{border-color:#0f172a}.account-page{display:grid;grid-gap:.875rem;gap:.875rem;max-width:640px}.account-summary{display:grid;grid-gap:.45rem;gap:.45rem;padding:.875rem;border:1px solid #cbd5e1;border-radius:8px;background:#fff}.account-summary h3,.account-summary p{margin:0}.account-status-chip{display:inline-flex;width:-moz-fit-content;width:fit-content;border-radius:999px;background:#e2e8f0;color:#0f172a;padding:.2rem .55rem;font-size:.85rem;font-weight:600}.account-actions{display:flex;flex-wrap:wrap;gap:.5rem}.account-action{display:inline-flex;align-items:center;border-radius:6px;border:1px solid #334155;padding:.45rem .7rem;text-decoration:none}.account-action-primary{background:#0f172a;color:#f8fafc}.account-action-secondary{background:#fff;color:#0f172a;border-color:#64748b}.account-flow-hint{margin:0;color:#475569}@media (max-width:640px){.portal-header,.portal-main{padding:.875rem}.events-table td,.events-table th{min-width:130px}}