:root{--phx-bg: #0a0a0c;--phx-bg-1: #0f0f13;--phx-bg-2: #15151b;--phx-bg-3: #1b1b22;--phx-line: rgba(255, 255, 255, .07);--phx-line-strong: rgba(255, 255, 255, .13);--phx-line-faint: rgba(255, 255, 255, .04);--phx-fg: #ededea;--phx-fg-mute: #82827e;--phx-fg-faint: #4a4a45;--phx-fg-ghost: #2a2a26;--phx-sage-hot: #d8f2e4;--phx-sage: #b9e2cf;--phx-sage-shade: #7fa191;--phx-sage-glow: rgba(185, 226, 207, .18);--phx-warn: #d9a875;--phx-danger: #e88b85;--phx-success: #b9e2cf;--phx-bg-rgb: 10, 10, 12;--phx-fg-rgb: 237, 237, 234;--phx-sage-rgb: 185, 226, 207;--phx-white-rgb: 255, 255, 255;--phx-sans: "Geist", system-ui, -apple-system, sans-serif;--phx-mono: "Geist Mono", ui-monospace, "SFMono-Regular", monospace;--phx-ease: cubic-bezier(.2, .7, .3, 1);--phx-t-fast: .15s;--phx-t-base: .24s;--phx-t-slide: .35s;--phx-r-sm: 3px;--phx-r-md: 6px;--phx-r-lg: 10px;--phx-shadow-lg: 0 28px 80px rgba(0, 0, 0, .55);--phx-color-bg-canvas: var(--phx-bg);--phx-color-bg-elevated: var(--phx-bg-1);--phx-color-bg-strong: var(--phx-bg-2);--phx-color-fg-primary: var(--phx-fg);--phx-color-fg-muted: var(--phx-fg-mute);--phx-color-border-soft: var(--phx-line);--phx-color-border-strong: var(--phx-line-strong);--phx-color-accent-warm: var(--phx-sage);--phx-color-accent-warm-strong: var(--phx-sage-hot);--phx-color-accent-cyan: var(--phx-sage);--phx-color-accent-cyan-strong: var(--phx-sage-hot);--phx-color-success: var(--phx-success);--phx-color-warning: var(--phx-warn);--phx-color-danger: var(--phx-danger);--phx-color-bg-canvas-hsl: 240 9% 4%;--phx-color-bg-elevated-hsl: 240 12% 7%;--phx-color-bg-strong-hsl: 240 13% 10%;--phx-color-bg-muted-surface-hsl: 240 13% 12%;--phx-color-fg-primary-hsl: 60 7% 92%;--phx-color-fg-muted-hsl: 60 2% 50%;--phx-color-border-soft-hsl: 0 0% 100% / .07;--phx-color-accent-warm-hsl: 150 47% 80%;--phx-color-accent-cyan-hsl: 150 47% 80%;--phx-color-accent-warm-rgb: var(--phx-sage-rgb);--phx-color-accent-cyan-rgb: var(--phx-sage-rgb);--phx-color-white-rgb: var(--phx-white-rgb);--phx-color-success-rgb: var(--phx-sage-rgb);--phx-color-warning-rgb: 217, 168, 117;--phx-color-danger-rgb: 232, 139, 133;--phx-font-sans: var(--phx-sans);--phx-font-sans-alt: var(--phx-sans);--phx-font-display: var(--phx-sans);--phx-font-mono: var(--phx-mono);--phx-radius-sm: var(--phx-r-sm);--phx-radius-md: var(--phx-r-md);--phx-radius-lg: var(--phx-r-md);--phx-radius-xl: var(--phx-r-lg);--phx-radius-pill: 999px;--phx-duration-fast: var(--phx-t-fast);--phx-duration-base: var(--phx-t-base);--phx-easing-default: var(--phx-ease);--phx-surface-soft: rgba(255, 255, 255, .03);--phx-surface-strong: rgba(255, 255, 255, .07);--phx-shadow-lg-legacy: var(--phx-shadow-lg);--phx-gradient-graphite: linear-gradient(180deg, #09090a 0%, var(--phx-bg) 60%, var(--phx-bg-1) 100%);--phx-noise-opacity: 0;--phx-layout-max-width: 1180px;--phx-layout-header-height: 36px}:root{color:var(--phx-color-fg-primary);background:var(--phx-color-bg-canvas);font-family:var(--phx-font-sans);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}*,*:before,*:after{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;background:var(--phx-color-bg-canvas)}button,select,input{font:inherit}.app-shell{min-height:100vh}.topbar{position:sticky;top:0;z-index:10;display:flex;align-items:center;gap:1rem;min-height:4.25rem;padding:0 1.25rem;background:#09090aeb;border-bottom:1px solid rgba(var(--phx-color-white-rgb),.09);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.brand{display:flex;align-items:center;gap:.75rem;min-width:15rem}.brand-mark{display:inline-grid;place-items:center;width:2.4rem;height:2.4rem;border:1px solid rgba(var(--phx-color-accent-warm-rgb),.28);border-radius:8px;color:var(--phx-color-accent-warm-strong);font-family:var(--phx-font-mono);font-weight:700;font-size:.75rem}.brand strong,.brand span{display:block}.brand strong{font-size:.95rem}.brand span{color:var(--phx-color-fg-muted);font-size:.76rem}.nav{display:flex;align-items:center;gap:.35rem;margin-left:auto}.nav-link{display:inline-flex;align-items:center;gap:.45rem;min-height:2.3rem;padding:0 .8rem;color:var(--phx-color-fg-muted);border:1px solid transparent;border-radius:8px;text-decoration:none;font-size:.88rem;font-weight:650}.nav-link:hover,.nav-link.active{color:var(--phx-color-fg-primary);background:rgba(var(--phx-color-white-rgb),.05);border-color:rgba(var(--phx-color-white-rgb),.1)}.main{width:min(1320px,calc(100vw - 2rem));margin:0 auto;padding:1.4rem 0 3rem}.page{display:grid;gap:1rem}.page-header{display:flex;align-items:center;justify-content:space-between;gap:1rem}.eyebrow{margin:0 0 .2rem;color:var(--phx-color-accent-warm-strong);font-size:.74rem;font-weight:750;text-transform:uppercase}h1{margin:0;font-size:1.45rem;letter-spacing:0}.metric-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:.75rem}.metric{min-height:5rem;padding:.8rem;background:rgba(var(--phx-color-white-rgb),.035);border:1px solid rgba(var(--phx-color-white-rgb),.08);border-radius:8px}.metric span{display:block;color:var(--phx-color-fg-muted);font-size:.74rem;text-transform:uppercase}.metric strong{display:block;margin-top:.25rem;font-size:1.55rem}.toolbar{display:flex;align-items:end;gap:.7rem;flex-wrap:wrap}label{display:grid;gap:.25rem;color:var(--phx-color-fg-muted);font-size:.78rem;font-weight:700}select{min-width:9rem;min-height:2.25rem;color:var(--phx-color-fg-primary);background:rgba(var(--phx-color-white-rgb),.045);border:1px solid rgba(var(--phx-color-white-rgb),.12);border-radius:8px;padding:0 .65rem}.muted{color:var(--phx-color-fg-muted);font-size:.86rem}.button,.icon-button{display:inline-flex;align-items:center;justify-content:center;gap:.45rem;min-height:2.3rem;border:1px solid rgba(var(--phx-color-white-rgb),.12);border-radius:8px;color:var(--phx-color-fg-primary);background:rgba(var(--phx-color-white-rgb),.045);cursor:pointer}.button{padding:0 .85rem;font-weight:700}.icon-button{width:2.3rem}.icon-button.small{width:2rem;min-height:2rem}.button:disabled{opacity:.5;cursor:not-allowed}.danger-button{border-color:rgba(var(--phx-color-danger-rgb),.38)}.banner{padding:.75rem .9rem;border:1px solid rgba(var(--phx-color-accent-warm-rgb),.22);border-radius:8px;background:rgba(var(--phx-color-accent-warm-rgb),.08)}.banner.danger{border-color:rgba(var(--phx-color-danger-rgb),.28);background:rgba(var(--phx-color-danger-rgb),.08)}.table-wrap{overflow:auto;border:1px solid rgba(var(--phx-color-white-rgb),.09);border-radius:8px}table{width:100%;min-width:850px;border-collapse:collapse}th,td{padding:.75rem;border-bottom:1px solid rgba(var(--phx-color-white-rgb),.07);text-align:left;vertical-align:top}th{color:var(--phx-color-fg-muted);background:rgba(var(--phx-color-white-rgb),.035);font-size:.74rem;text-transform:uppercase}td strong,td span{display:block}td span{max-width:28rem;color:var(--phx-color-fg-muted);font-size:.8rem}.pill{display:inline-flex;width:fit-content;padding:.2rem .45rem;border:1px solid rgba(var(--phx-color-white-rgb),.12);border-radius:999px;color:var(--phx-color-fg-primary);background:rgba(var(--phx-color-white-rgb),.045);font-size:.76rem;font-weight:750}.pill.success{border-color:rgba(var(--phx-color-success-rgb),.28);background:rgba(var(--phx-color-success-rgb),.08)}.pill.warning{border-color:rgba(var(--phx-color-warning-rgb),.28);background:rgba(var(--phx-color-warning-rgb),.08)}.pill.danger{border-color:rgba(var(--phx-color-danger-rgb),.28);background:rgba(var(--phx-color-danger-rgb),.08)}@media (max-width: 720px){.topbar,.page-header{align-items:flex-start;flex-direction:column}.nav{width:100%;margin-left:0}.nav-link{flex:1}}