.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:rgba(0,0,0,.6);z-index:1000;animation:fadeIn .3s ease}.modal-container{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);background-color:white;border-radius:8px;box-shadow:0 10px 40px rgba(45,80,22,.3);z-index:1001;max-height:90vh;overflow-y:auto;animation:slideIn .3s ease;display:flex;flex-direction:column}.modal-small{width:90%;max-width:400px}.modal-medium{width:90%;max-width:600px}.modal-large{width:90%;max-width:900px}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:24px;border-bottom:1px solid #8fbc8f;position:sticky;top:0;background-color:white;z-index:10}.modal-title{font-family:Playfair Display,serif;font-size:24px;font-weight:600;color:#2d5016;margin:0;padding-right:20px}.modal-close{background:none;border:none;cursor:pointer;padding:8px;display:flex;align-items:center;justify-content:center;color:#2c3e50;transition:all .3s ease;border-radius:5px;flex-shrink:0}.modal-close:hover{background-color:rgba(45,80,22,.1);color:#2d5016;transform:rotate(90deg)}.modal-close:focus{outline:2px solid #2d5016;outline-offset:2px}.modal-content{padding:24px;flex:1;overflow-y:auto}.modal-content p{font-family:Source Sans Pro,Arial,sans-serif;font-size:16px;line-height:1.6;color:#2c3e50;margin-bottom:16px}.modal-content h3{font-family:Playfair Display,serif;font-size:20px;color:#2d5016;margin-top:20px;margin-bottom:12px}.modal-footer{padding:16px 24px;border-top:1px solid #e5e7eb;display:flex;justify-content:flex-end;gap:12px;position:sticky;bottom:0;background-color:white}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideIn{0%{opacity:0;transform:translate(-50%,-45%)}to{opacity:1;transform:translate(-50%,-50%)}}@media (max-width:768px){.modal-container{width:95%;max-height:95vh}.modal-header{padding:16px}.modal-title{font-size:20px}.modal-content{padding:16px}.modal-footer{padding:12px 16px}}.modal-content::-webkit-scrollbar{width:8px}.modal-content::-webkit-scrollbar-track{background:rgba(143,188,143,.1);border-radius:4px}.modal-content::-webkit-scrollbar-thumb{background:#8fbc8f;border-radius:4px}.modal-content::-webkit-scrollbar-thumb:hover{background:#2d5016}