:root{--background:#f6f4ef;--surface:#fff;--ink:#1f2528;--muted:#657077;--line:#dadfdd;--accent:#1d6a61;--accent-strong:#124d47;--danger:#b23a48;--gold:#d99228;--shadow:0 18px 55px #1f25281f}*{box-sizing:border-box}body{background:linear-gradient(120deg, #1d6a6124, transparent 34%), linear-gradient(260deg, #d9922829, transparent 28%), var(--background);color:var(--ink);margin:0;font-family:Arial,Helvetica,sans-serif}button,input{font:inherit}.login-shell{justify-content:center;align-items:center;min-height:100vh;padding:24px;display:flex}.login-panel{background:var(--surface);border:1px solid var(--line);box-shadow:var(--shadow);border-radius:8px;width:100%;max-width:420px;padding:36px}.login-panel h1,.topbar h1{letter-spacing:0;margin:14px 0 8px;font-size:28px;line-height:1.1}.login-panel p,.topbar p{color:var(--muted);margin:0 0 24px;line-height:1.5}.brand-mark{background:var(--accent);color:#fff;border-radius:8px;justify-content:center;align-items:center;width:48px;height:48px;display:inline-flex}.brand-mark.compact{flex:none;width:40px;height:40px}.app-shell{max-width:1180px;margin:0 auto;padding:28px}.topbar{justify-content:space-between;align-items:center;gap:16px;margin-bottom:22px;display:flex}.identity{align-items:center;gap:14px;min-width:0;display:flex}.identity h1,.identity p{margin:0}.summary-band{color:#fff;background:#172321;border-radius:8px;grid-template-columns:1.2fr 1fr repeat(4,1fr);align-items:stretch;gap:1px;margin-bottom:18px;display:grid;overflow:hidden}.date-control,.metric,.weight-control{background:#ffffff0f;min-height:112px;padding:20px}.date-control{align-items:center;gap:12px;display:flex}.date-control input{color:var(--ink);background:#fff;border:0;border-radius:6px;width:100%;min-height:42px;padding:0 12px}.metric span,.metric small,.weight-control span,.weight-control small{color:#ffffffb8;display:block}.weight-control label{grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:8px;margin-top:12px;display:grid}.weight-control input{color:var(--ink);background:#fff;border:0}.weight-control small{padding-bottom:12px}.metric strong{letter-spacing:0;margin:12px 0 4px;font-size:32px;line-height:1.1;display:block}.workspace-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin-bottom:18px;display:grid}.workspace-grid.wide{align-items:start}.workspace-grid.goals-grid{grid-template-columns:1.35fr 1fr}.weekly-panel{margin-bottom:18px}.weekly-layout{grid-template-columns:minmax(0,1.4fr) minmax(280px,.8fr);gap:18px;display:grid}.weekly-chart{gap:14px;display:grid}.weekly-bar-row{border:1px solid var(--line);background:#fbfcfb;border-radius:8px;gap:10px;min-height:78px;padding:14px;display:grid}.weekly-bar-label{justify-content:space-between;align-items:center;gap:12px;display:flex}.weekly-bar-label strong{font-size:15px}.weekly-bar-label span{color:var(--muted);text-align:right;font-size:13px}.weekly-track{background:#e8eeeb;border-radius:999px;width:100%;height:18px;overflow:hidden}.weekly-track span{background:var(--accent);border-radius:inherit;min-width:0;height:100%;transition:width .18s;display:block}.weekly-track span.over{background:var(--gold)}.weekly-stats{border:1px solid var(--line);background:#fbfcfb;border-radius:8px;gap:10px;padding:14px;display:grid}.weekly-range{border-bottom:1px solid var(--line);gap:4px;padding-bottom:12px;display:grid}.weekly-range strong{font-size:14px}.weekly-range span,.weekly-stat span,.weekly-stat small{color:var(--muted);font-size:13px}.weekly-stat{gap:4px;display:grid}.weekly-stat strong{font-size:22px;line-height:1.1}.backup-panel,.scanner-panel{margin-bottom:18px}.scanner-layout{grid-template-columns:minmax(240px,.75fr) minmax(0,1.25fr);align-items:start;gap:18px;display:grid}.scan-capture{gap:12px;display:grid}.scan-mode-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.barcode-lookup{grid-template-columns:minmax(0,1fr) auto;gap:10px;display:grid}.live-scanner{gap:10px;display:grid}.live-scanner video{aspect-ratio:16/9;border:1px solid var(--line);object-fit:cover;background:#172321;border-radius:8px;width:100%;display:none}.live-scanner.active video{display:block}.live-scanner-actions{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;display:grid}.scan-button{color:#fff;cursor:pointer;background:#172321;border-radius:8px;justify-content:center;align-items:center;gap:10px;min-height:58px;padding:0 16px;font-size:15px;display:flex;position:relative;overflow:hidden}.scan-button.secondary-scan{background:var(--accent)}.scan-button input{cursor:pointer;opacity:0;width:100%;position:absolute;inset:0}.scan-capture img{aspect-ratio:4/3;border:1px solid var(--line);object-fit:cover;background:#edf2f0;border-radius:8px;width:100%}.scan-capture p{color:var(--muted);margin:0;font-size:14px;line-height:1.45}.scan-review{gap:12px;display:grid}.scan-actions{flex-wrap:wrap;gap:10px;display:flex}.backup-layout{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:18px;display:grid}.backup-layout strong{margin-bottom:6px;font-size:16px;display:block}.backup-layout p,.backup-layout small{color:var(--muted);margin:0;font-size:14px;line-height:1.45;display:block}.backup-actions{flex-wrap:wrap;justify-content:flex-end;gap:10px;display:flex}.import-button{cursor:pointer;position:relative;overflow:hidden}.import-button input{cursor:pointer;opacity:0;width:100%;position:absolute;inset:0}.panel{background:var(--surface);border:1px solid var(--line);border-radius:8px;padding:20px;box-shadow:0 10px 30px #1f252812}.section-title{align-items:center;gap:10px;margin-bottom:16px;display:flex}.section-title h2{letter-spacing:0;margin:0;font-size:18px}.entry-form{gap:14px;display:grid}label{color:var(--muted);gap:7px;font-size:13px;display:grid}input{border:1px solid var(--line);color:var(--ink);background:#fbfcfb;border-radius:6px;width:100%;min-height:42px;padding:0 12px}input:focus{border-color:var(--accent);outline:0;box-shadow:0 0 0 3px #1d6a612e}.macro-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;display:grid}.goal-input-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:14px;display:grid}.weight-entry div{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:8px;display:grid}.weight-entry span{color:var(--muted);font-size:14px}.progress-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.goal-progress{border:1px solid var(--line);background:#fbfcfb;border-radius:8px;gap:9px;min-height:118px;padding:14px;display:grid}.goal-progress-header{justify-content:space-between;align-items:start;gap:12px;display:flex}.goal-progress-header strong{font-size:15px}.goal-progress-header span{color:var(--accent);text-align:right;font-size:13px;line-height:1.35}.goal-progress-header span.over{color:var(--danger)}.progress-track{background:#e8eeeb;border-radius:999px;width:100%;height:12px;overflow:hidden}.progress-track span{background:var(--accent);border-radius:inherit;min-width:0;height:100%;transition:width .18s;display:block}.progress-track span.over{background:var(--danger)}.goal-progress small{color:var(--muted);font-size:13px}.primary-button,.secondary-button,.icon-button{cursor:pointer;border:0;justify-content:center;align-items:center;display:inline-flex}.primary-button{background:var(--accent);color:#fff;border-radius:6px;gap:8px;min-height:44px;padding:0 16px}.primary-button:hover{background:var(--accent-strong)}.secondary-button{color:var(--ink);background:#edf2f0;border-radius:6px;gap:8px;min-height:42px;padding:0 14px}.secondary-button:hover{background:#dce8e4}.secondary-button:disabled,.icon-button:disabled{cursor:not-allowed;opacity:.55}.icon-button{color:var(--ink);background:#edf2f0;border-radius:6px;flex:none;width:38px;height:38px}.icon-button:hover{background:#dce8e4}.icon-button.danger{color:var(--danger)}.entry-list{gap:10px;display:grid}.chat-panel{margin-bottom:0}.api-key-box{border:1px solid var(--line);background:#fbfcfb;border-radius:8px;gap:10px;margin-bottom:12px;padding:14px;display:grid}.compact-title{margin-bottom:0}.compact-title h3{letter-spacing:0;margin:0;font-size:15px}.api-key-row{grid-template-columns:minmax(0,1fr) auto auto;gap:10px;display:grid}.api-key-box p{color:var(--muted);margin:0;font-size:13px;line-height:1.45}.chat-window{border:1px solid var(--line);background:#fbfcfb;border-radius:8px;gap:12px;min-height:190px;max-height:390px;padding:14px;display:grid;overflow:auto}.chat-message{border-radius:8px;gap:5px;max-width:76%;padding:12px;display:grid}.chat-message span{color:var(--muted);font-size:12px}.chat-message p{white-space:pre-wrap;margin:0;line-height:1.45}.chat-message.user{background:var(--accent);color:#fff;justify-self:end}.chat-message.user span{color:#ffffffc2}.chat-message.assistant{color:var(--ink);background:#edf2f0;justify-self:start}.chat-form{grid-template-columns:minmax(0,1fr) auto auto;gap:10px;margin-top:12px;display:grid}.entry-row{border:1px solid var(--line);background:#fbfcfb;border-radius:8px;justify-content:space-between;align-items:center;gap:14px;min-height:70px;padding:12px;display:flex}.entry-edit-form{gap:12px;width:100%;display:grid}.edit-actions{justify-content:start}.entry-details{gap:5px;min-width:0;display:grid}.entry-details strong,.entry-details span{overflow-wrap:anywhere}.entry-details span,.empty-state{color:var(--muted);font-size:14px;line-height:1.45}.row-actions{gap:8px;display:flex}@media (max-width:860px){.app-shell{padding:18px}.summary-band,.workspace-grid,.weekly-layout,.backup-layout,.scanner-layout{grid-template-columns:1fr}.backup-actions{justify-content:flex-start}.date-control,.metric{min-height:auto}}@media (max-width:560px){body{background:var(--background)}.app-shell{padding:12px}.topbar{border-bottom:1px solid var(--line);z-index:10;background:#f6f4eff5;align-items:center;gap:10px;margin:-12px -12px 12px;padding:12px;position:sticky;top:0}.brand-mark.compact{width:34px;height:34px}.identity{gap:10px;overflow:hidden}.identity h1{font-size:21px;line-height:1.1}.identity p{text-overflow:ellipsis;white-space:nowrap;font-size:12px;line-height:1.25;overflow:hidden}.summary-band{background:0 0;border-radius:0;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-bottom:12px;overflow:visible}.date-control,.metric,.weight-control{background:#172321;border-radius:8px;min-height:92px;padding:12px}.date-control,.weight-control{grid-column:1/-1;min-height:auto}.date-control input,.weight-control input,input{min-height:44px;font-size:16px}.metric strong{margin-top:10px;font-size:25px}.metric span,.metric small,.weight-control span,.weight-control small{font-size:12px}.workspace-grid{gap:12px;margin-bottom:12px}.weekly-panel,.backup-panel,.scanner-panel{margin-bottom:12px}.panel{border-radius:8px;padding:14px}.section-title{margin-bottom:12px}.section-title h2{font-size:16px}.weekly-layout,.weekly-chart{gap:10px}.weekly-bar-row,.weekly-stats,.goal-progress,.api-key-box,.chat-window,.entry-row{padding:12px}.weekly-bar-row{min-height:72px}.weekly-stat strong{font-size:19px}.macro-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.goal-input-grid,.progress-grid{grid-template-columns:1fr}.entry-row{flex-direction:column;align-items:flex-start;gap:10px}.entry-row>.icon-button{align-self:flex-end}.row-actions{flex-wrap:wrap;width:100%}.row-actions .icon-button{flex:44px}.backup-actions{grid-template-columns:1fr;display:grid}.backup-actions .secondary-button,.scan-actions .secondary-button,.primary-button,.secondary-button{width:100%;min-height:46px}.scan-actions{grid-template-columns:1fr;display:grid}.barcode-lookup,.scan-mode-grid,.live-scanner-actions{grid-template-columns:1fr}.chat-form{grid-template-columns:minmax(0,1fr) auto}.chat-form .secondary-button{grid-column:1/-1}.api-key-row{grid-template-columns:1fr}.chat-window{min-height:150px;max-height:320px}.chat-message{max-width:100%}.weekly-bar-label{flex-direction:column;align-items:start;gap:5px}.weekly-bar-label span{text-align:left}}