@charset "UTF-8";:root{--font-sans: "Inter", -apple-system, BlinkMacSystemFont, "SF Pro Text", "SF Pro Display", sans-serif;--font-mono: "JetBrains Mono", SFMono-Regular, Menlo, Monaco, Consolas, monospace;--bg-canvas: #090D16;--bg-surface: #0F172A;--bg-card: rgba(17, 24, 39, .75);--bg-card-hover: rgba(30, 41, 59, .85);--bg-subtle: #1E293B;--bg-overlay: rgba(3, 7, 18, .8);--border-subtle: rgba(255, 255, 255, .07);--border-card: rgba(255, 255, 255, .1);--border-focus: #38BDF8;--text-primary: #F8FAFC;--text-secondary: #94A3B8;--text-muted: #64748B;--text-inverse: #0F172A;--color-primary: #0284C7;--color-primary-hover: #0369A1;--color-primary-light: rgba(2, 132, 199, .12);--color-accent: #38BDF8;--status-active-bg: rgba(16, 185, 129, .12);--status-active-text: #34D399;--status-active-border: rgba(16, 185, 129, .25);--status-warning-bg: rgba(245, 158, 11, .12);--status-warning-text: #FBBF24;--status-warning-border: rgba(245, 158, 11, .25);--status-error-bg: rgba(244, 63, 94, .12);--status-error-text: #FB7185;--status-error-border: rgba(244, 63, 94, .25);--status-neutral-bg: rgba(148, 163, 184, .1);--status-neutral-text: #94A3B8;--status-neutral-border: rgba(148, 163, 184, .2);--radius-sm: 6px;--radius-md: 10px;--radius-lg: 16px;--radius-xl: 20px;--shadow-card: 0 4px 20px -2px rgba(0, 0, 0, .5), 0 0 1px 1px rgba(255, 255, 255, .05);--shadow-modal: 0 20px 45px -8px rgba(0, 0, 0, .8), 0 0 1px 1px rgba(255, 255, 255, .1);--transition-smooth: all .2s cubic-bezier(.16, 1, .3, 1)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body{height:100%;width:100%;font-family:var(--font-sans);background-color:var(--bg-canvas);color:var(--text-primary);font-size:14px;line-height:1.5;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{color:inherit;text-decoration:none}button,input,select,textarea{font-family:inherit;font-size:inherit}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#ffffff26;border-radius:999px}::-webkit-scrollbar-thumb:hover{background:#ffffff4d}.apple-card{background:var(--bg-card);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid var(--border-card);border-radius:var(--radius-lg);padding:24px;box-shadow:var(--shadow-card);transition:var(--transition-smooth)}.apple-card:hover{border-color:#ffffff29}.status-pill{display:inline-flex;align-items:center;gap:6px;padding:3px 10px;border-radius:9999px;font-size:11px;font-weight:600;letter-spacing:.02em;text-transform:uppercase;border:1px solid transparent}.status-pill:before{content:"";width:6px;height:6px;border-radius:50%}.status-pill.active,.status-pill.healthy,.status-pill.success{background:var(--status-active-bg);color:var(--status-active-text);border-color:var(--status-active-border)}.status-pill.active:before,.status-pill.healthy:before,.status-pill.success:before{background:var(--status-active-text);box-shadow:0 0 6px var(--status-active-text)}.status-pill.warning,.status-pill.inferred,.status-pill.reconciled{background:var(--status-warning-bg);color:var(--status-warning-text);border-color:var(--status-warning-border)}.status-pill.warning:before,.status-pill.inferred:before,.status-pill.reconciled:before{background:var(--status-warning-text)}.status-pill.error,.status-pill.suspended{background:var(--status-error-bg);color:var(--status-error-text);border-color:var(--status-error-border)}.status-pill.error:before,.status-pill.suspended:before{background:var(--status-error-text)}.status-pill.neutral,.status-pill.backgrounded{background:var(--status-neutral-bg);color:var(--status-neutral-text);border-color:var(--status-neutral-border)}.status-pill.neutral:before,.status-pill.backgrounded:before{background:var(--status-neutral-text)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:8px 16px;border-radius:var(--radius-md);font-size:13px;font-weight:500;cursor:pointer;border:1px solid transparent;transition:var(--transition-smooth);-webkit-user-select:none;user-select:none}.btn:active{transform:scale(.98)}.btn-primary{background:var(--color-primary);color:#fff}.btn-primary:hover{background:var(--color-primary-hover);box-shadow:0 0 12px #0284c766}.btn-secondary{background:#ffffff0f;color:var(--text-primary);border-color:var(--border-subtle)}.btn-secondary:hover{background:#ffffff1a;border-color:#fff3}.btn-danger{background:#f43f5e1f;color:#fb7185;border-color:#f43f5e4d}.btn-danger:hover{background:#f43f5e33}.data-table-container{overflow-x:auto;border-radius:var(--radius-md);border:1px solid var(--border-subtle)}.data-table{width:100%;border-collapse:collapse;text-align:left}.data-table th{background:#0f172acc;padding:12px 16px;font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.04em;color:var(--text-muted);border-bottom:1px solid var(--border-subtle);white-space:nowrap}.data-table td{padding:14px 16px;font-size:13px;border-bottom:1px solid var(--border-subtle);color:var(--text-secondary)}.data-table tr:last-child td{border-bottom:none}.data-table tr:hover td{background:#ffffff05;color:var(--text-primary)}.input-control{width:100%;background:#0f172a99;border:1px solid var(--border-subtle);border-radius:var(--radius-md);padding:10px 14px;color:var(--text-primary);transition:var(--transition-smooth)}.input-control:focus{outline:none;border-color:var(--border-focus);box-shadow:0 0 0 3px #38bdf826}.input-control::placeholder{color:var(--text-muted)}.stat-card{display:flex;flex-direction:column;gap:8px}.stat-label{font-size:12px;font-weight:500;color:var(--text-muted);text-transform:uppercase;letter-spacing:.03em}.stat-value{font-size:28px;font-weight:700;color:var(--text-primary);letter-spacing:-.02em}.stat-trend{display:flex;align-items:center;gap:4px;font-size:12px;font-weight:500}:focus-visible{outline:2px solid var(--border-focus);outline-offset:2px}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}