.modalOverlay{align-items:center;background-color:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.modalContent{background-color:#fff;border-radius:8px;box-sizing:border-box;max-height:90vh;max-width:800px;overflow-y:auto;padding:20px;position:relative;width:80%}@media print{@page{size:A4;margin:10mm}.modalOverlay{background:none!important}.modalContent{box-sizing:border-box!important;min-height:297mm!important;overflow:visible!important;width:210mm!important}.printA4{page-break-after:auto;page-break-before:auto;page-break-inside:avoid}}.notification{animation-fill-mode:forwards;background-color:#e0f7e9;border-left:5px solid #66bb6a;border-radius:4px;box-shadow:0 2px 8px #0003;color:#2e7d32;min-width:300px;opacity:0;overflow:hidden;padding:15px 20px;position:fixed;right:20px;top:20px;transform:translateY(-20px);z-index:10000}.notification.error{background-color:#ffebee;border-left:5px solid #ef5350;color:#c62828}.notification.slideIn{animation:slideIn .5s ease forwards}.notification.slideOut{animation:slideOut .5s ease forwards}@keyframes slideIn{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@keyframes slideOut{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-20px)}}.notification-content{align-items:center;display:flex;font-size:16px}.notification-icon{font-size:20px;margin-right:10px}.progress-bar{background-color:currentColor;height:4px;margin-top:10px;transition:width .05s linear}.modal-overlay{animation:fadeIn .3s ease forwards;background-color:#0009;z-index:10000}.modal-overlay.fadeOut{animation:fadeOut .3s ease forwards}.modal{max-width:1200px;width:auto}.modal.closing{animation:scaleDown .3s ease forwards}.modal p{margin:0;overflow:visible;text-align:center;white-space:nowrap}.confirm-button{background-color:#d9534f;border:none;border-radius:4px;color:#fff;cursor:pointer;padding:8px 14px}.confirm-button:hover{background-color:#c9302c}.cancel-button{background-color:#fff;border:1px solid #ccc;border-radius:4px;color:#333;cursor:pointer;padding:8px 14px}.cancel-button:hover{background-color:#f5f5f5}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}@keyframes scaleDown{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.7)}}.personal-calculator{background-color:#fff;border:1px solid #ddd;border-radius:8px;margin:0 auto;max-width:700px;padding:20px}.calculator-title{margin-bottom:20px;text-align:center}.patient-buttons{display:flex;gap:10px;justify-content:center;margin-bottom:20px}.patient-btn{border:none;border-radius:4px;color:#fff;cursor:pointer;padding:8px 12px}.blue-btn{background-color:#5bc0de}.green-btn{background-color:#5cb85c}.red-btn{background-color:#d9534f;border:none;border-radius:4px;color:#fff;cursor:pointer}.selected-patient-info{font-size:1.1rem;font-weight:700;margin-bottom:20px;text-align:center}.personal-form .form-row{align-items:center;display:flex;gap:10px;margin-bottom:10px}.calc-btn{background-color:#0275d8}.calc-btn,.reset-btn{border:none;border-radius:4px;color:#fff;cursor:pointer;margin-right:10px;padding:8px 15px}.reset-btn{background-color:#5bc0de}.update-patient-btn{background-color:#f0ad4e;border:none;border-radius:4px;color:#fff;cursor:pointer;padding:8px 15px}.error-msg{color:red;margin-top:10px;text-align:center}.result{margin-top:20px}.modal-overlay{align-items:center;background-color:#00000080;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:9999}.modal{background-color:#fff;border-radius:8px;box-shadow:0 2px 10px #0000004d;max-width:90%;padding:20px;position:relative;width:400px}.modal h3{margin-bottom:15px;margin-top:0;text-align:center}.patient-list{list-style:none;margin-bottom:10px;max-height:300px;overflow-y:auto;padding:0}.patient-list li{align-items:center;border-bottom:1px solid #eee;display:flex;justify-content:space-between;margin-bottom:10px;padding-bottom:5px}.patient-modal-buttons{display:flex;gap:5px}.modal-buttons{display:flex;justify-content:space-around;margin-top:15px}.cancel-btn{background-color:#fff;border:1px solid #ccc;border-radius:4px;color:#333;cursor:pointer;padding:8px 14px}.cancel-btn:hover{background-color:#f5f5f5}.disease-box{border:1px solid #ccc;border-radius:4px;margin-bottom:10px;padding:10px}.modal .form-row{display:flex;flex-direction:column;gap:5px;margin-bottom:10px}.combined-container{display:flex;flex-direction:row;gap:20px;height:100vh;padding:20px;position:relative;width:100%}.calculator-box{box-sizing:border-box;overflow:auto;padding:20px}.personal-box{border:1px solid #ddd;border-left:5px solid #4caf50;flex:0 0 var(--personal-box-width)}.macro-box,.personal-box{background-color:#fff;border-radius:8px;box-shadow:0 2px 10px #0000001a;padding:20px}.macro-box{border:1px solid #ddd;border-left:5px solid #2196f3;flex:1 1}.edit-modal-overlay{align-items:center;background-color:#0009;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:9999}.edit-modal{background-color:#fff;border-radius:8px;box-shadow:0 2px 10px #0000004d;max-width:90%;padding:20px;width:500px}.edit-food-row{display:flex;gap:20px;margin-bottom:10px}.edit-food-field{display:flex;flex:1 1;flex-direction:column}.edit-food-field label{font-weight:700;margin-bottom:5px}.edit-modal button{cursor:pointer}.addfood-container{margin:0 auto;max-width:1200px;padding:20px}.table{text-align:center}.table td,.table th{border:1px solid #ccc;padding:8px}.table th{background-color:#f2f2f2}.button{border:none;border-radius:4px;color:#fff;cursor:pointer;padding:5px 10px}.button-green{background-color:#5cb85c}.button-green:hover{background-color:#4cae4c}.button-red{background-color:#d9534f}.button-red:hover{background-color:#c9302c}.button-blue{background-color:#5bc0de}:root{--primary-color:#4caf50;--secondary-color:#45a049;--bg-color:#f5f5f5;--text-color:#333;--border-radius:8px}*,:after,:before{box-sizing:border-box}body{background-color:#f5f5f5;background-color:var(--bg-color);color:#333;color:var(--text-color);font-family:Arial,sans-serif;margin:0;overflow-x:hidden;padding:0}.app-header{background-color:#333;box-shadow:0 2px 6px #00000026;padding:10px 0}.navbar{align-items:center;display:flex;justify-content:space-between;margin:0 auto;max-width:1400px;padding:0 20px;width:100%}.logo{color:#fff;font-size:1.5em;font-weight:700;text-transform:uppercase}.nav-links{align-items:center;display:flex;gap:15px}.nav-item{border-radius:4px;color:#fff;padding:8px 15px;text-decoration:none;transition:background-color .3s ease}.nav-item:hover{background-color:#444}.btn-logout{background-color:#4caf50;background-color:var(--primary-color);border:none;border-radius:4px;color:#fff;cursor:pointer;padding:8px 15px;transition:background-color .3s ease}.btn-logout:hover{background-color:#45a049;background-color:var(--secondary-color)}main{padding:20px}.app-footer{background-color:#333;color:#fff;font-size:.9em;padding:10px 0;text-align:center}h2,h3,h4{color:#333;color:var(--text-color);margin-bottom:20px}form,h2,h3,h4{text-align:center}form{margin-bottom:30px}label{font-weight:700;margin-right:10px}input,select{border:1px solid #ccc;border-radius:4px;margin-bottom:10px;padding:10px;transition:border-color .3s ease;width:200px}input:focus,select:focus{border-color:#4caf50;border-color:var(--primary-color);outline:none}button{background-color:#4caf50;background-color:var(--primary-color);border:none;border-radius:4px;color:#fff;cursor:pointer;margin-top:10px;padding:10px 16px;transition:background-color .3s ease}button:hover{background-color:#45a049;background-color:var(--secondary-color)}.table{border-collapse:collapse;margin-top:20px;table-layout:fixed;width:100%}.table td,.table th{word-wrap:break-word;border:1px solid #ddd;overflow-wrap:break-word;padding:12px;text-align:center;white-space:normal}.table th{background-color:#4caf50;background-color:var(--primary-color);color:#fff;text-transform:uppercase}.personal-calculator{margin:20px 0}.personal-form{flex-direction:column;gap:15px}.form-row,.personal-form{align-items:center;display:flex}.form-row{gap:10px}.form-row label{text-align:right;width:120px}.form-row input,.form-row select{width:200px}
/*# sourceMappingURL=main.abc1df05.css.map*/