.modal-overlay-apology-component{position:fixed;top:0;left:0;right:0;bottom:0;background-color:rgba(0,0,0,.5);display:flex;align-items:center;justify-content:center;z-index:1000;padding:16px;animation:fadeIn .2s ease-out}.modal-overlay-apology-component .modal-container{position:relative;max-width:672px;width:100%;background:linear-gradient(135deg,#f0f9e6,#e6f5d6);border-radius:16px;box-shadow:0 25px 50px -12px rgba(0,0,0,.25);overflow:hidden;animation:slideIn .3s ease-out}.modal-overlay-apology-component .close-button{position:absolute;top:16px;right:16px;z-index:10;background-color:hsla(0,0%,100%,.8);border:none;border-radius:50%;padding:8px;cursor:pointer;transition:all .2s ease;box-shadow:0 2px 4px rgba(0,0,0,.1)}.modal-overlay-apology-component .close-button:hover{background-color:#fff;transform:scale(1.05)}.modal-overlay-apology-component .close-button .close-icon{width:16px;height:16px;color:#6b7280}.modal-overlay-apology-component .modal-content{display:flex;flex-direction:column}@media(min-width:1024px){.modal-overlay-apology-component .modal-content{flex-direction:row}}.modal-overlay-apology-component .image-section{flex:1;display:flex;align-items:center;justify-content:center;padding:32px}@media(min-width:1024px){.modal-overlay-apology-component .image-section{padding:48px}}.modal-overlay-apology-component .image-wrapper{position:relative}.modal-overlay-apology-component .image-glow{position:absolute;inset:0;background-color:rgba(96,163,9,.3);border-radius:50%;filter:blur(32px);transform:scale(1.1)}.modal-overlay-apology-component .image-container{position:relative;background-color:#fff;border-radius:50%;padding:16px;box-shadow:0 10px 25px rgba(0,0,0,.1)}.modal-overlay-apology-component .bot-image{border-radius:50%;object-fit:cover;display:block}.modal-overlay-apology-component .content-section{flex:1;padding:32px;display:flex;flex-direction:column;justify-content:center}@media(min-width:1024px){.modal-overlay-apology-component .content-section{padding:48px}}.modal-overlay-apology-component .content-wrapper{display:flex;flex-direction:column;gap:24px}.modal-overlay-apology-component .header{display:flex;align-items:center;gap:12px}.modal-overlay-apology-component .icon-wrapper{padding:8px;background-color:#e6f5d6;border-radius:50%}.modal-overlay-apology-component .alert-icon{width:24px;height:24px;color:#60a309}.modal-overlay-apology-component .alert-icon-x{width:24px;height:24px;color:#ff2e2e}.modal-overlay-apology-component .title{font-size:1.875rem;font-weight:700;color:#111827;margin:0}.modal-overlay-apology-component .message-section{display:flex;flex-direction:column;gap:16px}.modal-overlay-apology-component .error-message{font-size:1.125rem;color:#374151;line-height:1.75;margin:0}.modal-overlay-apology-component .continue-prompt{font-size:1rem;color:#6b7280;margin:0}.modal-overlay-apology-component .button-section{display:flex;flex-direction:column;gap:12px;padding-top:16px}@media(min-width:640px){.modal-overlay-apology-component .button-section{flex-direction:row}}.modal-overlay-apology-component .continue-button{flex:1;background:linear-gradient(90deg,#60a309,#4d8307);color:#fff;font-weight:500;padding:12px 24px;border:none;border-radius:8px;cursor:pointer;box-shadow:0 4px 6px rgba(0,0,0,.1);transition:all .2s ease;font-size:1rem;position:relative;overflow:hidden}.modal-overlay-apology-component .continue-button:hover{background:linear-gradient(90deg,#7bc21a,#60a309);box-shadow:0 6px 12px rgba(0,0,0,.15);transform:scale(1.02)}.modal-overlay-apology-component .continue-button:active{transform:scale(.98)}.modal-overlay-apology-component .continue-button:after{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:linear-gradient(to bottom right,rgba(255,255,255,0),rgba(255,255,255,.1) 50%,rgba(255,255,255,0));transform:rotate(45deg);transition:all .5s ease;opacity:0}.modal-overlay-apology-component .continue-button:hover:after{opacity:1;transform:rotate(45deg) translate(50%,50%)}.modal-overlay-apology-component .cancel-button{flex:1;background-color:#fff;color:#374151;font-weight:500;padding:12px 24px;border:1px solid #d1d5db;border-radius:8px;cursor:pointer;transition:all .2s ease;font-size:1rem}.modal-overlay-apology-component .cancel-button:hover{background-color:#f9fafb;border-color:#9ca3af}.modal-overlay-apology-component .cancel-button:active{transform:scale(.98)}.modal-overlay-apology-component .decorative-bar{position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,#7bc21a,#60a309 50%,#4d8307)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideIn{0%{opacity:0;transform:scale(.95) translateY(-10px)}to{opacity:1;transform:scale(1) translateY(0)}}@media(max-width:640px){.modal-overlay-apology-component .modal-container{margin:16px;max-width:calc(100vw - 32px)}.modal-overlay-apology-component .content-section,.modal-overlay-apology-component .image-section{padding:24px}.modal-overlay-apology-component .title{font-size:1.5rem}.modal-overlay-apology-component .error-message{font-size:1rem}}@media(prefers-color-scheme:dark){.modal-overlay-apology-component .modal-container{background:linear-gradient(135deg,#1a2e0d,#2a4415)}.modal-overlay-apology-component .title{color:#f9fafb}.modal-overlay-apology-component .error-message{color:#d1d5db}.modal-overlay-apology-component .continue-prompt{color:#9ca3af}.modal-overlay-apology-component .icon-wrapper,.modal-overlay-apology-component .image-container{background-color:#2a4415}.modal-overlay-apology-component .close-button{background-color:rgba(42,68,21,.8)}.modal-overlay-apology-component .close-button:hover{background-color:#2a4415}.modal-overlay-apology-component .close-button .close-icon{color:#d1d5db}.modal-overlay-apology-component .continue-button{background:linear-gradient(90deg,#60a309,#4d8307)}.modal-overlay-apology-component .continue-button:hover{background:linear-gradient(90deg,#7bc21a,#60a309)}.modal-overlay-apology-component .cancel-button{background-color:#1a2e0d;border-color:#4d8307;color:#d1d5db}.modal-overlay-apology-component .cancel-button:hover{background-color:#2a4415}}