:root{--primary-color:#007bff;--success-color:#28a745;--danger-color:#dc3545;--warning-color:#ffc107;--secondary-color:#6c757d}body{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif}header{border-bottom:3px solid var(--primary-color);padding-bottom:1.5rem}header h1{color:var(--primary-color);font-weight:700;font-size:2rem}.day-card{background:#fff;border-left:5px solid var(--primary-color);width:100%}.day-header{background-color:var(--primary-color);padding:1rem;display:flex;justify-content:space-between;align-items:center}.day-header>div{width:100%}.day-header h5{margin:0;color:#000;font-weight:600}.day-totals-row{display:flex;align-items:center;justify-content:space-between;gap:.5rem;margin-top:.4rem;width:100%}.day-totals-summary{display:flex;flex-wrap:wrap;gap:.4rem;align-items:center}.edit-day-notes-btn{flex-shrink:0;margin-left:auto}.day-total-badge{background:rgba(255,255,255,.9);color:#212529;font-size:.825rem;padding:.2rem .55rem;border-radius:.375rem;box-shadow:0 1px 2px rgba(0,0,0,.06);display:inline-flex;align-items:center;gap:.25rem}.day-total-badge strong{font-weight:600}.day-content{padding:1.5rem}.day-actions{display:flex;gap:.5rem;flex-wrap:wrap}.meals-list{list-style:none;padding:0;margin:0}.meal-item{background:#f8f9fa;border:1px solid #dee2e6;border-radius:.375rem;padding:1rem;margin-bottom:.75rem;display:flex;align-items:flex-start;gap:1rem}.meal-item:hover{background:#e7f3ff;border-color:var(--primary-color)}.meal-item.dragging{opacity:.4;background:#e9ecef}.meal-drop-target{border:2px dashed var(--primary-color);background:rgba(0,123,255,.06);border-radius:.375rem;margin-bottom:.75rem;box-sizing:border-box;list-style:none;pointer-events:none;transition:height .15s ease}.meal-item.drag-over{border:2px dashed var(--primary-color);background:rgba(0,123,255,.05)}.drag-handle{cursor:grab;color:var(--secondary-color);padding:.5rem;font-size:1.25rem;user-select:none;-webkit-user-select:none;flex-shrink:0}.drag-handle:active{cursor:grabbing}.meal-number{background:var(--primary-color);color:#fff;width:2rem;height:2rem;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;flex-shrink:0;user-select:none;-webkit-user-select:none}.meal-details{flex:1;min-width:0;user-select:text;-webkit-user-select:text}.meal-name{font-weight:600;color:#212529;margin:0 0 .5rem 0}.meal-info{display:grid;grid-template-columns:auto 1fr;gap:.5rem 1rem;font-size:.9rem;color:#6c757d;margin-bottom:.5rem}.meal-info-label{font-weight:500;color:#495057}.meal-calories{background:#fff3cd;color:#856404;padding:.25rem .5rem;border-radius:.25rem;display:inline-block;font-weight:500;width:fit-content}.meal-water{background:#d0ebff;color:#1864ab;padding:.25rem .5rem;border-radius:.25rem;display:inline-block;font-weight:500;width:fit-content}.meal-salt{background:#e9ecef;color:#495057;padding:.25rem .5rem;border-radius:.25rem;display:inline-block;font-weight:500;width:fit-content}.meal-notes{background:#fff;padding:.5rem;border-left:3px solid var(--secondary-color);margin-top:.5rem;font-size:.9rem;color:#495057;white-space:pre-wrap}.meal-actions{display:flex;gap:.5rem;flex-shrink:0;user-select:none;-webkit-user-select:none}.meal-actions .btn{padding:.35rem .6rem;font-size:.85rem}.empty-state{text-align:center;padding:2rem 1rem;color:#6c757d}.empty-state i{font-size:2rem;color:#dee2e6;margin-bottom:1rem;display:block}#search_section{background:#fff;border:1px solid #dee2e6}.no-results{text-align:center;padding:3rem 1rem;color:#6c757d}.no-results i{font-size:3rem;color:#dee2e6;display:block;margin-bottom:1rem}.modal-header{background-color:var(--primary-color);border-bottom:2px solid var(--primary-color)}.modal-title{color:#000;font-weight:600}.modal-content{border:none;box-shadow:0 5px 15px rgba(0,0,0,.3)}.inline-meal-form{background:#fff;border:2px solid var(--primary-color);border-radius:.375rem;margin-bottom:.75rem;overflow:hidden}.inline-meal-form-header{background-color:var(--primary-color);padding:.5rem 1rem}.inline-meal-form-header h6{margin:0;color:#000;font-weight:600}.inline-meal-form-body{padding:.75rem 1rem}.inline-meal-form-body .form-label{margin-bottom:.2rem;font-weight:500;font-size:.85rem}.inline-meal-notes{min-height:calc(1.5em * 2 + .5rem + 2px);resize:vertical;box-sizing:border-box}.inline-meal-form-actions{display:flex;gap:.5rem;justify-content:flex-end;padding:.5rem 1rem .75rem}.meal-item.inline-editing{display:none}.day-notes-text{margin-top:.5rem;font-size:.875rem;color:rgba(0,0,0,.75);background:rgba(255,255,255,.25);border-left:3px solid rgba(0,0,0,.2);padding:.35rem .6rem;border-radius:0 .25rem .25rem 0;white-space:pre-wrap;width:100%;box-sizing:border-box}.inline-day-notes-form{margin-top:.5rem;width:100%}.inline-day-notes-form-inner{display:flex;flex-direction:column;gap:.4rem;width:100%}.inline-day-notes-textarea{min-height:calc(1.5em * 2 + .5rem + 2px);resize:vertical;background:rgba(255,255,255,.9);border-color:rgba(0,0,0,.2);width:100%;box-sizing:border-box}.inline-day-notes-actions{display:flex;gap:.4rem;justify-content:flex-end}.btn-primary{background-color:var(--primary-color);border-color:var(--primary-color)}.btn-primary:hover{background-color:#0056b3;border-color:#0056b3}.btn-sm{padding:.35rem .6rem;font-size:.8rem}@media (max-width:768px){header h1{font-size:1.5rem}.day-header{flex-direction:column;align-items:flex-start;gap:.5rem}.day-header h5{width:100%}.day-actions{width:100%;flex-wrap:wrap}.meal-item{flex-wrap:wrap}.meal-actions{width:100%;justify-content:flex-end}#search_section .row{gap:1rem!important}#search_section input,#search_section select{width:100%}}.auto-backup-popover .popover-body{white-space:pre-line}.auto-backup-popover[data-popper-placement^=bottom]>.popover-arrow::after{border-bottom-color:var(--bs-popover-bg)}@keyframes autoBackupStatusSpin{to{transform:rotate(360deg)}}.auto-backup-status-spinning{animation:autoBackupStatusSpin 1s linear infinite}@media (prefers-reduced-motion:reduce){.auto-backup-status-spinning{animation:none}}@keyframes slideIn{from{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.draggable-ghost{opacity:.5;background:#e8e8e8!important}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:#f1f1f1}::-webkit-scrollbar-thumb{background:#888;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#555}