:root{--accent: #1d521a;--accent-soft: #eaf1e9;--sale: #b23a48;--surface-0: #f7f7f5;--surface-1: #f1f1ee;--surface-2: #ffffff;--text-primary: #121212;--text-secondary: #5f5e5a;--text-muted: #8b8a85;--border: rgba(18, 18, 18, .1);--border-strong: rgba(18, 18, 18, .18);--radius: 8px;--radius-card: 12px;--font: -apple-system, BlinkMacSystemFont, "Segoe UI", Inter, system-ui, sans-serif}@media(prefers-color-scheme:dark){:root{--accent: #8fbf6f;--accent-soft: #1e2a1a;--sale: #e08494;--surface-0: #131312;--surface-1: #1c1c1a;--surface-2: #232321;--text-primary: #f2f2ef;--text-secondary: #b0afa8;--text-muted: #7d7c76;--border: rgba(255, 255, 255, .1);--border-strong: rgba(255, 255, 255, .18)}}*{box-sizing:border-box}body{margin:0;font-family:var(--font);font-size:15px;line-height:1.55;color:var(--text-primary);background:var(--surface-0);-webkit-font-smoothing:antialiased}h1{font-size:22px;font-weight:500;margin:0}h2{font-size:18px;font-weight:500;margin:0}h3{font-size:16px;font-weight:500;margin:0}p{margin:0}a{color:inherit;text-decoration:none}input,select,textarea{font:inherit;color:var(--text-primary);background:var(--surface-2);border:.5px solid var(--border-strong);border-radius:var(--radius);padding:8px 10px;outline:none}input:focus,select:focus,textarea:focus{box-shadow:0 0 0 2px var(--accent-soft);border-color:var(--accent)}textarea{resize:vertical}button{font:inherit;font-size:14px;color:var(--text-primary);background:var(--surface-2);border:.5px solid var(--border-strong);border-radius:var(--radius);padding:8px 14px;cursor:pointer}button:hover{background:var(--surface-1)}button:active{transform:scale(.985)}button:disabled{opacity:.5;cursor:not-allowed}button.primary{background:var(--accent);border-color:var(--accent);color:#fff}button.primary:hover{filter:brightness(1.08)}button.icon{padding:2px 7px;font-size:13px;border:none;background:none;color:var(--text-muted)}button.icon:hover{background:var(--surface-1);color:var(--text-primary)}button.link{padding:4px 8px;font-size:13px;border:none;background:none;color:var(--text-secondary)}button.link:hover{background:none;color:var(--text-primary);text-decoration:underline}.card{background:var(--surface-2);border:.5px solid var(--border);border-radius:var(--radius-card);padding:20px}.metric{background:var(--surface-1);border-radius:var(--radius);padding:16px}.muted{color:var(--text-secondary)}.small{font-size:13px}.empty{border:1px dashed var(--border-strong);border-radius:var(--radius-card);padding:40px 24px;text-align:center;color:var(--text-secondary)}
