.modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(44,44,44,.5);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:var(--z-modal,10000);opacity:0;visibility:hidden;transition:opacity var(--transition-base,250ms ease-in-out),visibility var(--transition-base,250ms ease-in-out)}.modal-overlay.active{opacity:1;visibility:visible}.modal-container{background:var(--color-white,#fff);border-radius:var(--radius-lg,12px);box-shadow:var(--shadow-xl,0 20px 25px rgba(0,0,0,.15));border:1px solid var(--color-gray-light,#e5e5e5);max-width:500px;width:90%;max-height:90vh;overflow:hidden;transform:scale(.7) translateY(-50px);transition:transform .3s cubic-bezier(.34,1.56,.64,1);display:flex;flex-direction:column}.modal-container.modal-large{max-width:900px;width:95%}.modal-container.modal-small{max-width:400px}.modal-overlay.active .modal-container{transform:scale(1) translateY(0)}.modal-header{position:relative;padding:var(--spacing-lg,24px) var(--spacing-lg,24px) var(--spacing-md,16px);display:flex;align-items:center;gap:var(--spacing-md,12px);border-bottom:1px solid var(--color-gray-light,#e5e5e5);background:linear-gradient(to bottom,var(--color-off-white,#fafafa),var(--color-white,#fff))}.modal-icon{width:48px;height:48px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:24px;flex-shrink:0}.modal-icon.info{background-color:rgba(41,182,246,.1);color:var(--color-info,#29b6f6)}.modal-icon.success{background-color:rgba(76,175,80,.1);color:var(--color-success,#4caf50)}.modal-icon.warning{background-color:rgba(255,167,38,.1);color:var(--color-warning,#ffa726)}.modal-icon.error{background-color:rgba(229,57,53,.1);color:var(--color-error,#e53935)}.modal-title{flex:1;font-size:var(--fs-xl,20px);font-weight:var(--fw-semibold,600);color:var(--color-gray-dark,#2c2c2c);margin:0;font-family:var(--font-heading, 'Merriweather', serif)}.modal-close{width:32px;height:32px;border:none;background:0 0;color:var(--color-gray,#666);cursor:pointer;border-radius:var(--radius-sm,6px);display:flex;align-items:center;justify-content:center;transition:all var(--transition-fast,150ms ease-in-out);font-size:20px}.modal-close:hover{background-color:var(--color-gray-lighter,#f5f5f5);color:var(--color-gray-dark,#2c2c2c)}.modal-body{padding:var(--spacing-lg,20px) var(--spacing-lg,24px);overflow-y:auto;flex:1;background-color:var(--color-white,#fff)}.modal-message{font-size:var(--fs-base,15px);line-height:1.6;color:var(--color-gray-dark,#2c2c2c);margin:0;white-space:pre-wrap;word-break:break-word;font-family:var(--font-body, 'Montserrat', sans-serif)}.modal-footer{padding:var(--spacing-md,16px) var(--spacing-lg,24px);border-top:1px solid var(--color-gray-light,#e5e5e5);display:flex;justify-content:flex-end;gap:var(--spacing-md,12px);background:linear-gradient(to top,var(--color-off-white,#fafafa),var(--color-white,#fff))}.modal-button{padding:var(--spacing-sm,10px) var(--spacing-lg,20px);border:none;border-radius:var(--radius-md,8px);font-size:var(--fs-sm,14px);font-weight:var(--fw-medium,500);cursor:pointer;transition:all var(--transition-base,250ms ease-in-out);font-family:var(--font-body, 'Montserrat', sans-serif);min-width:80px;text-transform:uppercase;letter-spacing:.5px}.modal-button.primary{background-color:var(--color-gold,#d4af37);color:var(--color-white,#fff);box-shadow:var(--shadow-gold,0 4px 12px rgba(212,175,55,.3))}.modal-button.primary:hover{background-color:var(--color-gold-dark,#b8941f);transform:translateY(-2px);box-shadow:0 6px 16px rgba(212,175,55,.4)}.modal-button.primary:active{transform:translateY(0)}.modal-button.secondary{background-color:var(--color-gray-lighter,#f5f5f5);color:var(--color-gray-dark,#2c2c2c);border:1px solid var(--color-gray-light,#e5e5e5)}.modal-button.secondary:hover{background-color:var(--color-gray-light,#e5e5e5);border-color:var(--color-gray,#666)}.modal-button.danger{background-color:var(--color-error,#e53935);color:var(--color-white,#fff);box-shadow:0 4px 12px rgba(229,57,53,.3)}.modal-button.danger:hover{background-color:#c62828;transform:translateY(-2px);box-shadow:0 6px 16px rgba(229,57,53,.4)}.modal-button.success{background-color:var(--color-success,#4caf50);color:var(--color-white,#fff);box-shadow:0 4px 12px rgba(76,175,80,.3)}.modal-button.success:hover{background-color:#388e3c;transform:translateY(-2px);box-shadow:0 6px 16px rgba(76,175,80,.4)}.modal-button.warning{background-color:var(--color-warning,#ffa726);color:var(--color-white,#fff);box-shadow:0 4px 12px rgba(255,167,38,.3)}.modal-button.warning:hover{background-color:#fb8c00;transform:translateY(-2px);box-shadow:0 6px 16px rgba(255,167,38,.4)}.modal-button.loading{position:relative;color:transparent;pointer-events:none}.modal-button.loading::after{content:'';position:absolute;width:16px;height:16px;top:50%;left:50%;margin-left:-8px;margin-top:-8px;border:2px solid var(--color-white,#fff);border-radius:50%;border-top-color:transparent;animation:.6s linear infinite modal-spinner}@keyframes modal-spinner{to{transform:rotate(360deg)}}.modal-header::before{content:'';position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(to right,var(--color-gold,#d4af37),var(--color-gold-light,#f4e5c2))}@media (max-width:640px){.modal-container{width:95%;max-width:none}.modal-header{padding:20px 16px 12px}.modal-icon{width:40px;height:40px;font-size:20px}.modal-title{font-size:18px}.modal-body{padding:16px}.modal-message{font-size:14px}.modal-footer{padding:12px 16px;flex-direction:column-reverse}.modal-button{width:100%;min-width:0}}.modal-overlay:focus{outline:0}.modal-button:focus-visible{outline:2px solid var(--color-gold,#d4af37);outline-offset:2px}.modal-close:focus-visible{outline:2px solid var(--color-gold,#d4af37);outline-offset:2px}@media (prefers-color-scheme:dark){:root.dark-mode .modal-container{background:var(--color-white,#1a1a1a);border-color:var(--color-gray-light,#3a3a3a)}:root.dark-mode .modal-footer,:root.dark-mode .modal-header{border-color:var(--color-gray-light,#3a3a3a);background:linear-gradient(to bottom,var(--color-off-white,#242424),var(--color-white,#1a1a1a))}:root.dark-mode .modal-title{color:var(--color-gray-dark,#e5e5e5)}:root.dark-mode .modal-message{color:var(--color-gray,#ccc)}:root.dark-mode .modal-close{color:var(--color-gray,#ccc)}:root.dark-mode .modal-close:hover{background-color:var(--color-gray-light,#3a3a3a);color:var(--color-gray-dark,#e5e5e5)}:root.dark-mode .modal-button.secondary{background-color:var(--color-gray-light,#3a3a3a);color:var(--color-gray-dark,#e5e5e5);border-color:var(--color-gray-light,#3a3a3a)}:root.dark-mode .modal-button.secondary:hover{background-color:var(--color-gray,#ccc)}}