*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--bg-app: #1a1a1a;--bg-top: #1f1f1f;--bg-card: #242424;--bg-card-hover: #2a2a2a;--bg-input: #2e2e2e;--border: #333333;--border-light: #3d3d3d;--row-divider: #2a2a2a;--ring-track: #484848;--teal: #4db894;--teal-bg: #1e3830;--teal-text: #4db894;--amber: #c9873a;--amber-bg: #3d2e1a;--amber-text: #c9873a;--pink: #d92e78;--pink-bg: #3d1128;--pink-text: #d92e78;--purple: #7b8fff;--purple-bg: #1e2840;--purple-text: #7b8fff;--red: #e05252;--red-bg: #3d1f1f;--accent-warm-bg: #fdf3e3;--accent-warm-title: #3d2a0a;--accent-warm-text: #6b4f1e;--text-primary: #f0f0f0;--text-secondary: #c0c0c0;--text-tertiary: #909090;--text-inactive: #b8b8b8;--radius-sm: 6px;--radius-md: 10px;--radius-lg: 14px;--radius-xl: 20px;font-size:16px}@media (prefers-color-scheme: light){:root{--bg-app: #f5f5f7;--bg-top: #ffffff;--bg-card: #ffffff;--bg-card-hover: #f8f8f8;--bg-input: #f5f5f7;--border: #e8e8e8;--border-light: #e0e0e0;--row-divider: #e0e0e0;--ring-track: #e0e0e0;--teal-bg: #e1f5ee;--teal-text: #0f6e56;--amber-bg: #faeeda;--amber-text: #854f0b;--pink-bg: #fde8ef;--pink-text: #9e1f55;--purple-bg: #eeeeff;--purple-text: #534ab7;--red: #c0392b;--red-bg: #fff0f0;--text-primary: #111111;--text-secondary: #333333;--text-tertiary: #666666;--text-inactive: #888888}}body{font-family:Inter,system-ui,sans-serif;background:var(--bg-app);color:var(--text-primary);min-height:100vh;-webkit-font-smoothing:antialiased}input,textarea,select{font-family:inherit;font-size:14px;background:var(--bg-input);border:1px solid var(--border-light);border-radius:var(--radius-sm);color:var(--text-primary);padding:8px 10px;width:100%;outline:none;transition:border-color .15s}input:focus,textarea:focus,select:focus{border-color:var(--teal)}input::placeholder{color:var(--text-tertiary)}button{font-family:inherit;cursor:pointer}.dashboard-wrap{max-width:900px;margin:0 auto;padding:28px 24px}.tracker-grid{display:flex;gap:14px;margin-bottom:24px;flex-wrap:wrap}.tracker-grid>*{flex:1;min-width:220px}.lower-grid{display:grid;grid-template-columns:1fr 280px;gap:16px;align-items:start}@media (max-width: 640px){.dashboard-wrap{padding:20px 16px}.tracker-grid>*{min-width:100%}.lower-grid{grid-template-columns:1fr}}