.macro-charts-wrapper{background-color:#1a1a1a;border:2px solid #ff8200;border-radius:1rem;padding:2rem;margin:3rem auto;box-shadow:0 6px 20px rgba(255,130,0,.1);color:gainsboro;max-width:900px;text-align:center}.macro-charts-title{font-family:Tribo,Impact,sans-serif;font-size:1.75rem;font-weight:700;color:#480000;margin-bottom:1.5rem;text-shadow:#000 0 0 5px}.chart-actions{display:flex;justify-content:center;gap:1rem;margin-top:1rem;flex-wrap:wrap}.chart-button{background:#ff8200;color:#000;padding:.6rem 1.2rem;border-radius:999px;font-weight:600;border:none;cursor:pointer;transition:all .2s ease-in-out}.chart-button:hover{background:#e36f00}.macros-page{padding:2rem;max-width:800px;margin:0 auto}.macro-header{text-align:center;margin-bottom:2rem}.macro-targets{display:flex;flex-direction:column;gap:1rem}.macro-bar{background:#2a2a2a;padding:1rem;border-radius:.5rem;text-align:left}.macro-bar span{font-weight:700;color:#ffd78a}progress{width:100%;height:8px;margin:.5rem 0;appearance:none}progress::-webkit-progress-bar{background-color:#444;border-radius:4px}progress::-webkit-progress-value{background-color:#ff8200;border-radius:4px}.macro-bar progress[value]::-webkit-progress-value:over-limit{background-color:red}.meal-log{display:flex;flex-direction:column;gap:1rem}.meal-card{background:#1f1f1f;border:1px solid #444;padding:1rem;border-radius:.5rem}.meal-card h3{color:#ff8200;margin-bottom:.5rem}.add-meal-btn{margin-top:2rem;background:#ff8200;color:#111;border:none;padding:1rem 2rem;border-radius:999px;font-weight:700;cursor:pointer;transition:background .2s}.add-meal-btn:hover{background:#e06b00}.meal-card-actions{margin-top:.5rem;display:flex;gap:1rem;justify-content:center}.delete-btn,.edit-btn{background:#444;color:#eee;border:none;padding:.5rem 1rem;border-radius:999px;cursor:pointer;font-size:.9rem;transition:background .2s}.edit-btn:hover{background:#00c2ff}.delete-btn:hover{background:#ff4d4d}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.8);display:flex;justify-content:center;align-items:center;z-index:50}.modal{background:#2a2a2a;padding:2rem;border-radius:1rem;width:300px;text-align:center}.modal input{width:100%;margin-bottom:1rem;padding:.75rem;background:#1f1f1f;border:1px solid #555;color:#fff;border-radius:.5rem}.modal-actions{display:flex;justify-content:space-between}.save-btn{background:#00c2ff}.cancel-btn,.save-btn{padding:.5rem 1.5rem;border:none;border-radius:999px;cursor:pointer}.cancel-btn{background:#ff4d4d}.macro-header-section{display:flex;align-items:center;justify-content:space-between;margin-bottom:2rem}.help-btn{background:rgba(255,130,0,.1);border:1px solid var(--primary);color:var(--primary);padding:.5rem 1rem;border-radius:.5rem;font-weight:600;cursor:pointer;transition:all .3s ease;font-size:.875rem}.help-btn:hover{background:var(--primary);color:#000;transform:translateY(-2px);box-shadow:0 4px 12px rgba(255,130,0,.3)}