@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600&family=Playfair+Display:wght@600&display=swap";:root{--color-accent: #B76E6E;--color-accent-hover: #a55e5e;--color-bg: #F5F1EC;--color-surface: #FFFFFF;--color-text-primary: #2B2B2B;--color-text-secondary: #777777;--color-text-muted: #999999;--color-divider: rgba(43, 43, 43, .08);--color-status-ok: #4CAF50;--color-status-ok-bg: rgba(76, 175, 80, .1);--color-status-warn: #FF9800;--color-status-warn-bg: rgba(255, 152, 0, .1);--color-status-error: #E57373;--color-status-error-bg: rgba(229, 115, 115, .1);--color-status-info: #64B5F6;--color-status-info-bg: rgba(100, 181, 246, .1);--font-heading: "Playfair Display", "Georgia", serif;--font-body: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-mono: "SF Mono", "Menlo", "Monaco", "Courier New", monospace;--text-display: 2rem;--text-heading: 1.5rem;--text-section: 1.25rem;--text-body-lg: 1.0625rem;--text-body: .9375rem;--text-small: .8125rem;--text-tiny: .75rem;--weight-normal: 400;--weight-medium: 500;--weight-semibold: 600;--space-xs: 4px;--space-sm: 8px;--space-md: 12px;--space-base: 16px;--space-lg: 24px;--space-xl: 32px;--space-2xl: 48px;--space-3xl: 64px;--radius-sm: 10px;--radius-md: 14px;--radius-lg: 20px;--shadow-card: 0 1px 3px rgba(0, 0, 0, .04), 0 1px 2px rgba(0, 0, 0, .02);--shadow-elevated: 0 4px 12px rgba(0, 0, 0, .06);--duration-fast: .12s;--duration-normal: .2s;--ease-out: cubic-bezier(.25, .46, .45, .94);--content-max-width: 1100px;--nav-height: 56px;--page-padding: 24px}@media (max-width: 640px){:root{--text-display: 1.625rem;--text-heading: 1.25rem;--page-padding: 16px}}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}body{font-family:var(--font-body);font-size:var(--text-body);color:var(--color-text-primary);background:var(--color-bg);line-height:1.5;min-height:100dvh}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;background:none;border:none;cursor:pointer}input,textarea,select{font:inherit;color:inherit}ul,ol{list-style:none}img,svg{display:block;max-width:100%}code,pre{font-family:var(--font-mono);font-size:.875em}.app-shell{min-height:100dvh;display:flex;flex-direction:column}.app-nav{background:var(--color-surface);border-bottom:1px solid var(--color-divider);height:var(--nav-height);display:flex;align-items:center;padding:0 var(--page-padding)}.app-nav-inner{width:100%;max-width:var(--content-max-width);margin:0 auto;display:flex;align-items:center;gap:var(--space-lg)}.app-nav-brand{font-family:var(--font-heading);font-size:var(--text-body-lg);font-weight:var(--weight-semibold);color:var(--color-text-primary)}.app-nav-brand .accent{color:var(--color-accent)}.app-nav-link{color:var(--color-text-secondary);font-size:var(--text-body);font-weight:var(--weight-medium);padding:var(--space-xs) var(--space-sm);border-radius:var(--radius-sm);transition:color var(--duration-fast) var(--ease-out),background var(--duration-fast) var(--ease-out)}.app-nav-link:hover{color:var(--color-text-primary);background:var(--color-divider)}.app-nav-link.active{color:var(--color-text-primary);font-weight:var(--weight-semibold)}.app-nav-spacer{flex:1}.app-nav-mode{font-size:var(--text-tiny);font-family:var(--font-mono);color:var(--color-text-muted);padding:2px var(--space-sm);border:1px solid var(--color-divider);border-radius:var(--radius-sm)}.app-main{flex:1;padding:var(--space-xl) var(--page-padding)}.app-main-inner{width:100%;max-width:var(--content-max-width);margin:0 auto}.page-title{font-family:var(--font-heading);font-size:var(--text-display);font-weight:var(--weight-semibold);margin-bottom:var(--space-sm)}.page-subtitle{color:var(--color-text-secondary);font-size:var(--text-body);margin-bottom:var(--space-xl)}.section-title{font-size:var(--text-section);font-weight:var(--weight-semibold);margin:var(--space-xl) 0 var(--space-md)}.card{background:var(--color-surface);border-radius:var(--radius-md);box-shadow:var(--shadow-card);padding:var(--space-lg)}.card-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:var(--space-md);margin-bottom:var(--space-md)}.pill{display:inline-flex;align-items:center;gap:var(--space-xs);padding:2px var(--space-sm);border-radius:999px;font-size:var(--text-tiny);font-weight:var(--weight-medium);font-family:var(--font-mono);letter-spacing:.02em}.pill-ok{color:var(--color-status-ok);background:var(--color-status-ok-bg)}.pill-warn{color:var(--color-status-warn);background:var(--color-status-warn-bg)}.pill-error{color:var(--color-status-error);background:var(--color-status-error-bg)}.pill-info{color:var(--color-status-info);background:var(--color-status-info-bg)}.dot{width:6px;height:6px;border-radius:50%;display:inline-block}.dot-ok{background:var(--color-status-ok)}.dot-warn{background:var(--color-status-warn)}.dot-error{background:var(--color-status-error)}.data-table{width:100%;border-collapse:collapse;font-size:var(--text-body)}.data-table th,.data-table td{text-align:left;padding:var(--space-md) var(--space-base);border-bottom:1px solid var(--color-divider)}.data-table th{font-weight:var(--weight-semibold);color:var(--color-text-secondary);font-size:var(--text-small);text-transform:uppercase;letter-spacing:.04em}.data-table tr:hover td{background:#2b2b2b04}.data-table .num{font-family:var(--font-mono);text-align:right;font-variant-numeric:tabular-nums}.data-table a{color:var(--color-accent);font-weight:var(--weight-medium)}.data-table a:hover{text-decoration:underline}.btn{display:inline-flex;align-items:center;gap:var(--space-sm);padding:var(--space-sm) var(--space-base);border-radius:var(--radius-sm);font-size:var(--text-body);font-weight:var(--weight-medium);background:var(--color-accent);color:#fff;transition:background var(--duration-fast) var(--ease-out)}.btn:hover{background:var(--color-accent-hover)}.btn-ghost{background:transparent;color:var(--color-text-primary);border:1px solid var(--color-divider)}.btn-ghost:hover{background:var(--color-divider)}.btn:disabled,.btn-ghost:disabled{opacity:.5;cursor:not-allowed}.metric-label{color:var(--color-text-secondary);font-size:var(--text-small);text-transform:uppercase;letter-spacing:.04em;margin-bottom:var(--space-xs)}.metric-value{font-family:var(--font-body);font-size:var(--text-heading);font-weight:var(--weight-semibold);font-variant-numeric:tabular-nums;letter-spacing:-.01em;color:var(--color-text-primary)}.muted{color:var(--color-text-muted)}.mono{font-family:var(--font-mono);font-size:var(--text-small)}.code-block{background:#2b2b2b0a;border-radius:var(--radius-sm);padding:var(--space-md);font-family:var(--font-mono);font-size:var(--text-small);white-space:pre-wrap;word-break:break-word;overflow-x:auto}.empty-state{text-align:center;padding:var(--space-3xl) var(--space-base);color:var(--color-text-muted)}