:root{--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-8:32px;--space-10:40px;--space-12:48px;--space-16:64px;--space-20:80px;--space-24:96px;--radius-sm:6px;--radius-md:10px;--radius-lg:14px;--radius-xl:18px;--radius-2xl:24px;--radius-pill:999px;--ease-out:cubic-bezier(0.22,1,0.36,1);--ease-in-out:cubic-bezier(0.83,0,0.17,1);--duration-fast:120ms;--duration-base:180ms;--duration-slow:320ms;--shadow-sm:0 2px 6px rgba(0,0,0,0.25);--shadow-md:0 8px 24px rgba(0,0,0,0.35);--shadow-lg:0 24px 48px rgba(0,0,0,0.45);--status-success:#00d2b4;--status-warn:#f4b400;--status-danger:#ff6b6b;--status-info:#7fb1ff;--portal-content-max:1200px;--portal-content-wide:1440px;--portal-content-narrow:720px;--portal-gutter:clamp(1rem,4vw,3rem)}.xo-page{max-width:var(--portal-content-max);margin:0 auto;padding:var(--space-12) var(--portal-gutter) var(--space-20);width:100%}.xo-page--wide{max-width:var(--portal-content-wide)}.xo-page--narrow{max-width:var(--portal-content-narrow)}.xo-stack{display:flex;flex-direction:column;gap:var(--space-4)}.xo-stack-sm{gap:var(--space-2)}.xo-stack-md{gap:var(--space-4)}.xo-stack-lg{gap:var(--space-8)}.xo-stack-xl{gap:var(--space-12)}.xo-row{display:flex;align-items:center;gap:var(--space-3)}.xo-row-between{justify-content:space-between}.xo-row-wrap{flex-wrap:wrap}.xo-eyebrow{font-family:var(--font-mono);font-size:11px;letter-spacing:.2em;text-transform:uppercase;color:var(--color-xo-teal);opacity:.75}.xo-title-xl{font-size:clamp(32px,4.5vw,44px);line-height:1.1}.xo-title-lg,.xo-title-xl{font-family:var(--font-heading);font-weight:800;letter-spacing:-.02em;color:var(--text-primary);margin:0}.xo-title-lg{font-size:clamp(24px,3vw,32px);line-height:1.15}.xo-title-md{font-size:18px;font-weight:700;letter-spacing:-.01em}.xo-title-md,.xo-title-sm{font-family:var(--font-heading);color:var(--text-primary);margin:0}.xo-title-sm{font-size:15px;font-weight:600}.xo-text{font-size:14px;line-height:1.6;margin:0;max-width:65ch}.xo-text,.xo-text-sm{font-family:var(--font-body);color:var(--text-secondary)}.xo-text-sm{font-size:13px;line-height:1.55}.xo-text-muted{color:var(--text-muted)}.xo-card{background:var(--surface-card);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);padding:var(--space-5);transition:border-color var(--duration-base) var(--ease-out),background var(--duration-base) var(--ease-out)}.xo-card-tight{padding:var(--space-4)}.xo-card-roomy{padding:var(--space-8)}.xo-card-interactive{cursor:pointer;text-decoration:none;color:inherit;display:block}.xo-card-interactive:hover{border-color:var(--border-accent);background:var(--surface-card-raised)}.xo-card-accent{background:rgba(0,210,180,.04);border-color:var(--border-accent)}.xo-card-danger{background:rgba(255,107,107,.04);border-color:rgba(255,107,107,.25)}.xo-btn{font-family:var(--font-heading);font-size:13px;font-weight:600;letter-spacing:.02em;display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);height:40px;padding:0 var(--space-4);border-radius:var(--radius-md);border:1px solid transparent;cursor:pointer;text-decoration:none;transition:background var(--duration-fast) var(--ease-out),border-color var(--duration-fast) var(--ease-out),transform var(--duration-fast) var(--ease-out),opacity var(--duration-fast) var(--ease-out);white-space:nowrap}.xo-btn:disabled{opacity:.5;cursor:not-allowed}.xo-btn-primary{background:var(--color-xo-teal);color:#04141c;box-shadow:var(--glow-teal-sm)}.xo-btn-primary:hover:not(:disabled){background:var(--color-xo-teal-hover);box-shadow:var(--glow-teal)}.xo-btn-ghost{background:transparent;border-color:var(--border-strong);color:var(--text-primary)}.xo-btn-ghost:hover:not(:disabled){border-color:var(--border-accent);background:var(--surface-card)}.xo-btn-danger{background:transparent;border-color:rgba(255,107,107,.35);color:var(--status-danger)}.xo-btn-danger:hover:not(:disabled){background:rgba(255,107,107,.1);border-color:rgba(255,107,107,.55)}.xo-btn-sm{height:32px;padding:0 var(--space-3);font-size:12px}.xo-btn-lg{height:48px;padding:0 var(--space-6);font-size:15px}.xo-badge{display:inline-flex;align-items:center;gap:4px;font-family:var(--font-mono);font-size:10px;font-weight:700;letter-spacing:.15em;text-transform:uppercase;padding:3px var(--space-2);border-radius:var(--radius-sm);border:1px solid var(--border-strong);color:var(--text-muted);background:transparent}.xo-badge-teal{color:var(--color-xo-teal);border-color:rgba(0,210,180,.35);background:rgba(0,210,180,.08)}.xo-badge-warn{color:var(--status-warn);border-color:rgba(244,180,0,.35);background:rgba(244,180,0,.08)}.xo-badge-danger{color:var(--status-danger);border-color:rgba(255,107,107,.35);background:rgba(255,107,107,.08)}.xo-badge-fire{color:var(--color-xo-fire);border-color:rgba(240,136,48,.35);background:rgba(240,136,48,.08)}.xo-badge-info{color:var(--status-info);border-color:rgba(127,177,255,.35);background:rgba(127,177,255,.08)}.xo-empty{border:1px dashed var(--border-strong);border-radius:var(--radius-lg);padding:var(--space-10) var(--space-6);text-align:center;background:var(--surface-card)}.xo-empty-title{font-family:var(--font-heading);font-size:15px;font-weight:600;color:var(--text-primary);margin:0 0 var(--space-2)}.xo-empty-body{font-family:var(--font-body);font-size:13px;color:var(--text-secondary);margin:0 auto;max-width:40ch;line-height:1.55}.xo-grid{display:grid;gap:var(--space-4)}.xo-grid-cards{grid-template-columns:repeat(auto-fill,minmax(min(100%,280px),1fr))}.xo-grid-tight{grid-template-columns:repeat(auto-fill,minmax(min(100%,220px),1fr))}.xo-grid-2{grid-template-columns:repeat(2,minmax(0,1fr))}.xo-grid-3{grid-template-columns:repeat(3,minmax(0,1fr))}.xo-grid-4{grid-template-columns:repeat(4,minmax(0,1fr))}@media (max-width:760px){.xo-grid-2,.xo-grid-3,.xo-grid-4{grid-template-columns:minmax(0,1fr)}}.xo-stat{background:var(--surface-card);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);padding:var(--space-5)}.xo-stat-label{font-family:var(--font-mono);font-size:10px;letter-spacing:.18em;text-transform:uppercase;color:var(--text-muted);margin-bottom:var(--space-2)}.xo-stat-value{font-family:var(--font-heading);font-size:clamp(24px,3vw,30px);font-weight:800;letter-spacing:-.02em;color:var(--text-primary);line-height:1}.xo-stat-trend{font-family:var(--font-mono);font-size:11px;color:var(--text-muted);margin-top:var(--space-2)}.xo-section-head{display:flex;align-items:baseline;justify-content:space-between;gap:var(--space-4);margin-bottom:var(--space-4);flex-wrap:wrap}.xo-section-title{font-family:var(--font-heading);font-size:16px;font-weight:700;letter-spacing:-.01em;color:var(--text-primary);margin:0}.xo-section-meta{font-family:var(--font-mono);font-size:11px;color:var(--text-muted)}.xo-chips{flex-wrap:wrap}.xo-chip,.xo-chips{display:inline-flex;gap:var(--space-2)}.xo-chip{align-items:center;height:30px;padding:0 var(--space-3);border-radius:var(--radius-pill);border:1px solid var(--border-strong);background:transparent;color:var(--text-secondary);font-family:var(--font-body);font-size:12px;cursor:pointer;text-decoration:none;transition:background var(--duration-fast) var(--ease-out),border-color var(--duration-fast) var(--ease-out),color var(--duration-fast) var(--ease-out)}.xo-chip:hover{border-color:var(--border-accent);color:var(--text-primary)}.xo-chip-active{background:rgba(0,210,180,.1);border-color:rgba(0,210,180,.4);color:var(--color-xo-teal)}.xo-divider{height:1px;background:var(--border-subtle);border:none;margin:0}@keyframes xo-pulse{0%,to{opacity:.45}50%{opacity:.75}}.xo-skeleton{background:var(--surface-card-raised);border-radius:var(--radius-md);animation:xo-pulse 1.5s ease-in-out infinite}.xo-input,.xo-select,.xo-textarea{font-family:var(--font-body);font-size:14px;width:100%;background:var(--surface-card);border:1px solid var(--border-subtle);border-radius:var(--radius-md);color:var(--text-primary);padding:.7rem .95rem;outline:none;transition:border-color var(--duration-fast) var(--ease-out),box-shadow var(--duration-fast) var(--ease-out)}.xo-input:focus,.xo-select:focus,.xo-textarea:focus{border-color:var(--color-xo-teal);box-shadow:0 0 0 3px rgba(0,210,180,.18)}.xo-input::placeholder,.xo-textarea::placeholder{color:var(--text-ghost)}.xo-textarea{resize:vertical;min-height:96px;line-height:1.55}.xo-label{display:block;font-family:var(--font-mono);font-size:11px;letter-spacing:.1em;text-transform:uppercase;margin-bottom:var(--space-2)}.xo-help,.xo-label{color:var(--text-muted)}.xo-help{font-family:var(--font-body);font-size:12px;margin-top:var(--space-2);line-height:1.55}.xo-hero{margin-bottom:var(--space-10)}.xo-hero-actions{display:flex;gap:var(--space-2);align-items:center;flex-wrap:wrap}.xo-hero-row{display:flex;align-items:baseline;justify-content:space-between;gap:var(--space-4);flex-wrap:wrap;margin-bottom:var(--space-3)}