.modal-overlay{position: fixed;inset: 0;background: rgba(0,0,0,.45);display: none;align-items: center;justify-content: center;z-index: 9999;}.modal-overlay.show{display: flex;}.modal-content{background: var(--c-white);border-radius: var(--radius-lg);width: 90%;max-width: 380px;box-shadow: var(--shadow-lg);overflow: hidden;}.modal-header{display: flex;justify-content: space-between;align-items: center;padding: 20px 20px 16px;border-bottom: 1px solid var(--c-border);}.modal-header h3{margin: 0;font-size: 17px;font-weight: 700;}.modal-close{background: none;border: none;font-size: 22px;cursor: pointer;color: var(--c-muted);line-height: 1;}.modal-body{padding: 24px 20px;text-align: center;}.modal-icon{font-size: 40px;color: var(--c-brand);margin-bottom: 12px;display: block;}.modal-body p{margin: 0;color: var(--c-muted);font-size: 15px;}.modal-footer{display: flex;gap: 10px;padding: 14px 20px;border-top: 1px solid var(--c-border);}.modal-btn{flex: 1;min-height: 44px;padding: 11px;border: none;border-radius: var(--radius-sm);cursor: pointer;font-size: 15px;font-weight: 600;}.modal-btn-cancel{background: var(--c-bg);color: var(--c-muted);}.modal-btn-confirm{background: var(--c-brand);color: #fff;}.modal-overlay{opacity: 0;transition: opacity var(--zd-dur-fast) var(--zd-ease-out),display var(--zd-dur-fast) allow-discrete;}.modal-overlay.show{opacity: 1;transition: opacity var(--zd-dur) var(--zd-ease-out),display var(--zd-dur) allow-discrete;}.modal-content{opacity: 0;transform: scale(0.96);transition: opacity var(--zd-dur-fast) var(--zd-ease-out),transform var(--zd-dur-fast) var(--zd-ease-out);}.modal-overlay.show .modal-content{opacity: 1;transform: scale(1);transition: opacity var(--zd-dur) var(--zd-ease-out),transform var(--zd-dur) var(--zd-ease-out);}@starting-style{.modal-overlay.show{opacity: 0;}.modal-overlay.show .modal-content{opacity: 0;transform: scale(0.96);}}