:root{--font: -apple-system, BlinkMacSystemFont, "SF Pro Text", "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--bg: #f5f5f7;--surface: #ffffff;--text: #1d1d1f;--text-secondary: #6e6e73;--accent: #0071e3;--accent-hover: #0077ed;--danger: #ff3b30;--success: #34c759;--supplement: #af52de;--border: #d2d2d7;--radius-lg: 18px;--radius-md: 12px;--radius-sm: 8px;--shadow: 0 2px 12px rgba(0, 0, 0, .06);--shadow-hover: 0 6px 20px rgba(0, 0, 0, .1);--nav-active-bg: #e8f0fe;--hover-bg: #f0f0f2;--ghost-hover-bg: #ececee;--scrollbar-thumb: #c7c7cc;--track-bg: #e8e8ed;--header-bg: rgba(255, 255, 255, .8);--warning-bg: #fff8ee;--warning-border: #f3ddb0}@media (prefers-color-scheme: dark){:root:not([data-theme=light]){--bg: #000000;--surface: #1c1c1e;--text: #f5f5f7;--text-secondary: #98989d;--accent: #0a84ff;--accent-hover: #3396ff;--danger: #ff453a;--success: #32d74b;--supplement: #bf5af2;--border: #38383a;--shadow: 0 2px 12px rgba(0, 0, 0, .4);--shadow-hover: 0 6px 20px rgba(0, 0, 0, .5);--nav-active-bg: #0a2540;--hover-bg: #2c2c2e;--ghost-hover-bg: #2c2c2e;--scrollbar-thumb: #48484a;--track-bg: #38383a;--header-bg: rgba(28, 28, 30, .8);--warning-bg: #3a2f1a;--warning-border: #5c4a24}}:root[data-theme=dark]{--bg: #000000;--surface: #1c1c1e;--text: #f5f5f7;--text-secondary: #98989d;--accent: #0a84ff;--accent-hover: #3396ff;--danger: #ff453a;--success: #32d74b;--supplement: #bf5af2;--border: #38383a;--shadow: 0 2px 12px rgba(0, 0, 0, .4);--shadow-hover: 0 6px 20px rgba(0, 0, 0, .5);--nav-active-bg: #0a2540;--hover-bg: #2c2c2e;--ghost-hover-bg: #2c2c2e;--scrollbar-thumb: #48484a;--track-bg: #38383a;--header-bg: rgba(28, 28, 30, .8);--warning-bg: #3a2f1a;--warning-border: #5c4a24}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;font-family:var(--font);background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased}button,input,select{font-family:inherit;font-size:15px}button{cursor:pointer;border:none;border-radius:980px;padding:10px 20px;background:var(--accent);color:#fff;font-weight:600;transition:background .15s ease,transform .1s ease}button:hover{background:var(--accent-hover)}button:active{transform:scale(.98)}button.secondary{background:var(--surface);color:var(--accent);border:1px solid var(--border)}button.secondary:hover{background:var(--hover-bg)}button.ghost{background:transparent;color:var(--text-secondary);padding:6px 10px}button.ghost:hover{background:var(--ghost-hover-bg);color:var(--text)}button.danger{background:var(--danger)}button.link{background:transparent;color:var(--accent);padding:4px 0;border-radius:0;font-weight:600;font-size:13px;text-decoration:underline;text-underline-offset:2px}button.link:hover{color:var(--accent-hover)}button:disabled{opacity:.5;cursor:default}input,select{padding:10px 14px;border-radius:var(--radius-sm);border:1px solid var(--border);background:var(--surface);color:var(--text)}input:focus,select:focus{outline:2px solid var(--accent);outline-offset:-1px}.card{background:var(--surface);border-radius:var(--radius-lg);box-shadow:var(--shadow);padding:24px}a{color:var(--accent);text-decoration:none}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-thumb{background:var(--scrollbar-thumb);border-radius:10px}.app-header{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;padding:8px 16px}.app-nav{display:flex;gap:4px;overflow-x:auto;scrollbar-width:none;-webkit-overflow-scrolling:touch}.app-nav::-webkit-scrollbar{display:none}.app-nav a{flex-shrink:0}.app-header-left{display:flex;align-items:center;gap:20px;min-width:0;flex:1 1 auto}.app-header-actions{display:flex;align-items:center;gap:12px;flex-shrink:0}.dashboard-grid{display:grid;grid-template-columns:1fr 320px;gap:24px}.desktop-panel{display:none}@media (min-width: 1300px){.dashboard-grid{grid-template-columns:1fr 320px 340px}.desktop-panel{display:flex;flex-direction:column;gap:16px}}.field-grid-2{display:grid;grid-template-columns:1fr 1fr;gap:12px}.goal-row{display:grid;grid-template-columns:1fr 110px 110px 140px;gap:10px;align-items:center;padding:10px 0;border-top:1px solid var(--border)}@media (max-width: 700px){main{padding:16px!important}.app-header-left{gap:12px}.app-header-actions span{display:none}.dashboard-grid,.field-grid-2{grid-template-columns:1fr}.goal-row{grid-template-columns:1fr 1fr;grid-template-areas:"label label" "target period" "converted converted";row-gap:6px}.goal-row>span:first-child{grid-area:label}.goal-row>input{grid-area:target}.goal-row>select{grid-area:period}.goal-row>span:last-child{grid-area:converted;font-size:12px}}