:root{--color-bg: #f7f8fa;--color-surface: #ffffff;--color-text: #1b1f27;--color-text-muted: #5b6472;--color-border: #d9dde3;--color-primary: #3b5bdb;--color-primary-contrast: #ffffff;--color-warning-bg: #fff4d6;--color-warning-text: #6b4e00;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-6: 24px;--radius: 8px;--font-sans: system-ui, -apple-system, "Segoe UI", sans-serif;--font-size-sm: 12px;--font-size-md: 15px;--font-size-lg: 22px}*{box-sizing:border-box}body{margin:0;font-family:var(--font-sans);font-size:var(--font-size-md);background:var(--color-bg);color:var(--color-text)}nav{display:flex;gap:var(--space-4);padding:var(--space-3) var(--space-6);background:var(--color-surface);border-bottom:1px solid var(--color-border)}nav a{color:var(--color-text-muted);text-decoration:none}nav a.active{color:var(--color-primary);font-weight:600}main{padding:var(--space-6);padding-bottom:calc(var(--space-6) * 3)}h1{font-size:var(--font-size-lg);margin:0 0 var(--space-4)}.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:var(--space-4)}.card{display:block;color:inherit;text-decoration:none;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius);padding:var(--space-4)}.card .value{font-size:var(--font-size-lg);font-weight:600;color:var(--color-primary)}.card .label{color:var(--color-text-muted);font-size:var(--font-size-sm)}.banner{display:flex;justify-content:space-between;align-items:center;padding:var(--space-2) var(--space-6);background:var(--color-warning-bg);color:var(--color-warning-text);font-size:var(--font-size-sm)}.banner button{background:none;border:0;color:inherit;cursor:pointer;font-size:var(--font-size-md)}.badge{position:fixed;right:var(--space-3);bottom:var(--space-3);padding:var(--space-1) var(--space-3);background:var(--color-surface);color:var(--color-text-muted);border:1px solid var(--color-border);border-radius:var(--radius);font-size:var(--font-size-sm)}