body{background:#f5f5f5;margin:0}#root{min-height:100svh}*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--bg:#f5f5f5;--surface:#fff;--border:#e0e0e0;--accent:#2563eb;--accent-light:#eff6ff;--text:#1a1a1a;--text-muted:#6b7280;--green:#16a34a;--red:#dc2626;--radius:10px;font-size:15px}body{background:var(--bg);color:var(--text);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;line-height:1.5}.app{max-width:100%;margin:0 auto;padding:1rem 1.5rem 3rem}.day-nav{align-items:center;gap:1rem;margin-bottom:.5rem;padding:1rem 0 .5rem;display:flex}.day-nav>button{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);cursor:pointer;flex-shrink:0;padding:.5rem 1rem;font-size:1.2rem}.day-nav>button:hover{background:var(--accent-light)}.day-title{text-align:center;flex:1}.day-title h1{text-transform:capitalize;font-size:1.2rem;font-weight:600}.btn-today{color:var(--accent);background:var(--surface);border:1px solid var(--accent);cursor:pointer;border-radius:6px;margin-top:.25rem;padding:.2rem .6rem;font-size:.75rem}.save-status{text-align:center;border-radius:4px;margin-bottom:.5rem;padding:.3rem;font-size:.8rem}.save-status--saving{color:var(--text-muted)}.save-status--saved{color:var(--green);font-weight:500}.save-status--error{color:var(--red)}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);margin-bottom:1rem;padding:1.25rem}.card h2{text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted);border-bottom:1px solid var(--border);margin-bottom:1rem;padding-bottom:.5rem;font-size:.85rem;font-weight:700}.field{flex-direction:column;gap:.3rem;display:flex}.meal-macros-line{color:var(--text-muted);font-variant-numeric:tabular-nums;margin-top:.25rem;font-size:.75rem}.field label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.03em;font-size:.78rem;font-weight:600}.field input,.field textarea{border:1px solid var(--border);resize:vertical;background:#fafafa;border-radius:6px;padding:.45rem .6rem;font-family:inherit;font-size:.95rem;transition:border-color .15s}.field input:focus,.field textarea:focus{border-color:var(--accent);background:var(--surface);outline:none}.fields-grid{grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:.75rem;margin-bottom:.75rem;display:grid}.fields-grid:last-child{margin-bottom:0}.fields-grid--2{grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}.fields-grid--3{grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}.field--checkbox label,.field--checkboxes label{color:var(--text);text-transform:none;letter-spacing:0;cursor:pointer;align-items:center;gap:.4rem;font-size:.88rem;font-weight:500;display:flex}.field--checkboxes{flex-direction:column;justify-content:center;gap:.5rem;display:flex}.field--checkbox input[type=checkbox],.field--checkboxes input[type=checkbox]{width:16px;height:16px;accent-color:var(--accent);cursor:pointer}.loading{text-align:center;color:var(--text-muted);padding:3rem}.view-switcher{border-bottom:2px solid var(--border);gap:.25rem;margin-bottom:1rem;padding:.75rem 0 .25rem;display:flex}.view-tab{color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-radius:6px;padding:.45rem 1rem;font-size:.9rem;font-weight:500;transition:background .15s,color .15s}.view-tab:hover{background:var(--accent-light);color:var(--accent)}.view-tab--active{background:var(--accent);color:#fff}.placeholder-view{text-align:center;color:var(--text-muted);padding:4rem;font-size:1.1rem}.cal-scroll{border-radius:var(--radius);border:1px solid var(--border);overflow-x:auto}.cal-table{border-collapse:collapse;background:var(--surface);width:100%;min-width:700px;font-size:.85rem}.cal-th-label{background:var(--surface);z-index:2;border-bottom:2px solid var(--border);width:160px;min-width:160px;position:sticky;left:0}.cal-th-day{text-align:center;border-bottom:2px solid var(--border);border-left:1px solid var(--border);background:var(--surface);min-width:175px;padding:.5rem .4rem}.cal-th-day--today{background:var(--accent-light);color:var(--accent)}.cal-weekday{text-transform:capitalize;font-size:.8rem;font-weight:700;display:block}.cal-date{color:var(--text-muted);font-size:.75rem;display:block}.cal-th-day--today .cal-date{color:var(--accent)}.cal-section-row td{padding:0}.cal-section-label{text-transform:uppercase;letter-spacing:.06em;color:#fff;background:var(--section-color,#374151);padding:.4rem .75rem;font-size:.72rem;font-weight:700;position:sticky;left:0}.cal-row:nth-child(2n){background:#fafafa}.cal-row:hover{background:var(--accent-light)}.cal-field-label{color:var(--text-muted);white-space:nowrap;border-right:2px solid var(--border);background:inherit;z-index:1;padding:.4rem .75rem;font-size:.78rem;font-weight:500;position:sticky;left:0}.cal-cell{border-left:1px solid var(--border);cursor:pointer;white-space:pre-wrap;word-break:break-word;vertical-align:top;border-top:1px solid #f0f0f0;max-width:220px;padding:.3rem .5rem;font-size:.82rem;line-height:1.3;transition:background .1s}.cal-cell--food{font-size:.72rem;line-height:1.25}.cal-cell:hover{background:#e8f0fe}.cal-cell--readonly{cursor:default;color:#374151;font-variant-numeric:tabular-nums;background:#fafafa;font-weight:600}.cal-cell--readonly:hover{background:#fafafa}.cal-food-line{white-space:pre-wrap;word-break:break-word}.cal-food-macros{color:var(--text-muted);font-variant-numeric:tabular-nums;margin-top:.28rem;font-size:.65rem;line-height:1.25}.cal-cell--empty{color:var(--text-muted)}.cal-cell--editing{padding:0}.cal-placeholder{color:#d1d5db}.tray-view{padding:.5rem 0}.tray-title{color:var(--text);margin-bottom:1.25rem;font-size:1.2rem;font-weight:700}.tray-stats{flex-wrap:wrap;gap:.75rem;margin-bottom:1.5rem;display:flex}.tray-stat{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);flex-direction:column;gap:.2rem;min-width:130px;padding:.75rem 1.25rem;display:flex}.tray-stat__label{text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted);font-size:.72rem;font-weight:600}.tray-stat__value{color:var(--text);font-size:1.4rem;font-weight:700}.tray-stat--good{color:var(--green)}.tray-stat--bad{color:var(--red)}.tray-stat--warn{color:#d97706}.tray-stat--highlight{background:#fffbeb;border-color:#d97706}.tray-stat__sub{color:var(--text-muted);margin-top:-.1rem;font-size:.68rem}.tray-stat--obj-jul{color:#fff;background:#3b82f6;border-color:#3b82f6}.tray-stat--obj-jul .tray-stat__label,.tray-stat--obj-jul .tray-stat__sub{color:#bfdbfe}.tray-stat--obj-jul .tray-stat__value{color:#fff}.tray-stat--obj-dic{color:#fff;background:#1e3a8a;border-color:#1e3a8a}.tray-stat--obj-dic .tray-stat__label,.tray-stat--obj-dic .tray-stat__sub{color:#93c5fd}.tray-stat--obj-dic .tray-stat__value{color:#fff}.tray-chart-wrap{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);flex-direction:column;gap:1.5rem;padding:1.25rem .5rem 1rem;display:flex}.tray-bar-section{padding-top:.25rem}.tray-bar-title{color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;margin:0 0 .5rem .5rem;font-size:.85rem;font-weight:600}.tray-bar-unit{opacity:.7;font-size:.8rem;font-weight:400}.tray-tooltip{background:var(--surface);border:1px solid var(--border);border-radius:8px;padding:.6rem .9rem;font-size:.82rem;box-shadow:0 4px 12px #00000014}.tray-tooltip__date{color:var(--text-muted);margin-bottom:.3rem;font-size:.78rem;font-weight:600}.sw-view{padding:.5rem 0}.sw-header{align-items:center;gap:1rem;margin-bottom:1.25rem;display:flex}.sw-title{color:var(--text);font-size:1.2rem;font-weight:700}.sw-scroll{border:1px solid var(--border);border-radius:var(--radius);overflow-x:auto}.sw-table{border-collapse:collapse;background:var(--surface);white-space:nowrap;font-size:.82rem}.sw-th{color:var(--text-muted);background:var(--surface);border-bottom:2px solid var(--border);border-left:1px solid var(--border);vertical-align:bottom;text-align:center;padding:.45rem .6rem;font-size:.72rem;font-weight:600}.sw-th--label{z-index:3;border-left:none;border-right:2px solid var(--border);text-align:left;min-width:145px;position:sticky;left:0}.sw-th--week{cursor:default;min-width:82px}.sw-th--current{color:var(--accent);border-top:3px solid var(--accent);background:var(--accent-light)!important}.sw-th--future{color:#d1d5db}.sw-week-num{font-size:.78rem;font-weight:700;display:block}.sw-week-dates{opacity:.75;font-size:.65rem;display:block}.sw-week-days{color:var(--accent);margin-top:1px;font-size:.6rem;font-weight:600;display:block}.sw-row{transition:background .1s}.sw-row--alt{background:#fafafa}.sw-row:hover{background:var(--accent-light)}.sw-cell{vertical-align:middle;text-align:right;font-variant-numeric:tabular-nums;border-top:1px solid #f0f0f0;border-left:1px solid #f0f0f0;padding:.35rem .6rem}.sw-cell--label{z-index:1;background:inherit;text-align:left;color:var(--text-muted);border-left:none;border-right:2px solid var(--border);padding-right:.75rem;font-size:.78rem;font-weight:500;position:sticky;left:0}.sw-cell--val{font-size:.82rem}.sw-cell--current-col{background:#f5f9ff;font-weight:600}.sw-cell--future{color:#e5e7eb}.sw-val--good{color:var(--green);font-weight:700}.sw-val--bad{color:var(--red);font-weight:700}.sw-empty{color:#d1d5db}.sw-unit-inline{color:var(--text-muted);font-size:.65rem}.sw-tbody--notes .sw-row--notes:hover{background:var(--surface)}.sw-cell--notes-label{vertical-align:top;white-space:normal;padding-top:.65rem}.sw-notes-title{color:var(--text);margin-bottom:.2rem;font-weight:600;display:block}.sw-notes-hint{color:var(--text-muted);max-width:9rem;font-size:.65rem;font-weight:400;line-height:1.3;display:block}.sw-cell--note{vertical-align:top;text-align:left;white-space:normal;padding:.35rem .45rem}.sw-note-textarea{box-sizing:border-box;width:100%;min-width:4.5rem;min-height:4.5rem;max-height:12rem;color:var(--text);background:var(--surface);border:1px solid var(--border);resize:vertical;border-radius:6px;padding:.35rem .45rem;font-family:inherit;font-size:.72rem;line-height:1.35}.sw-note-textarea:focus{border-color:var(--accent);box-shadow:0 0 0 2px var(--accent-light);outline:none}.sw-cell--note.sw-cell--future .sw-note-textarea{opacity:.65}.cal-cell--has-semaforo{padding-right:1.4rem;position:relative}.semaforo-btn{cursor:pointer;z-index:1;border:none;border-radius:50%;flex-shrink:0;width:9px;height:9px;padding:0;transition:transform .1s,box-shadow .1s;position:absolute;top:4px;right:4px;box-shadow:0 0 0 1.5px #00000026}.semaforo-btn:hover{transform:scale(1.3);box-shadow:0 0 0 2px #0003}.cal-cell--editing input,.cal-cell--editing select,.cal-cell--editing textarea.cal-food-textarea{border:2px solid var(--accent);background:var(--surface);border-radius:4px;outline:none;width:100%;padding:.3rem .4rem;font-family:inherit;font-size:.85rem}.cal-cell--editing textarea.cal-food-textarea{resize:vertical;min-height:4rem;font-size:.78rem;display:block}.macros-totals-bar{border-radius:var(--radius);background:#fffbeb;border:1px solid #fcd34d;flex-wrap:wrap;gap:.75rem;margin-bottom:1rem;padding:.75rem 1rem;font-size:.85rem;display:flex}.macros-totals-bar__item{flex-direction:column;gap:.15rem;min-width:5.5rem;display:flex}.macros-totals-bar__label{text-transform:uppercase;letter-spacing:.04em;color:var(--text-muted);font-size:.65rem;font-weight:700}.macros-totals-bar__val{font-variant-numeric:tabular-nums;font-weight:700}.btn-macros{color:#92400e;cursor:pointer;background:#fffbeb;border:1px solid #d97706;border-radius:6px;margin-top:.5rem;padding:.4rem .75rem;font-size:.8rem}.btn-macros:hover:not(:disabled){background:#fef3c7}.btn-macros:disabled{opacity:.6;cursor:not-allowed}.macro-estimate-err{color:var(--red);margin-top:.35rem;font-size:.78rem}.export-view{flex-direction:column;gap:1rem;max-width:860px;margin:0 auto;padding:1.5rem;display:flex}.export-title{color:var(--text);font-size:1.15rem;font-weight:700}.export-controls{flex-wrap:wrap;align-items:center;gap:.75rem;display:flex}.export-label{color:var(--text-muted);white-space:nowrap;font-size:.85rem;font-weight:600}.export-select{border:1px solid var(--border);background:var(--surface);min-width:220px;max-width:360px;color:var(--text);cursor:pointer;border-radius:6px;flex:1;padding:.4rem .6rem;font-size:.88rem}.export-actions{gap:.5rem;margin-left:auto;display:flex}.export-btn{border:1px solid var(--border);background:var(--surface);color:var(--text);cursor:pointer;border-radius:6px;padding:.4rem .85rem;font-size:.85rem;font-weight:500;transition:background .15s,color .15s}.export-btn:hover:not(:disabled){background:#e5e7eb}.export-btn:disabled{opacity:.4;cursor:default}.export-btn--ok{color:#fff;background:#16a34a;border-color:#16a34a}.export-btn--dl{color:#fff;background:#2563eb;border-color:#2563eb}.export-btn--dl:hover:not(:disabled){background:#1d4ed8}.export-meta{color:var(--text-muted);min-height:1.2em;font-size:.8rem}.export-textarea{border:1px solid var(--border);color:#cdd6f4;resize:vertical;background:#1e1e2e;border-radius:8px;outline:none;width:100%;height:520px;padding:.75rem;font-family:Menlo,Monaco,Consolas,monospace;font-size:.78rem;line-height:1.5}