:root{--color-canvas: #f2f2f7;--color-surface: #ffffff;--color-surface-muted: #f6f7f8;--color-ink: #111817;--color-muted: #68716f;--color-line: rgb(60 60 67 / 14%);--color-accent: #0a7f73;--color-accent-strong: #075c54;--color-attention: #c46a00;--color-danger: #d92d20;--ios-blue: #0a84ff;--ios-green: #30a46c;--ios-orange: #ff9f0a;--ios-red: #ff453a;--ios-violet: #8e8cd8;--status-paid: #248a58;--status-pending: #386f9f;--status-partial: #a15c00;--status-failed: #c5251f;--status-manual: #6c62a6;--material-thin: rgb(255 255 255 / 62%);--material-regular: rgb(255 255 255 / 78%);--material-thick: rgb(255 255 255 / 92%);--material-dark: rgb(17 24 23 / 82%);--blur-material: saturate(180%) blur(24px);--shadow-panel: 0 14px 40px rgb(17 24 23 / 8%);--ios-shadow-raised: 0 1px 0 rgb(255 255 255 / 80%) inset, 0 18px 48px rgb(17 24 23 / 10%);--radius-panel: 8px;--radius-control: 6px;--radius-ios-card: 8px;--font-body: "SF Pro Text", "Segoe UI Variable Text", Aptos, sans-serif;--font-display: "SF Pro Display", "Segoe UI Variable Display", Aptos, sans-serif;--font-numeric: "SF Mono", "IBM Plex Mono", "Cascadia Mono", monospace;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 24px;--space-6: 32px}*{box-sizing:border-box}body{margin:0;background:var(--color-canvas);color:var(--color-ink);font-family:var(--font-body);min-width:320px}a{color:inherit;text-decoration:none}.app-shell{display:grid;grid-template-columns:248px minmax(0,1fr);min-height:100vh;padding:var(--space-4)}.sidebar{-webkit-backdrop-filter:var(--blur-material);backdrop-filter:var(--blur-material);background:var(--material-dark);border:1px solid rgb(255 255 255 / 12%);border-radius:var(--radius-ios-card);box-shadow:var(--ios-shadow-raised);color:#f9fbf8;padding:var(--space-5);position:sticky;top:var(--space-4);height:calc(100vh - 32px)}.brand,.nav-item,.topbar,.panel-heading,.metric-card{align-items:center;display:flex}.brand{gap:var(--space-3);font-family:var(--font-display);font-size:19px;font-weight:700}.nav-list{display:grid;gap:var(--space-2);margin-top:var(--space-6)}.nav-item{border-radius:var(--radius-control);color:#f9fbf8b8;gap:var(--space-3);padding:11px 12px}.nav-item.active,.nav-item:focus-visible,.nav-item:hover{background:#ffffff1a;color:#fff;outline:none}.workspace{display:grid;gap:var(--space-5);padding:var(--space-6)}.topbar{-webkit-backdrop-filter:var(--blur-material);backdrop-filter:var(--blur-material);background:var(--material-regular);border:1px solid var(--color-line);border-radius:var(--radius-ios-card);justify-content:space-between;padding:var(--space-5);box-shadow:var(--shadow-panel)}.eyebrow{color:var(--color-accent);font-size:13px;font-weight:700;margin:0 0 4px}h1,h2,p{margin:0}h1{font-family:var(--font-display);font-size:32px;font-weight:750;letter-spacing:0}h2{font-size:20px}.environment-pill,.status-label{border-radius:999px;font-size:13px;font-weight:700;padding:5px 10px}.environment-pill{background:#0a7f731f;color:var(--color-accent-strong);box-shadow:0 1px #fffc inset}.metric-grid{display:grid;gap:var(--space-4);grid-template-columns:repeat(3,minmax(0,1fr))}.operations-grid{display:grid;gap:var(--space-5);grid-template-columns:minmax(0,1.3fr) minmax(320px,.7fr)}.metric-card{-webkit-backdrop-filter:var(--blur-material);backdrop-filter:var(--blur-material);background:var(--material-regular);border:1px solid var(--color-line);border-radius:var(--radius-ios-card);box-shadow:var(--ios-shadow-raised);display:grid;gap:var(--space-2);min-height:132px;padding:var(--space-5)}.metric-card p{color:var(--color-muted)}.metric-card strong{font-family:var(--font-numeric);font-size:26px;letter-spacing:0}.status-dot{border-radius:50%;display:inline-block;height:10px;width:10px}.status-dot.paid,.status-label.active{background:#16794c1f;color:var(--status-paid)}.status-dot.pending{background:var(--status-pending)}.status-dot.manual,.status-label.paused{background:#6d3f7a1f;color:var(--status-manual)}.status-label.partial_paid{background:#ff9f0a24;color:var(--status-partial)}.status-label.manual_review{background:#8e8cd824;color:var(--status-manual)}.panel{-webkit-backdrop-filter:var(--blur-material);backdrop-filter:var(--blur-material);background:var(--material-thick);border:1px solid var(--color-line);border-radius:var(--radius-ios-card);box-shadow:var(--ios-shadow-raised);overflow:hidden}.panel-heading{justify-content:space-between;padding:var(--space-5)}.panel-heading span{color:var(--color-muted)}.table-wrap{overflow-x:auto}table{border-collapse:collapse;min-width:720px;width:100%}th,td{border-top:1px solid var(--color-line);padding:14px var(--space-5);text-align:left}th{color:var(--color-muted);font-size:13px;font-weight:700}tbody tr{transition:background .16s ease,transform .16s ease}tbody tr:hover{background:#0a7f730d}.mono{font-family:var(--font-numeric)}.ops-list{display:grid}.ops-row{align-items:center;border-top:1px solid var(--color-line);display:flex;gap:var(--space-4);justify-content:space-between;min-height:72px;padding:0 var(--space-5)}.ops-row p{color:var(--color-muted);margin-top:var(--space-1)}.resolution-box{border-top:1px solid var(--color-line);display:grid;gap:var(--space-2);padding:var(--space-5)}.resolution-box strong{font-size:22px}.resolution-box span{color:var(--color-muted)}.resolution-box.warning{background:#ff9f0a14}@media(max-width:820px){.app-shell{grid-template-columns:1fr;padding:var(--space-3)}.sidebar{height:auto;padding:var(--space-4);position:static}.nav-list{grid-auto-flow:column;margin-top:var(--space-4);overflow-x:auto}.workspace{padding:var(--space-4)}.metric-grid,.operations-grid{grid-template-columns:1fr}}