.dialog-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;overflow-y:auto;opacity:0;animation:overlay-fade-in var(--modal-animation-duration) ease-out forwards}body.dialog-open{overflow:hidden}.dialog-container{background:#fff;border-radius:12px;width:400px;box-shadow:0 4px 12px #00000026;opacity:0;transform:scale(.95) translateY(-20px);animation:dialog-slide-in var(--modal-animation-duration) cubic-bezier(.4,0,.2,1) forwards;transform-origin:center}.dialog-container.closing{animation:dialog-slide-out var(--modal-animation-duration) cubic-bezier(.4,0,.2,1) forwards}.dialog-overlay.closing{animation:overlay-fade-out var(--modal-animation-duration) ease-in forwards}.dialog-header{display:flex;justify-content:space-between;align-items:center;padding:14px 24px;border-bottom:1px solid #F3F4F6}.dialog-title{font-size:18px;font-weight:600;color:#1f2937;margin:0}.dialog-close{background:none;border:none;padding:4px;cursor:pointer;color:#6b7280;line-height:0;border-radius:4px;transition:all var(--modal-animation-duration)}.dialog-close:hover{color:#1f2937;background:#f3f4f6}.dialog-content{padding:24px;color:#4b5563;font-size:16px;line-height:1.5}.dialog-input{width:100%;padding:8px 12px;border:1px solid #E5E7EB;border-radius:6px;font-size:14px;line-height:1.5;color:#1f2937;transition:all var(--modal-animation-duration);box-sizing:border-box}.dialog-input:focus{outline:none;border-color:#5cd6bf;box-shadow:0 0 0 2px #5cd6bf1a}.dialog-input--error{border-color:#ef4444}.dialog-input--error:focus{border-color:#ef4444;box-shadow:0 0 0 2px #ef44441a}.dialog-footer{padding:16px 24px;display:flex;gap:12px}.btn-cancel,.btn-confirm,.btn-third-action{flex:1;padding:12px 20px;border:none;border-radius:24px;cursor:pointer;font-size:15px;font-weight:600;transition:all var(--modal-animation-duration);min-width:80px}.btn-cancel{background-color:#f5f5f5;color:#666;box-shadow:0 1px 4px #0000000a,inset 0 -1px 1px #00000008}.btn-cancel:hover{background-color:#eee}.btn-cancel:active{background-color:#e8e8e8;box-shadow:0 1px 2px #0000000f}.btn-confirm{background:linear-gradient(135deg,#81c784,#66bb6a);color:#fff;box-shadow:0 2px 6px #66bb6a4d,0 1px 2px #00000014}.btn-confirm:hover{background:linear-gradient(135deg,#8fd593,#74c978);box-shadow:0 3px 8px #66bb6a59}.btn-confirm:active{transform:translateY(1px);box-shadow:0 1px 4px #66bb6a40}.btn-third-action{background-color:#fff;color:var(--primary);border:1px solid var(--primary)}.btn-third-action:hover{border-color:var(--primary-light-3);color:var(--primary-light-3);background-color:#5cd6bf0d}.btn-third-action:active{background-color:#5cd6bf1a}@media (max-width: 480px){.dialog-container{width:calc(100% - 32px);max-width:400px}.dialog-footer{gap:12px}.btn-cancel,.btn-confirm,.btn-third-action{padding:12px 16px}}@keyframes dialog-slide-in{0%{opacity:0;transform:scale(.95) translateY(-20px)}to{opacity:1;transform:scale(1) translateY(0)}}@keyframes dialog-slide-out{0%{opacity:1;transform:scale(1) translateY(0)}to{opacity:0;transform:scale(.95) translateY(20px)}}@keyframes overlay-fade-in{0%{opacity:0}to{opacity:1}}@keyframes overlay-fade-out{0%{opacity:1}to{opacity:0}}