@keyframes spin{to{transform:rotate(360deg)}}:root{--font:-apple-system, BlinkMacSystemFont, "SF Pro Text", "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--bg:#f5f5f7;--surface:#fff;--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 #0000000f;--shadow-hover:0 6px 20px #0000001a;--nav-active-bg:#e8f0fe;--hover-bg:#f0f0f2;--ghost-hover-bg:#ececee;--scrollbar-thumb:#c7c7cc;--track-bg:#e8e8ed;--header-bg:#fffc;--warning-bg:#fff8ee;--warning-border:#f3ddb0}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--bg:#000;--surface:#1c1c1e;--text:#f5f5f7;--text-secondary:#98989d;--accent:#0a84ff;--accent-hover:#3396ff;--danger:#ff453a;--success:#32d74b;--supplement:#bf5af2;--border:#38383a;--shadow:0 2px 12px #0006;--shadow-hover:0 6px 20px #00000080;--nav-active-bg:#0a2540;--hover-bg:#2c2c2e;--ghost-hover-bg:#2c2c2e;--scrollbar-thumb:#48484a;--track-bg:#38383a;--header-bg:#1c1c1ecc;--warning-bg:#3a2f1a;--warning-border:#5c4a24}}:root[data-theme=dark]{--bg:#000;--surface:#1c1c1e;--text:#f5f5f7;--text-secondary:#98989d;--accent:#0a84ff;--accent-hover:#3396ff;--danger:#ff453a;--success:#32d74b;--supplement:#bf5af2;--border:#38383a;--shadow:0 2px 12px #0006;--shadow-hover:0 6px 20px #00000080;--nav-active-bg:#0a2540;--hover-bg:#2c2c2e;--ghost-hover-bg:#2c2c2e;--scrollbar-thumb:#48484a;--track-bg:#38383a;--header-bg:#1c1c1ecc;--warning-bg:#3a2f1a;--warning-border:#5c4a24}*{box-sizing:border-box}html,body,#root{height:100%}body{font-family:var(--font);background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;margin:0}button,input,select{font-family:inherit;font-size:15px}button{cursor:pointer;background:var(--accent);color:#fff;border:1px solid #0000;border-radius:980px;padding:10px 20px;font-weight:600;transition:background .15s,transform .1s}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{color:var(--text-secondary);background:0 0;padding:6px 10px}button.ghost:hover{background:var(--ghost-hover-bg);color:var(--text)}button.danger{background:var(--danger)}button.link{color:var(--accent);text-underline-offset:2px;background:0 0;border-radius:0;padding:4px 0;font-size:13px;font-weight:600;text-decoration:underline}button.link:hover{color:var(--accent-hover)}button:disabled{opacity:.5;cursor:default}input,select{border-radius:var(--radius-sm);border:1px solid var(--border);background:var(--surface);color:var(--text);padding:10px 14px}input:focus,select:focus,button:focus-visible{box-shadow:0 0 0 2px var(--accent);outline:none}@media (forced-colors:active){input:focus,select:focus,button:focus-visible{outline:2px solid}}.card{background:var(--surface);border-radius:var(--radius-lg);box-shadow:var(--shadow);padding:24px}.hover-popup{display:none}.hover-popup.is-open{display:block}@media (hover:hover){.progress-ring:hover .hover-popup,.info-tooltip:hover .hover-popup{display:block}}a{color:var(--accent);text-decoration:none}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-thumb{background:var(--scrollbar-thumb);border-radius:10px}.app-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding:8px 16px;display:flex}.app-nav{scrollbar-width:none;-webkit-overflow-scrolling:touch;gap:4px;display:flex;overflow-x:auto}.app-nav::-webkit-scrollbar{display:none}.app-nav a{flex-shrink:0}.app-header-left{flex:auto;align-items:center;gap:20px;min-width:0;display:flex}.app-header-actions{flex-shrink:0;align-items:center;gap:12px;display:flex}.dashboard-grid{grid-template-columns:1fr 320px;gap:24px;display:grid}.list-panel-grid{grid-template-columns:1fr;align-items:start;gap:24px;display:grid}.list-panel-grid>div:first-child .card{max-width:640px}.desktop-panel{display:none}@media (width>=1300px){.dashboard-grid{grid-template-columns:1fr 320px 340px}.desktop-panel{flex-direction:column;gap:16px;display:flex}}@media (width>=1100px){.list-panel-grid{grid-template-columns:640px 360px;max-width:1024px;margin:0 auto}.list-panel-grid .desktop-panel{flex-direction:column;gap:16px;display:flex}.list-page-header{max-width:1024px;margin-left:auto;margin-right:auto}}.admin-wide-only{display:none}@media (width>=1300px){.admin-wide-only{display:block}}.admin-supplement-table{border-collapse:collapse;width:100%;font-size:12px}.admin-supplement-table th,.admin-supplement-table td{text-align:left;border-bottom:1px solid var(--border);vertical-align:middle;padding:4px 6px}.admin-supplement-table th{color:var(--text-secondary);white-space:nowrap;font-weight:600}.admin-supplement-table input,.admin-supplement-table select{padding:3px 5px;font-size:12px}.admin-supplement-table input:disabled,.admin-supplement-table select:disabled{opacity:.6}.field-grid-2{grid-template-columns:1fr 1fr;gap:12px;display:grid}.goal-row{border-top:1px solid var(--border);grid-template-columns:1fr 110px 110px 140px;align-items:center;gap:10px;padding:10px 0;display:grid}@media (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}}